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