:root{--font-serif: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bg-top: #12131a;--bg-mid: #0e0f15;--bg-bot: #0b0d14;--glow-a: #3a4f7a;--glow-b: #5a4a78;--ink: #e9eaf0;--ink-soft: rgba(233, 234, 240, .62);--ink-faint: rgba(233, 234, 240, .4);--glass: rgba(180, 190, 220, .06);--glass-border: rgba(200, 210, 235, .12);--accent: #8ea2cc;--col: 600px;--gap-section: clamp(46px, 9vh, 92px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-bot);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color 1.2s ease;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.bg__base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,var(--bg-top) 0%,var(--bg-mid) 52%,var(--bg-bot) 100%);transition:background 1.4s ease}.bg__glow{position:absolute;width:78vmax;height:78vmax;border-radius:50%;filter:blur(60px);opacity:.5;mix-blend-mode:screen;will-change:transform}.bg__glow--a{top:-20vmax;left:-16vmax;background:radial-gradient(circle at center,var(--glow-a) 0%,transparent 62%);animation:driftA 46s ease-in-out infinite}.bg__glow--b{bottom:-24vmax;right:-18vmax;background:radial-gradient(circle at center,var(--glow-b) 0%,transparent 60%);animation:driftB 62s ease-in-out infinite;opacity:.42}.bg__glow.is-still{animation:none!important}.bg__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes driftA{0%{transform:translate(-8%,-5%) scale(1)}50%{transform:translate(7%,6%) scale(1.16)}to{transform:translate(-8%,-5%) scale(1)}}@keyframes driftB{0%{transform:translate(6%,4%) scale(1.08)}50%{transform:translate(-7%,-5%) scale(1)}to{transform:translate(6%,4%) scale(1.08)}}.page{max-width:var(--col);margin:0 auto;padding:calc(env(safe-area-inset-top) + 16vh) 28px calc(env(safe-area-inset-bottom) + 64px);padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}.section{margin-bottom:var(--gap-section)}.section__label{font-size:.66rem;letter-spacing:.32em;color:var(--ink-faint);margin-bottom:18px;font-weight:500}.hero{margin-bottom:var(--gap-section)}.hero__eyebrow{font-size:.8rem;letter-spacing:.3em;color:var(--ink-faint);margin-bottom:14px}.hero__date{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.7rem,12vw,3.7rem);line-height:1.06;letter-spacing:.02em;color:var(--ink)}.hero__greeting{margin-top:20px;font-size:1.05rem;font-weight:300;color:var(--ink-soft)}.weather__main{font-size:clamp(1.35rem,5.4vw,1.7rem);font-weight:300;color:var(--ink)}.weather__main--muted{color:var(--ink-soft)}.weather__temp{color:var(--ink-soft);font-weight:200}.weather__meta{margin-top:12px;font-size:.82rem;color:var(--ink-faint);letter-spacing:.02em}.color{display:flex;align-items:center;gap:18px}.color__swatch{width:52px;height:52px;border-radius:16px;box-shadow:0 0 28px -4px var(--accent);flex:none}.color__name{font-size:1.1rem;color:var(--ink)}.color__hex{margin-top:4px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--ink-faint)}.mood__orbs{display:flex;gap:clamp(14px,5vw,26px);flex-wrap:wrap}.mood__orb{display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .5s ease,transform .4s ease}.mood__orb.is-dim{opacity:.4}.mood__orb.is-active{transform:translateY(-2px)}.mood__dot{display:block;width:38px;height:38px;border-radius:50%}.mood__word{font-size:.78rem;color:var(--ink-soft);letter-spacing:.06em}.mood__echo{margin-top:26px}.mood__prompt{margin-top:26px;color:var(--ink-soft);font-size:1rem;font-weight:300}.mood__line{font-size:1.1rem;color:var(--ink);font-weight:300}.mood__reflection{margin-top:8px;font-size:.9rem;color:var(--ink-faint)}.story__line{font-family:var(--font-serif);font-size:clamp(1.18rem,4.8vw,1.42rem);line-height:2.05;letter-spacing:.02em;color:var(--ink);margin-bottom:.2em}.story__line--muted{color:var(--ink-soft)}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.music{padding:26px 24px}.music__reason{font-size:.92rem;color:var(--ink-faint);margin-bottom:14px;font-style:italic}.music__title{font-size:1.3rem;color:var(--ink);font-weight:400}.music__artist{font-size:.9rem;color:var(--ink-soft);margin-top:4px}.music__actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.music__hint{margin-top:16px;font-size:.84rem;line-height:1.6;color:var(--ink-faint)}.btn{display:inline-flex;align-items:center;padding:11px 20px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink);font-size:.9rem;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,border-color .3s ease,background .3s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn--ghost{background:transparent;color:var(--ink-soft)}.playlist{list-style:none}.playlist__item+.playlist__item{border-top:1px solid var(--glass-border)}.playlist__link{display:block;padding:18px 2px;transition:opacity .2s ease}.playlist__link:active{opacity:.6}.playlist__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.playlist__title{font-size:1.05rem;color:var(--ink)}.playlist__artist{font-size:.84rem;color:var(--ink-soft)}.playlist__reason{display:block;margin-top:6px;font-size:.84rem;color:var(--ink-faint)}.gear{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:20;width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;transition:border-color .3s ease}.gear:hover{border-color:var(--accent)}.gear__dot{width:5px;height:5px;border-radius:50%;background:var(--ink-soft);box-shadow:9px 0 0 -1px var(--ink-soft),-9px 0 0 -1px var(--ink-soft)}.sheet__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--col);background:linear-gradient(180deg,var(--bg-mid),var(--bg-bot));border:1px solid var(--glass-border);border-bottom:none;border-radius:26px 26px 0 0;padding:14px 24px calc(env(safe-area-inset-bottom) + 28px)}.sheet__handle{width:40px;height:4px;border-radius:99px;background:var(--ink-faint);margin:4px auto 22px}.sheet__title{font-family:var(--font-serif);font-weight:400;font-size:1.3rem;color:var(--ink);margin-bottom:24px}.sheet__group{margin-bottom:26px}.sheet__label{font-size:.66rem;letter-spacing:.28em;color:var(--ink-faint);margin-bottom:12px}.sheet__row{display:flex;gap:10px}.sheet__input{flex:1;padding:11px 14px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink);font-size:.95rem}.sheet__input::placeholder{color:var(--ink-faint)}.sheet__results{list-style:none;margin-top:10px}.sheet__result{width:100%;text-align:left;padding:12px 4px;color:var(--ink);font-size:.95rem;border-bottom:1px solid var(--glass-border)}.sheet__text-btn{margin-top:14px;color:var(--ink-soft);font-size:.88rem;text-decoration:underline;text-underline-offset:3px}.sheet__hint{font-size:.88rem;line-height:1.7;color:var(--ink-soft)}.sheet__close{width:100%;justify-content:center;margin-top:6px}.footer{margin-top:var(--gap-section);text-align:center;display:flex;flex-direction:column;gap:8px}.footer__mark{font-size:.8rem;letter-spacing:.2em;color:var(--ink-soft)}.footer__line{font-size:.78rem;color:var(--ink-faint)}@media (prefers-reduced-motion: reduce){.bg__glow{animation:none!important}*{transition-duration:.001ms!important}}.netease__user{display:flex;align-items:center;gap:12px;margin-bottom:22px}.netease__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.netease__name{font-size:1rem;color:var(--ink);display:flex;align-items:center;gap:8px}.netease__vip{font-size:.64rem;letter-spacing:.1em;padding:2px 7px;border-radius:999px;color:var(--bg-bot);background:var(--accent)}.netease__logout{margin-left:auto;font-size:.82rem;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}.netease__lists{list-style:none;display:flex;flex-direction:column;gap:4px}.netease__list-item+.netease__list-item{border-top:1px solid var(--glass-border)}.netease__list-btn{width:100%;display:flex;align-items:center;gap:14px;padding:12px 2px;text-align:left;transition:opacity .2s ease}.netease__list-btn:active{opacity:.6}.netease__cover{width:46px;height:46px;border-radius:10px;overflow:hidden;flex:none;background:var(--glass)}.netease__cover img{width:100%;height:100%;object-fit:cover;display:block}.netease__list-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.netease__list-name{font-size:1rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.netease__list-count{font-size:.78rem;color:var(--ink-faint)}.netease__back{font-size:.86rem;color:var(--ink-soft);margin-bottom:12px}.netease__tracks-title{font-size:1.05rem;color:var(--ink);margin-bottom:8px}.netease__track.is-playing .playlist__title{color:var(--accent)}.qr{width:min(86vw,320px);background:linear-gradient(180deg,var(--bg-mid),var(--bg-bot));border:1px solid var(--glass-border);border-radius:24px;padding:26px 24px;text-align:center}.qr__title{font-family:var(--font-serif);font-size:1.2rem;color:var(--ink);margin-bottom:18px}.qr__frame{width:200px;height:200px;margin:0 auto 16px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.qr__img{width:100%;height:100%;object-fit:contain}.qr__placeholder{color:#888;font-size:.85rem}.qr__hint{font-size:.9rem;color:var(--ink-soft);margin-bottom:18px;min-height:1.2em}.playbar{position:fixed;left:0;right:0;bottom:0;z-index:25;margin:0 auto;max-width:var(--col);padding:10px max(16px,env(safe-area-inset-left)) calc(env(safe-area-inset-bottom) + 10px) max(16px,env(safe-area-inset-right));background:#0c0d14b8;border-top:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.playbar__inner{display:flex;align-items:center;gap:12px}.playbar__cover{width:44px;height:44px;border-radius:10px;overflow:hidden;flex:none;background:var(--glass)}.playbar__cover img{width:100%;height:100%;object-fit:cover;display:block}.playbar__cover-fallback{display:block;width:100%;height:100%;background:radial-gradient(circle at 35% 30%,var(--accent),transparent 75%)}.playbar__meta{flex:1;min-width:0}.playbar__title{font-size:.95rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbar__sub{display:flex;align-items:center;gap:8px;margin-top:3px;min-width:0}.playbar__source{font-size:.62rem;letter-spacing:.08em;padding:1px 6px;border-radius:999px;border:1px solid var(--glass-border);color:var(--ink-soft);flex:none}.playbar__artist{font-size:.78rem;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbar__error{font-size:.74rem;color:#e0a0a0;margin-top:3px}.playbar__controls{display:flex;align-items:center;gap:6px;flex:none}.playbar__btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:.85rem;transition:background .2s ease}.playbar__btn:active{background:var(--glass)}.playbar__btn--main{width:42px;height:42px;border:1px solid var(--glass-border);font-size:.95rem}.playbar__open{padding:8px 16px;border-radius:999px;border:1px solid var(--glass-border);color:var(--ink);font-size:.85rem}.playbar__close{color:var(--ink-faint)}.playbar__progress{display:flex;align-items:center;gap:10px;margin-top:8px}.playbar__time{font-size:.66rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none;width:30px;text-align:center}.playbar__seek{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:99px;background:var(--glass-border);outline:none}.playbar__seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.playbar__seek::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}body.has-player .page{padding-bottom:calc(env(safe-area-inset-bottom) + 132px)}.journal{display:flex;flex-direction:column;gap:.7rem}.journal__date{font-family:var(--font-serif);font-size:.95rem;color:var(--ink-soft);letter-spacing:.02em}.journal__input{width:100%;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1rem 1.1rem;color:var(--ink);font-family:var(--font-serif);font-size:1.02rem;line-height:1.85;resize:vertical;min-height:7.5rem;transition:border-color .3s ease,background .3s ease}.journal__input:focus{outline:none;border-color:var(--glow-a);background:#ffffff0d}.journal__input::placeholder{color:var(--ink-faint)}.journal__foot{display:flex;justify-content:space-between;align-items:center;min-height:1.2rem}.journal__saved{font-size:.72rem;color:var(--ink-faint);letter-spacing:.08em}.journal__toggle{background:none;border:none;color:var(--ink-soft);font-size:.8rem;cursor:pointer;letter-spacing:.04em;padding:.2rem 0}.journal__toggle:hover{color:var(--ink)}.journal__past{list-style:none;margin:.3rem 0 0;padding:0;border-top:1px solid var(--glass-border)}.journal__past-item{border-bottom:1px solid var(--glass-border)}.journal__past-head{width:100%;text-align:left;background:none;border:none;color:var(--ink-soft);font-family:var(--font-serif);font-size:.9rem;padding:.8rem 0;cursor:pointer}.journal__past-head:hover{color:var(--ink)}.journal__past-text{color:var(--ink-soft);font-family:var(--font-serif);line-height:1.85;padding:0 0 1rem;white-space:pre-wrap}.photo{display:flex;flex-direction:column;gap:1rem}.photo__bar{display:flex}.photo__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.photo__cell{aspect-ratio:1 / 1;border:none;border-radius:10px;background-size:cover;background-position:center;background-color:var(--glass);cursor:pointer;padding:0;transition:transform .3s ease,opacity .3s ease}.photo__cell:hover{transform:scale(1.015);opacity:.92}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.4rem;background:#060408d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox__inner{width:min(560px,100%);display:flex;flex-direction:column;gap:.9rem}.lightbox__img{width:100%;max-height:70vh;object-fit:contain;border-radius:14px}.lightbox__caption{width:100%;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:.7rem .95rem;color:var(--ink);font-family:var(--font-serif);font-size:.96rem}.lightbox__caption:focus{outline:none;border-color:var(--glow-a)}.lightbox__caption::placeholder{color:var(--ink-faint)}.lightbox__actions{display:flex;justify-content:space-between;align-items:center}.lightbox__del{background:none;border:none;color:var(--ink-faint);font-size:.82rem;cursor:pointer;letter-spacing:.04em}.lightbox__del:hover{color:#e0a0a0}.moodwall__trigger{margin-top:1.4rem;width:30px;height:30px;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .5s ease}.moodwall__trigger:hover{opacity:1}.moodwall__spark{width:7px;height:7px;border-radius:50%;background:var(--glow-a);box-shadow:0 0 10px 2px var(--glow-a);animation:moodwall-breathe 3.6s ease-in-out infinite}@keyframes moodwall-breathe{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.moodwall{width:min(440px,100%);margin:auto;background:linear-gradient(160deg,var(--bg-mid),var(--bg-bot));border:1px solid var(--glass-border);border-radius:22px;padding:1.8rem 1.7rem 1.6rem;box-shadow:0 30px 80px #00000080}.moodwall__title{font-family:var(--font-serif);font-size:1.15rem;color:var(--ink);margin-bottom:1.2rem;letter-spacing:.02em}.moodwall__grid{display:block;margin-bottom:1.3rem}.moodwall__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.1rem}.moodwall__legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--ink-soft)}.moodwall__dot{width:10px;height:10px;border-radius:3px;display:inline-block}.moodwall__note{font-family:var(--font-serif);font-size:.86rem;color:var(--ink-faint);line-height:1.7}.playbar__btn--mode{font-size:.92rem}.treehole{display:flex;flex-direction:column;gap:.9rem}.treehole__row{display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--glass-border);padding-bottom:.55rem}.treehole__input{flex:1;background:none;border:none;color:var(--ink);font-family:var(--font-serif);font-size:1.06rem;letter-spacing:.01em;padding:.3rem .1rem}.treehole__input:focus{outline:none}.treehole__input::placeholder{color:var(--ink-faint)}.treehole__send{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink-soft);font-size:1rem;cursor:pointer;transition:color .3s ease,border-color .3s ease,opacity .3s ease}.treehole__send:hover:not(:disabled){color:var(--ink);border-color:var(--glow-a)}.treehole__send:disabled{opacity:.4;cursor:default}.treehole__langs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.treehole__lang{padding:.28rem .7rem;border-radius:999px;border:1px solid var(--glass-border);background:none;color:var(--ink-faint);font-size:.76rem;cursor:pointer;transition:all .3s ease}.treehole__lang.is-on{color:var(--ink);border-color:var(--glow-a);background:#ffffff0d;box-shadow:0 0 12px -2px var(--glow-a)}.treehole__radio-only{margin-left:auto;background:none;border:none;color:var(--ink-soft);font-size:.78rem;cursor:pointer;letter-spacing:.03em}.treehole__radio-only:hover:not(:disabled){color:var(--ink)}.treehole__reply{font-family:var(--font-serif);font-size:1.05rem;line-height:2;color:var(--ink);border-left:2px solid var(--glow-a);padding:.4rem 0 .1rem 1rem;margin-top:.3rem}.treehole__note{font-size:.78rem;color:var(--ink-faint);letter-spacing:.03em}.echo{position:relative;margin-top:.6rem;padding:1.3rem 1.4rem;border-radius:18px;background:#ffffff09;border:1px solid var(--glass-border);overflow:hidden}.echo__halo{position:absolute;top:-40%;left:30%;width:60%;height:160%;background:radial-gradient(closest-side,color-mix(in oklab,var(--glow-b) 60%,transparent),transparent);filter:blur(34px);opacity:.5;pointer-events:none}.echo__date{position:relative;font-size:.74rem;color:var(--ink-faint);letter-spacing:.06em;margin-bottom:.6rem}.echo__old{position:relative;font-family:var(--font-serif);font-size:.96rem;line-height:1.85;color:var(--ink-soft);margin-bottom:.9rem}.echo__line{position:relative;font-family:var(--font-serif);font-size:1.02rem;line-height:1.95;color:var(--ink);text-shadow:0 0 18px color-mix(in oklab,var(--glow-a) 40%,transparent)}.lyric{position:fixed;left:0;right:0;bottom:calc(7.4rem + env(safe-area-inset-bottom,0px));z-index:35;display:flex;justify-content:center;padding:0 1.5rem;pointer-events:none}.lyric__line{max-width:600px;text-align:center;font-family:var(--font-serif);font-size:1.12rem;line-height:1.6;color:var(--ink);text-shadow:0 0 22px color-mix(in oklab,var(--glow-a) 55%,transparent),0 2px 14px rgba(0,0,0,.5)}.playbar__btn--queue.is-on{color:var(--ink)}.queuepanel{overflow:hidden;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,color-mix(in oklab,hsl(320 24% 60%) 12%,transparent),transparent)}.queuepanel__title{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:.8rem 1rem .4rem}.queuepanel__list{list-style:none;margin:0;padding:0 .5rem .5rem;max-height:44vh;overflow-y:auto}.queuepanel__item{width:100%;display:grid;grid-template-columns:1.6rem 1fr auto;align-items:baseline;gap:.6rem;background:none;border:none;text-align:left;padding:.55rem .6rem;border-radius:10px;cursor:pointer;transition:background .25s ease}.queuepanel__item:hover{background:#ffffff0a}.queuepanel__item.is-playing{background:color-mix(in oklab,hsl(320 24% 60%) 16%,transparent)}.queuepanel__idx{color:var(--ink-faint);font-size:.8rem;font-variant-numeric:tabular-nums;text-align:center}.queuepanel__item.is-playing .queuepanel__idx{color:var(--ink)}.queuepanel__t{color:var(--ink);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queuepanel__a{color:var(--ink-faint);font-size:.78rem;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flower{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;background:none;border:none;cursor:pointer;padding:.5rem 0 .2rem}.flower__svg{display:block;overflow:visible}.flower__breathe{transform-box:fill-box;transform-origin:center;animation:flower-breathe 6.5s ease-in-out infinite}@keyframes flower-breathe{0%,to{transform:scale(.985)}50%{transform:scale(1.025)}}.flower__petal{animation:petal-shimmer 5.5s ease-in-out infinite}@keyframes petal-shimmer{0%,to{opacity:.82}50%{opacity:1}}.flower__cap{font-family:var(--font-serif);font-size:.92rem;color:var(--ink-soft);letter-spacing:.02em}.flower__hint{font-size:.72rem;color:var(--ink-faint);letter-spacing:.08em}.flowercard{width:min(440px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(160deg,var(--bg-mid),var(--bg-bot));border:1px solid var(--glass-border);border-radius:24px;padding:2rem 1.8rem 1.9rem;box-shadow:0 30px 80px #00000080}.flowercard__stats{margin-top:.6rem;font-size:.78rem;color:var(--ink-faint);letter-spacing:.04em}.flowercard__title{margin:1.2rem 0 .7rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.flowercard__review{font-family:var(--font-serif);font-size:1.02rem;line-height:2;color:var(--ink)}.flowercard__review.is-loading{color:var(--ink-faint)}.ocean{position:relative;height:clamp(380px,64vh,560px);border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);background:linear-gradient(180deg,#788c9612,#9682a00d)}.ocean__water{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(40% 50% at 30% 30%,rgba(150,170,180,.16),transparent 70%),radial-gradient(45% 55% at 75% 60%,rgba(180,160,190,.14),transparent 70%),radial-gradient(35% 45% at 55% 85%,rgba(160,175,170,.12),transparent 70%);filter:blur(6px);animation:water-shimmer 22s ease-in-out infinite alternate;pointer-events:none}@keyframes water-shimmer{0%{transform:translate(0) scale(1)}to{transform:translate(4%,-3%) scale(1.06)}}.ocean__float{position:absolute;animation:ocean-drift var(--dur, 12s) ease-in-out infinite;animation-delay:var(--delay, 0s);will-change:transform}@keyframes ocean-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(var(--dx, 0),var(--dy, 0)) rotate(var(--rot, 0deg))}}.ocean__capsule{position:relative;border-radius:50%;border:1px solid rgba(255,240,210,.25);background-size:cover;background-position:center;cursor:pointer;padding:0;overflow:hidden;box-shadow:0 0 22px -4px #e6c8a080,inset 0 0 22px #fff0d72e;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.ocean__capsule:hover{transform:scale(1.09);box-shadow:0 0 34px #ebd2aa99,inset 0 0 24px #fff4de38}.ocean__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 35% 30%,#ffe2b838,#baa0c829 60%,#78788c47);mix-blend-mode:screen;pointer-events:none}.ocean__ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(255,244,224,.5);opacity:0;pointer-events:none}.ocean__capsule:hover .ocean__ripple{animation:ocean-ripple 1.5s ease-out infinite}@keyframes ocean-ripple{0%{transform:scale(.7);opacity:.55}to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion: reduce){.flower__breathe,.flower__petal,.ocean__water,.ocean__float,.ocean__capsule:hover .ocean__ripple{animation:none!important}}:root{--font-hand: "Xingkai SC", "STXingkai", "华文行楷", "Kaiti SC", KaiTi, "楷体", "Noto Serif CJK SC", var(--font-serif, serif)}html,body{height:100%;overflow:hidden}#root{height:100%}.stage{height:100vh;height:100svh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stage::-webkit-scrollbar{display:none}.card{height:100vh;height:100svh;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:4.8rem 1.5rem calc(5.5rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;position:relative}.card__inner{width:100%;max-width:600px;max-height:100%;overflow-y:auto;scrollbar-width:none}.card__inner::-webkit-scrollbar{display:none}.card .section{margin-bottom:0}.card .footer{margin-top:2.4rem}.stage__dots{position:fixed;right:.7rem;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.stage__dot{width:5px;height:5px;border-radius:50%;background:var(--ink-faint);opacity:.4;transition:all .45s cubic-bezier(.22,1,.36,1)}.stage__dot.is-on{opacity:1;height:15px;border-radius:3px;background:var(--glow-a);box-shadow:0 0 8px var(--glow-a)}.stage__hint{position:fixed;left:0;right:0;bottom:calc(2rem + env(safe-area-inset-bottom,0px));z-index:25;text-align:center;font-size:.76rem;letter-spacing:.18em;color:var(--ink-faint);pointer-events:none;animation:hint-rise 2.8s ease-in-out infinite}@keyframes hint-rise{0%,to{opacity:.32;transform:translateY(4px)}50%{opacity:.78;transform:translateY(-4px)}}.ashtext{font-family:var(--font-hand);font-size:1.5rem;line-height:2.1;color:var(--ink);letter-spacing:.04em;padding:1rem 0 .4rem;text-shadow:0 0 22px color-mix(in oklab,var(--glow-a) 32%,transparent)}.ashtext__ch{display:inline-block;white-space:pre}.treehole__reply.ashtext{border-left:none;padding-left:0}.lyric__text{font-family:var(--font-hand);font-size:1.62rem;line-height:1.5;color:var(--ink);display:inline-block;text-shadow:0 0 24px color-mix(in oklab,var(--glow-a) 60%,transparent),0 2px 16px rgba(0,0,0,.55);animation:lyric-breathe 2.6s ease-in-out infinite}@keyframes lyric-breathe{0%,to{text-shadow:0 0 18px color-mix(in oklab,var(--glow-a) 40%,transparent),0 2px 16px rgba(0,0,0,.5);transform:scale(.992)}50%{text-shadow:0 0 32px color-mix(in oklab,var(--glow-a) 78%,transparent),0 2px 16px rgba(0,0,0,.5);transform:scale(1.014)}}.film{position:relative;margin-top:.5rem;background:#0c0a0e;border-radius:6px;padding:18px 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;box-shadow:inset 0 0 30px #0009}.film::-webkit-scrollbar{display:none}.film__perf{position:absolute;left:0;right:0;height:8px;background-image:repeating-linear-gradient(to right,transparent 0 7px,rgba(222,216,200,.8) 7px 13px,transparent 13px 20px);pointer-events:none}.film__perf--top{top:4px}.film__perf--bot{bottom:4px}.film__reel{display:flex;gap:8px;padding:0 14px;width:max-content}.film__frame{position:relative;flex:none;width:132px;height:152px;border:none;padding:4px;background:#161318;border-radius:2px;cursor:pointer;scroll-snap-align:center;scroll-snap-stop:always}.film__img{display:block;width:100%;height:100%;background-size:cover;background-position:center;border-radius:1px;transition:filter .9s ease,opacity .9s ease}.film__grain{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:1px;pointer-events:none;opacity:0;background-image:radial-gradient(rgba(255,255,255,.12) .5px,transparent .6px);background-size:3px 3px;mix-blend-mode:overlay;transition:opacity .9s ease}.film__frame--d0 .film__img{filter:none;opacity:1}.film__frame--d1 .film__img{filter:grayscale(.45) brightness(.96);opacity:.92}.film__frame--d2 .film__img{filter:grayscale(.7) brightness(.92);opacity:.82}.film__frame--d3 .film__img{filter:grayscale(.85) brightness(.88);opacity:.72}.film__frame--d4 .film__img{filter:grayscale(.95) brightness(.85);opacity:.62}.film__frame--d5 .film__img{filter:grayscale(1) brightness(.82);opacity:.5}.film__frame--d2 .film__grain,.film__frame--d3 .film__grain{opacity:.5}.film__frame--d4 .film__grain,.film__frame--d5 .film__grain{opacity:.8}.film__frame:hover .film__img,.film__frame:active .film__img{filter:none;opacity:1}.film__frame:hover .film__grain,.film__frame:active .film__grain{opacity:0}@media (prefers-reduced-motion: reduce){.lyric__text,.stage__hint{animation:none!important}}