: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}