:root{--ink-warm: #f5f7f2;--ink-soft: rgba(235, 242, 232, .72);--ink-muted: rgba(255, 255, 255, .48);--accent-mint: #8ff0c2;--accent-cyan: #8cdff1;--glass-warm: rgba(15, 18, 18, .105);--glass-control: rgba(255, 255, 255, .028);--glass-control-hover: rgba(255, 255, 255, .072);--line-warm: rgba(218, 238, 226, .3);--shadow-soft: 0 24px 72px rgba(0, 0, 0, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);color:var(--ink-warm);background:#070909;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}:root{--text-title: rgba(245, 247, 242, .92);--text-body: rgba(245, 247, 242, .72);--text-caption: rgba(245, 247, 242, .45);--text-disabled: rgba(245, 247, 242, .25);--quiet-border: rgba(255, 255, 255, .08);--quiet-panel: rgba(12, 16, 18, .85);--quiet-surface: rgba(255, 255, 255, .04);--quiet-surface-hover: rgba(255, 255, 255, .07);--ease-calm: cubic-bezier(.4, 0, .2, 1);font-family:Plus Jakarta Sans,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}h2,.section-title h2,.drawer-head h3,.completion-head h3,.session-modal-head h3,.todo-head h3,.weekly-card h3,.analytics-panel h3,.monthly-review-prompt h3{color:var(--text-title);font-size:1.2rem;font-weight:600;letter-spacing:0;line-height:1.25}p,.console-subcopy,.home-hero>p:not(.eyebrow),.completion-card>p,.morning-content p:not(.eyebrow),.monthly-review-prompt p:not(.eyebrow){color:var(--text-body);font-size:.88rem;font-weight:400;line-height:1.65}small,.option-copy small,.room-summary small,.style-head small,.range-control small,.records-list article small,.todo-main small,.recipe-card span,.weekly-stats small,.stats-overview small{color:var(--text-caption);font-size:.7rem;font-weight:400;letter-spacing:.04em}.eyebrow,.section-title p,.style-head span,.todo-head p,.session-modal-head p,.drawer-head .eyebrow,.completion-head .eyebrow,.analytics-panel .eyebrow,.weekly-card .eyebrow,.monthly-review-prompt .eyebrow,.morning-content .eyebrow,.splash-content .eyebrow{display:none!important}*{text-transform:none}.background-media.current,.background-media.previous{animation-duration:1.4s;animation-timing-function:var(--ease-calm)}.glass-control:active,.icon-button:active,.status-chip:active,.scene-option-card:active,.primary-enter:active,.completion-actions button:active,.todo-start:active,.todo-check:active{filter:brightness(.92);transform:none!important}.scene-option-card:hover,.primary-enter:hover,.scene-card:hover,.scene-thumb:hover,.scene-chip:hover,.rank-row:hover,.todo-row:hover,.recipe-card:hover,.glass-control:hover,.icon-button:hover,.home-pill:hover,.glass-icon:hover{transform:none!important}.setup-layout{grid-template-columns:minmax(35rem,1.08fr) minmax(23rem,.56fr);gap:1.6rem;width:min(100%,1280px);margin-top:1.4rem}.scene-selection-panel{gap:1.45rem;background:#0c101238;border:1px solid var(--quiet-border)}.scene-card-grid{gap:1.4rem}.scene-option-card{min-height:9.4rem;gap:.75rem;padding:.72rem;border-color:var(--quiet-border);background:#ffffff06;box-shadow:none}.scene-option-card:hover{background:#ffffff0b;border-color:var(--quiet-border)}.option-media{aspect-ratio:16 / 7;border-radius:.72rem}.option-copy small{color:#f5f7f273;font-size:.72rem;font-weight:400;line-height:1.45}.scene-option-card em{color:var(--text-disabled);font-size:.62rem;letter-spacing:.04em;text-transform:none}.studio-control-panel{background:#0c10122e;border:1px solid var(--quiet-border);box-shadow:none}.control-module.sound-module{background:#ffffff0f;border:1px solid var(--quiet-border);box-shadow:none}.control-module.timer-module,.recipe-strip,.recipe-card,.room-summary div{background:#ffffff06;border:1px solid var(--quiet-border);box-shadow:none}.control-module.timer-module,.recipe-strip{padding:1rem}.recipe-card{backdrop-filter:none;-webkit-backdrop-filter:none}.primary-enter{width:70%;min-height:3.25rem;margin:2rem auto;background:#8ff0c2e0;border:1px solid rgba(143,240,194,.6);box-shadow:0 0 32px #8ff0c233;animation:enter-breathe-refined 3s var(--ease-calm) infinite}@keyframes enter-breathe-refined{0%,to{box-shadow:0 0 24px #8ff0c229}50%{box-shadow:0 0 42px #8ff0c257}}.study-timer strong{color:#f5f7f2eb;font-weight:300;letter-spacing:.08em}.study-controls-panel{gap:1.2rem;background:#ffffff0a;border:1px solid var(--quiet-border);box-shadow:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.study-controls-panel:before,.study-controls-panel:after{display:none}.modal-layer{background:#00000029}.records-drawer,.completion-card,.weekly-card,.analytics-panel,.session-modal,.todo-drawer,.monthly-review-prompt,.dev-card{border:1px solid var(--quiet-border);border-radius:1.6rem;background:#0c1012d9;box-shadow:none;-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6)}.records-drawer:before,.records-drawer:after,.completion-card:before,.completion-card:after,.weekly-card:before,.weekly-card:after,.analytics-panel:before,.analytics-panel:after,.session-modal:before,.session-modal:after,.todo-drawer:before,.todo-drawer:after,.monthly-review-prompt:before,.monthly-review-prompt:after,.dev-card:before,.dev-card:after{display:none}.records-drawer,.completion-card,.weekly-card,.analytics-panel,.session-modal,.todo-drawer,.monthly-review-prompt{padding:2rem;animation:modal-rise-refined .35s var(--ease-calm) both}.records-list article,.rank-row,.todo-row{min-height:3.2rem;border:0;background:transparent;transition:background .25s var(--ease-calm)}.records-list article:hover,.rank-row:hover,.todo-row:hover{background:#ffffff08;border-color:transparent}.todo-check:hover,.todo-start:hover,.todo-arrow:hover,.todo-delete:hover,.todo-add button:hover{transform:none;background:#ffffff0a}.liquid-glass{box-shadow:none}.liquid-glass:before,.liquid-glass:after{opacity:.35}.modal-layer .liquid-glass:before,.modal-layer .liquid-glass:after{display:none}@media(max-width:900px){.setup-layout{grid-template-columns:1fr;gap:1.2rem}.primary-enter{width:100%}.scene-card-grid{gap:1rem}}.invite-brand-button{display:inline-grid;place-items:center;padding:0;margin:0 auto;color:inherit;background:transparent}.code-field{width:min(18rem,100%);margin:.3rem auto 0;padding:.85rem 1rem}.code-field input{width:100%;color:#f5f7f2eb;font-size:1.22rem;font-weight:720;letter-spacing:.22em;text-align:center;background:transparent}.form-error,.today-code{min-height:1.2rem;color:#fee685e6;font-size:.78rem}.today-code{color:#8ff0c2eb}.online-badge{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;padding:0 .7rem;color:#f5f7f294;font-size:.72rem;white-space:nowrap;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a}.online-dot{width:.38rem;height:.38rem;border-radius:999px;background:#8ff0c2;box-shadow:0 0 9px #8ff0c29e;animation:dot-pulse 2s ease-in-out infinite}.breath-ring{width:.82rem;height:.82rem;margin-left:.05rem;border:1px solid rgba(143,240,194,.52);border-radius:999px;box-shadow:0 0 14px #8ff0c247;animation:breathe-ring 4s ease-in-out infinite}.status-chip.timer-chip.paused{color:#fee685e0;border-color:#fee68557;background:#fee68514}.hidden-file-input{display:none}.scene-add-card{border-style:dashed;border-color:#ffffff29;background:#ffffff06}.scene-add-card:hover{border-color:#8ff0c26b;background:#8ff0c20e}.add-media{display:grid;place-items:center;color:#8ff0c2cc;background:radial-gradient(circle at 50% 50%,rgba(143,240,194,.14),transparent 38%),#ffffff09}.custom-scene-tag,.custom-delete-button{position:absolute;z-index:3;display:grid;place-items:center;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-scene-tag{top:.45rem;left:.45rem;width:1.35rem;height:1.35rem;color:#06100b;font-size:.68rem;font-weight:820;background:#8ff0c2db}.custom-delete-button{top:.5rem;right:.5rem;width:1.65rem;height:1.65rem;color:#f5f7f2c7;border:1px solid rgba(255,255,255,.14);background:#06090973}.custom-delete-button:hover{color:#ffd2d2f0;border-color:#ff969657}.custom-scene-editor{position:sticky;bottom:.8rem;z-index:8;display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(0,1.2fr) auto;gap:.8rem;align-items:center;margin-top:.8rem;padding:.78rem;border-radius:1.05rem;background:#06090970}.custom-editor-preview{min-height:5.3rem;border-radius:.8rem;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff1f}.custom-editor-fields{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:.55rem}.custom-editor-fields label{display:grid;gap:.28rem}.custom-editor-fields span{color:#8ff0c2b8;font-size:.62rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.custom-editor-fields input,.custom-editor-fields select{min-width:0;height:2.35rem;padding:0 .65rem;color:#f5f7f2db;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;background:#ffffff0e}.custom-editor-fields option{color:#111}.custom-editor-actions{display:grid;gap:.45rem}.custom-editor-actions button{min-height:2.25rem;padding:0 .82rem;color:#f5f7f2b8;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0b}.custom-editor-actions button:last-child{color:#06100b;border-color:#8ff0c299;background:#8ff0c2db}.leaderboard{display:grid;gap:.58rem;padding:.85rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.08);background:#ffffff09}.leaderboard-head,.leaderboard-item{display:flex;align-items:center}.leaderboard-head{justify-content:space-between;color:#f5f7f294;font-size:.74rem;font-weight:760;letter-spacing:.08em}.leaderboard-head span{display:inline-flex;align-items:center;gap:.38rem}.leaderboard-head small{color:#8ff0c29e}.leaderboard-list{display:grid;gap:.28rem}.leaderboard-item{gap:.6rem;min-height:2.25rem;padding:0 .55rem;border-radius:.58rem}.leaderboard-item.is-you{border:1px solid rgba(143,240,194,.22);background:#8ff0c217}.leaderboard-item .rank{width:1.45rem;color:#fee685db;font-size:.82rem;font-weight:820;text-align:center}.leaderboard-item .name{flex:1;color:#f5f7f2b8;font-size:.8rem}.leaderboard-item .minutes{color:#8ff0c2c7;font-size:.74rem}.pause-overlay{display:grid;justify-items:center;gap:.5rem;margin-top:.95rem;padding:.95rem;text-align:center;border-radius:1.1rem;border:1px solid rgba(254,230,133,.16);background:#fee6850e}.pause-icon{font-size:1.65rem;animation:pause-bob 3s ease-in-out infinite}.pause-overlay p{margin:0;color:#f5f7f2ad;font-size:.84rem}.resume-btn,.end-btn{min-height:2.3rem;padding:0 1.05rem;border-radius:999px}.resume-btn{color:#06100b;font-weight:820;background:#8ff0c2e0}.end-btn{color:#f5f7f294;border:1px solid rgba(255,255,255,.12);background:#ffffff09}.leaf-shadow{will-change:transform,opacity;contain:paint}.motion-forest .leaf-shadow,.motion-greenhouse .leaf-shadow{inset:6% 4% 8%;opacity:.14;filter:blur(3px);mix-blend-mode:soft-light;border-radius:2rem;background:radial-gradient(ellipse at 16% 24%,rgba(82,150,79,.18),transparent 24%),radial-gradient(ellipse at 78% 18%,rgba(112,190,105,.14),transparent 22%),radial-gradient(ellipse at 58% 74%,rgba(60,122,68,.12),transparent 24%)}.motion-greenhouse .fabric-shadow{opacity:.18;filter:blur(.45px)}.motion-greenhouse .fabric-shadow span{width:clamp(3.5rem,8vw,7rem);background:linear-gradient(90deg,transparent,rgba(236,255,238,.075),transparent)}.motion-forest .forest-canopy span,.motion-greenhouse .greenhouse-fronds span{opacity:.16;filter:blur(1.35px)}@keyframes dot-pulse{0%,to{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}@keyframes pause-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes breathe-ring{0%,to{opacity:.5;transform:scale(.72)}50%{opacity:1;transform:scale(1.18)}}@media(max-width:920px){.custom-scene-editor,.custom-editor-fields{grid-template-columns:1fr}.online-badge{display:none}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:transparent;border:0}input,select{color:inherit;background:transparent;border:0;outline:0}img{display:block;max-width:100%}svg{flex:0 0 auto}button svg,.status-chip svg,.glass-icon svg,.brand-mark svg{display:block;width:1em;height:1em;min-width:1em;flex-shrink:0;stroke-width:2.15;transform:translateZ(0)}.brand-mark svg{width:1.55rem;height:1.55rem}.status-chip svg{width:.92rem;height:.92rem}.glass-icon svg,.home-pill svg,.quick-start svg{width:1.05rem;height:1.05rem}.app-shell{position:relative;min-height:100dvh;overflow:hidden;background:#070909}.app-container{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100dvh;width:min(100% - 2rem,1440px);margin:0 auto;padding:2rem 0 calc(1.3rem + env(safe-area-inset-bottom))}.background{position:fixed;inset:0;z-index:0;overflow:hidden;background:#070909}.background-media,.background-video{position:absolute;inset:-2%;transform:scale(1.025)}.background-media{background-position:center;background-size:cover;transition:filter 30s ease,opacity .9s var(--ease-out)}.tone-day-soft .background-media{filter:brightness(1.1) saturate(1.05)}.tone-dusk-soft .background-media{filter:brightness(.9) sepia(.15) hue-rotate(-10deg)}.tone-night-soft .background-media{filter:brightness(.65) saturate(.8) hue-rotate(15deg)}.tone-dusk-soft:after,.tone-night-soft:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,#7e583614,#284d700d)}.tone-night-soft:after{background:#21233a2e}.scene-effect-layer{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .8s var(--ease-out),filter .8s var(--ease-out)}.scene-effect-layer.lamp-on{opacity:1;background:radial-gradient(circle at 64% 58%,rgba(255,224,158,.22),transparent 28%);mix-blend-mode:screen}.scene-effect-layer.steam-boost{opacity:.72;background:radial-gradient(ellipse at 44% 68%,rgba(245,247,242,.14),transparent 24%);filter:blur(18px)}.scene-effect-layer.fire-on{opacity:.82;background:radial-gradient(circle at 70% 70%,rgba(255,132,54,.2),transparent 24%);mix-blend-mode:screen;animation:fire-pulse 1.2s ease-in-out infinite alternate}.scene-effect-layer.manual-night{opacity:1;background:#14192d38}.scene-effect-layer.effect-rain{opacity:.82;background:linear-gradient(104deg,transparent 0 42%,rgba(198,225,238,.12) 43%,transparent 46% 100%),radial-gradient(circle at 23% 25%,rgba(160,205,230,.18),transparent 28%);filter:blur(.2px);mix-blend-mode:screen;animation:rain-glass-pulse 3.2s ease both}.scene-effect-layer.effect-weather{opacity:.86;background:radial-gradient(circle at 18% 20%,rgba(205,228,239,.22),transparent 25%),linear-gradient(180deg,#5a768d29,#090d120d);mix-blend-mode:screen;animation:weather-window-shift 3s ease both}.scene-effect-layer.effect-curtain{opacity:.7;background:linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.08),transparent 44%),linear-gradient(270deg,transparent 0 58%,rgba(143,240,194,.11),transparent 76%);mix-blend-mode:screen;animation:curtain-touch-sway 3.4s ease both}.scene-effect-layer.effect-leaves{opacity:.72;background:radial-gradient(ellipse at 18% 22%,rgba(143,240,194,.16),transparent 24%),radial-gradient(ellipse at 76% 18%,rgba(185,244,211,.13),transparent 22%),radial-gradient(ellipse at 62% 70%,rgba(72,132,82,.12),transparent 26%);filter:blur(2px);mix-blend-mode:soft-light;animation:leaf-touch-drift 3.4s ease both}.background-media.current{opacity:1;animation:scene-fade-in .9s var(--ease-out) both}.background-media.previous{z-index:1;opacity:0;animation:bg-crossfade-out 1s ease forwards}.background-video{width:104%;height:104%;object-fit:cover;opacity:0;animation:video-layer-in 1.4s ease forwards}.background-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#00000003,#00000036),radial-gradient(circle at 50% 38%,rgba(143,240,194,.055),transparent 46%),radial-gradient(circle at 12% 16%,rgba(140,223,241,.1),transparent 32%)}.background-glow{position:absolute;inset:0;opacity:.45;background:linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.065) 33%,transparent 38% 100%),linear-gradient(260deg,transparent 0 58%,rgba(140,223,241,.075) 62%,transparent 68% 100%);animation:glass-light 14s ease-in-out infinite alternate}.background.study .background-vignette{background:linear-gradient(180deg,#00000038,#0000007a),radial-gradient(circle at 24% 20%,rgba(245,247,242,.08),transparent 28%),radial-gradient(circle at 84% 80%,rgba(71,124,146,.18),transparent 36%)}@keyframes video-layer-in{to{opacity:1}}@keyframes scene-fade-in{0%{opacity:0;filter:saturate(.9) blur(2px)}to{opacity:1;filter:saturate(1) blur(0)}}@keyframes scene-fade-out{0%{opacity:1;filter:saturate(1) blur(0)}to{opacity:0;filter:saturate(.92) blur(3px)}}@keyframes bg-crossfade-out{0%{opacity:1;filter:saturate(1) blur(0)}to{opacity:0;filter:saturate(.92) blur(3px)}}@keyframes glass-light{0%{transform:translate3d(-4%,0,0)}to{transform:translate3d(5%,0,0)}}@keyframes fabric-sway{0%{transform:skew(-2deg) translate(-.8rem)}to{transform:skew(3deg) translate(.65rem)}}@keyframes steam-rise{0%{opacity:0;transform:translate3d(0,3rem,0) scale(.72) rotate(-6deg)}25%{opacity:.72}to{opacity:0;transform:translate3d(1.8rem,-8rem,0) scale(1.35) rotate(12deg)}}@keyframes leaf-breathe{0%{transform:translate3d(-1.6%,-.8%,0) rotate(-1deg) scale(1)}to{transform:translate3d(1.8%,1%,0) rotate(1.4deg) scale(1.06)}}@keyframes ribbon-billow{0%{transform:translate3d(-.9rem,0,0) skew(-2deg) scaleX(.92);opacity:.24}45%{opacity:.4}to{transform:translate3d(1rem,.2rem,0) skew(4deg) scaleX(1.08);opacity:.32}}@keyframes glass-rain{0%{transform:translate3d(0,-18vh,0) rotate(12deg)}to{transform:translate3d(-5vw,112vh,0) rotate(12deg)}}@keyframes snow-fog{0%{transform:translate3d(-4%,-.5rem,0) scaleX(1)}to{transform:translate3d(5%,.7rem,0) scaleX(1.08)}}@keyframes wave-tide{0%{transform:translate3d(-2.5%,-.2rem,0) scaleX(.98)}to{transform:translate3d(3%,.35rem,0) scaleX(1.04)}}@keyframes cafe-steam{0%{opacity:0;transform:translate3d(-.5rem,3rem,0) scale(.65) rotate(-5deg)}24%{opacity:.58}to{opacity:0;transform:translate3d(1.8rem,-9rem,0) scale(1.35) rotate(9deg)}}@keyframes canopy-sway{0%{transform:translate3d(-1.4rem,-.4rem,0) rotate(-4deg) scale(.95)}to{transform:translate3d(1.25rem,.5rem,0) rotate(5deg) scale(1.06)}}@keyframes beam-drift{0%{transform:translate3d(-1.2rem,0,0) rotate(8deg);opacity:.5}to{transform:translate3d(1.6rem,0,0) rotate(13deg);opacity:.78}}@keyframes splash-drift{0%{transform:scale(1.06) translate3d(-.35rem,-.2rem,0)}to{transform:scale(1.08) translate3d(.45rem,.3rem,0)}}@keyframes splash-rise{0%{opacity:0;transform:translate3d(0,1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes splash-out{to{opacity:0;transform:scale(1.015)}}@keyframes enter-breathe{0%,to{box-shadow:0 18px 44px #00000057,0 0 28px #8ff0c23d}50%{box-shadow:0 18px 44px #00000057,0 0 48px #8ff0c26b}}@keyframes wave-peek{0%{transform:scaleY(.45)}to{transform:scaleY(1.5)}}@keyframes preview-in{0%{opacity:0;transform:translate3d(0,.65rem,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes long-preview-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes timer-breathe{0%,to{opacity:.58;transform:scale(.992)}50%{opacity:1;transform:scale(1)}}@keyframes free-flow{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes hint-fade{0%{opacity:0;transform:translate(-50%,-50%) translateY(.6rem)}18%{opacity:1;transform:translate(-50%,-50%) translateY(0)}72%{opacity:1}to{opacity:0}}@keyframes bottom-bar-in{0%{opacity:0;transform:translate(-50%,.75rem)}to{opacity:1;transform:translate(-50%)}}@keyframes ambient-breathe{0%{opacity:.24;transform:scale(.92)}to{opacity:.72;transform:scale(1.04)}}@keyframes achievement-pop{0%{opacity:0;transform:scale(.86) translateY(.35rem)}70%{transform:scale(1.03) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.ambient-canvas,.motion-layer,.fabric-shadow,.steam-field,.leaf-shadow{position:absolute;inset:0;z-index:1;pointer-events:none}.ambient-canvas{opacity:.95;mix-blend-mode:screen}.motion-layer{overflow:hidden;mix-blend-mode:screen}.fabric-shadow{overflow:hidden;opacity:.58;filter:blur(.8px)}.fabric-shadow span{position:absolute;top:-10%;width:18%;height:120%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(245,247,242,.08),rgba(70,48,31,.18),transparent);transform-origin:top center;animation:fabric-sway 7.5s ease-in-out infinite alternate}.fabric-shadow span:nth-child(1){left:3%}.fabric-shadow span:nth-child(2){left:13%;animation-delay:-2.1s}.fabric-shadow span:nth-child(3){right:6%;animation-delay:-4.2s}.steam-field{opacity:.82;filter:blur(1px)}.steam-field span{position:absolute;bottom:16%;left:21%;width:6rem;height:10rem;border-radius:999px;background:radial-gradient(ellipse at 50% 70%,rgba(245,247,242,.16),transparent 68%);transform:translateZ(0) rotate(8deg);animation:steam-rise 9s ease-in-out infinite}.steam-field span:nth-child(2){left:28%;bottom:18%;width:4.8rem;animation-delay:-3s}.steam-field span:nth-child(3){left:63%;bottom:12%;width:7rem;animation-delay:-5.5s}.steam-field span:nth-child(4){left:76%;bottom:18%;width:4rem;animation-delay:-1.7s}.leaf-shadow{opacity:.24;background:radial-gradient(ellipse at 18% 22%,rgba(35,67,37,.24),transparent 18%),radial-gradient(ellipse at 86% 18%,rgba(42,83,44,.2),transparent 17%),radial-gradient(ellipse at 66% 72%,rgba(36,74,41,.16),transparent 19%);filter:blur(4px);animation:leaf-breathe 11s ease-in-out infinite alternate}.curtain-ribbons,.rain-glass,.snow-haze,.wave-ribbons,.cafe-breath,.forest-canopy,.greenhouse-fronds,.library-beams{position:absolute;inset:0}.curtain-ribbons span{position:absolute;top:-12%;left:var(--x);width:clamp(2.8rem,var(--w),7rem);height:128%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent 58%),linear-gradient(90deg,#090c0c0f,#f1e9dc17,#070a0a1f);filter:blur(.7px);opacity:.34;transform-origin:50% 0%;animation:ribbon-billow var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.rain-glass{opacity:.72;background:linear-gradient(100deg,transparent 0 42%,rgba(255,255,255,.075) 43%,transparent 46% 100%),radial-gradient(circle at 78% 22%,rgba(173,220,236,.15),transparent 22%);filter:blur(.2px)}.rain-glass span{position:absolute;top:var(--y);left:var(--x);width:1px;height:var(--h);border-radius:999px;background:linear-gradient(180deg,transparent,rgba(219,238,246,.55),transparent);opacity:var(--alpha);transform:rotate(12deg);animation:glass-rain var(--duration) linear infinite;animation-delay:var(--delay)}.snow-haze span{position:absolute;left:-12%;width:124%;height:18%;border-radius:999px;background:radial-gradient(ellipse,rgba(255,255,255,.16),transparent 66%);filter:blur(14px);opacity:.42;animation:snow-fog 16s ease-in-out infinite alternate}.snow-haze span:nth-child(1){top:18%}.snow-haze span:nth-child(2){top:46%;animation-delay:-5s}.snow-haze span:nth-child(3){bottom:8%;animation-delay:-9s}.wave-ribbons{top:auto;height:54%;opacity:.7;-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000);mask-image:linear-gradient(180deg,transparent,#000 28%,#000)}.wave-ribbons span{position:absolute;left:-12%;top:var(--y);width:124%;height:4.5rem;border-radius:50%;border-top:1px solid rgba(183,240,250,.26);filter:blur(.8px);transform:translate(-2%);animation:wave-tide var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.cafe-breath span{position:absolute;left:var(--x);bottom:14%;width:var(--w);height:var(--h-tall);border-radius:999px;background:radial-gradient(ellipse at 50% 80%,rgba(255,239,213,.2),transparent 68%);filter:blur(2px);opacity:0;animation:cafe-steam var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.forest-canopy span,.greenhouse-fronds span{position:absolute;top:clamp(4%,var(--y),72%);left:clamp(0%,var(--x),96%);width:min(var(--w-wide),8rem);height:min(var(--h-leaf),3rem);border-radius:999px 45%;background:radial-gradient(ellipse at 42% 48%,rgba(156,224,154,.14),transparent 68%);filter:blur(2px);opacity:.2;transform-origin:30% 50%;animation:canopy-sway var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);will-change:transform,opacity}.greenhouse-fronds span{background:radial-gradient(ellipse at 42% 48%,rgba(187,238,179,.16),transparent 68%);filter:blur(1.5px);opacity:.22}.library-beams{opacity:.7;mix-blend-mode:screen}.library-beams span{position:absolute;top:-18%;left:8%;width:28%;height:118%;background:linear-gradient(106deg,transparent,rgba(245,231,196,.13),transparent 72%);filter:blur(9px);transform:rotate(10deg);animation:beam-drift 13s ease-in-out infinite alternate}.library-beams span:nth-child(2){left:53%;width:20%;opacity:.55;animation-delay:-6s}.liquid-glass{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff12,#ffffff02 48%,#8ff0c204),var(--glass-warm);background-blend-mode:screen,normal;-webkit-backdrop-filter:blur(30px) saturate(1.55) brightness(1.08);backdrop-filter:blur(30px) saturate(1.55) brightness(1.08);border:0;box-shadow:inset 0 1px 1px #ffffff47,inset 0 -1px 8px #ffffff07,var(--shadow-soft)}.liquid-glass:after{position:absolute;inset:1px;content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 26%),radial-gradient(circle at 78% 8%,rgba(255,255,255,.08),transparent 30%),linear-gradient(180deg,transparent 55%,rgba(255,255,255,.028));mix-blend-mode:screen;opacity:.58}.liquid-glass:before{position:absolute;inset:0;content:"";pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffffb8,#8ff0c24d 22%,#ffffff0e 50%,#8cdff129 74%,#ffffff5c);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-control{background:var(--glass-control);transition:background .25s var(--ease-out),color .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out)}.glass-control:hover{background:var(--glass-control-hover)}.glass-control:active,.icon-button:active,.status-chip:active,.scene-option-card:active{transform:scale(.972)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);transition:opacity .45s var(--ease-out),border-color .45s var(--ease-out)}.site-header.hide-chrome{pointer-events:none;opacity:0;border-color:transparent}.brand-lockup,.footer-brand,.invite-brand{display:inline-flex;align-items:center;min-width:0;gap:.72rem;text-align:left}.brand-mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;color:var(--ink-warm);border:1px solid rgba(245,247,242,.46);border-radius:.9rem;background:#f5f7f20f}.brand-mark.large{width:3.4rem;height:3.4rem;border-radius:1.05rem}.brand-lockup strong,.footer-brand strong,.invite-brand strong{display:block;font-size:1.18rem;font-weight:650;line-height:1.1;letter-spacing:0}.brand-lockup small,.footer-brand small,.invite-brand small{display:block;margin-top:.12rem;color:#f5f7f285;font-size:.7rem}.main-nav,.status-dash{display:flex;align-items:center;gap:.55rem;color:var(--ink-soft)}.status-dash{justify-content:center;flex:1;min-width:0}.status-chip{display:inline-flex;align-items:center;max-width:12rem;height:2.35rem;gap:.42rem;padding:0 .78rem;overflow:hidden;color:#f5f7f2bd;font-size:.78rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#f5f7f20b;-webkit-backdrop-filter:blur(12px) saturate(1.28);backdrop-filter:blur(12px) saturate(1.28);transition:transform .18s var(--ease-out),border-color .22s var(--ease-out),background .22s var(--ease-out)}.status-chip:hover{color:#ffffffeb;border-color:#8ff0c247;background:#ffffff13;transform:translateY(-1px)}.status-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-viewport=tablet] .app-container,html[data-viewport=compact] .app-container{width:min(100% - 1.2rem,1360px);padding-top:1rem}html[data-viewport=tablet] .site-header,html[data-viewport=compact] .site-header{display:grid;grid-template-columns:minmax(9.5rem,auto) minmax(0,1fr) auto;grid-template-areas:"brand spacer actions" "dash dash dash";align-items:center;gap:.65rem .8rem;min-height:auto;padding-bottom:.75rem}html[data-viewport=tablet] .brand-lockup,html[data-viewport=compact] .brand-lockup{grid-area:brand}html[data-viewport=tablet] .status-dash,html[data-viewport=compact] .status-dash{grid-area:dash;justify-content:flex-start;width:100%;max-width:calc(var(--app-vw, 100vw) - 1.2rem);padding:.15rem 0 .25rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}html[data-viewport=tablet] .status-dash::-webkit-scrollbar,html[data-viewport=compact] .status-dash::-webkit-scrollbar{display:none}html[data-viewport=tablet] .status-chip,html[data-viewport=compact] .status-chip{flex:0 0 auto;max-width:11rem;height:2.18rem;padding:0 .66rem;font-size:.74rem;scroll-snap-align:start}html[data-viewport=tablet] .header-actions,html[data-viewport=compact] .header-actions{grid-area:actions;justify-content:flex-end;gap:.4rem}html[data-viewport=tablet] .header-actions .glass-icon,html[data-viewport=compact] .header-actions .glass-icon{width:2.38rem;height:2.38rem}html[data-viewport=tablet] .quick-start,html[data-viewport=compact] .quick-start{height:2.25rem;padding:0 .72rem}html[data-density=tight] .site-header{grid-template-columns:minmax(8.4rem,1fr) auto;grid-template-areas:"brand actions" "dash dash"}html[data-density=tight] .brand-lockup{min-width:0}html[data-density=tight] .brand-lockup>span:last-child{min-width:0}html[data-density=tight] .brand-lockup strong,html[data-density=tight] .brand-lockup small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-density=tight] .status-dash{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}html[data-density=tight] .status-dash::-webkit-scrollbar{display:none}html[data-density=tight] .header-actions{min-width:0;max-width:calc(var(--app-vw, 100vw) - 9.4rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}html[data-density=tight] .header-actions::-webkit-scrollbar{display:none}html[data-density=tight] .header-actions .glass-icon,html[data-density=tight] .home-pill{flex:0 0 auto}html[data-density=tight][data-pointer=coarse] .header-actions{gap:.32rem}html[data-density=tight][data-pointer=coarse] .header-actions .glass-icon{width:2.2rem;height:2.2rem}html[data-density=tight][data-pointer=coarse] .home-pill{width:2.2rem;height:2.2rem;padding:0}html[data-density=tight][data-pointer=coarse] .home-pill span{display:none}.status-chip.timer-chip{color:#07120d;border-color:#8ff0c270;background:#8ff0c2c7}.seat-popover-wrap{position:relative;display:inline-flex}.online-badge{cursor:pointer}.seat-map-popover{position:absolute;top:calc(100% + .62rem);left:50%;z-index:80;width:17rem;padding:.9rem;border-radius:1.05rem;transform:translate(-50%);animation:seat-popover-in .22s var(--ease-out) both}.seat-map-head{display:flex;justify-content:space-between;gap:.8rem;margin-bottom:.72rem}.seat-map-head strong{color:#f5f7f2db;font-size:.86rem}.seat-map-head span,.seat-detail span{color:#f5f7f27a;font-size:.72rem}.seat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.34rem}.seat-cell{display:grid;aspect-ratio:1;place-items:center;border-radius:.58rem;background:#ffffff0b;transition:transform .18s var(--ease-out),background .2s var(--ease-out)}.seat-cell.active{background:#8ff0c21f}.seat-cell.you{box-shadow:inset 0 0 0 1px #8ff0c273}.seat-cell:hover{transform:translateY(-1px);background:#8ff0c22e}.seat-detail{display:grid;gap:.22rem;min-height:2.4rem;margin-top:.72rem;padding-top:.62rem;border-top:1px solid rgba(255,255,255,.08)}.seat-detail strong{color:#8ff0c2d1;font-size:.82rem}.seasonal-chip{color:#ffeebfdb;border-color:#ffeebf2e;background:#ffeebf12}.app-shell.season-spring .scene-selection-panel,.app-shell.season-spring .focus-garden{box-shadow:inset 0 1px 1px #ffffff47,inset 0 0 0 1px #a8f0c82e,0 24px 72px #0000002e,0 0 42px #a8f0c814}.app-shell.season-autumn .background:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.18;background:radial-gradient(ellipse at 18% 20%,rgba(232,196,116,.28),transparent 3%),radial-gradient(ellipse at 72% 36%,rgba(205,164,88,.22),transparent 2.8%),radial-gradient(ellipse at 44% 68%,rgba(196,221,150,.18),transparent 3.2%);background-size:18rem 24rem;animation:autumn-leaf-drift 22s linear infinite}.app-shell.season-winter .site-header,.app-shell.season-winter .analytics-panel,.app-shell.season-winter .records-drawer{box-shadow:inset 0 0 0 1px #b0d8f029,inset 0 1px 1px #ffffff52,0 24px 72px #0000002e}.main-nav button,.footer-links button{transition:color .2s var(--ease-out)}.main-nav button:hover,.footer-links button:hover{color:var(--ink-warm)}.header-actions{display:flex;align-items:center;gap:.7rem}.quick-start{display:inline-flex;align-items:center;justify-content:center;height:2.45rem;gap:.42rem;padding:0 .9rem;color:#8ff0c2e6;font-size:.78rem;font-weight:680;border:1px solid rgba(143,240,194,.25);border-radius:999px;background:#8ff0c213;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s var(--ease-out),background .22s var(--ease-out),border-color .22s var(--ease-out)}.quick-start:hover{border-color:#8ff0c27a;background:#8ff0c226}.glass-icon,.home-pill{display:inline-flex;align-items:center;justify-content:center;height:3rem;gap:.55rem;color:#f5f7f2d6;border-radius:999px}.glass-icon{width:3rem}.home-pill{padding:0 1.1rem}.glass-icon,.home-pill,.style-icons button,.mini-style>button,.style-orbit button,.icon-button,.mini-music>button{background:#f5f7f214;border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:border-color .2s var(--ease-out),background .2s var(--ease-out),color .2s var(--ease-out)}.glass-icon:hover,.home-pill:hover,.style-icons button:hover,.mini-style>button:hover,.style-orbit button:hover,.icon-button:hover,.mini-music>button:hover{color:var(--ink-warm);border-color:#f5f7f259;background:#f5f7f224}.invite-screen,.splash-screen{display:grid;flex:1;place-items:center;padding:3rem 0}.splash-screen{position:fixed;inset:0;z-index:80;overflow:hidden;padding:0;background:#060808}.splash-screen.leaving{animation:splash-out .55s var(--ease-out) forwards}.splash-bg,.splash-vignette{position:absolute;inset:0}.splash-bg{background-position:center;background-size:cover;filter:blur(12px) saturate(1.18);transform:scale(1.06);animation:splash-drift 7s ease-in-out infinite alternate}.splash-vignette{background:radial-gradient(circle at 50% 42%,rgba(245,247,242,.1),transparent 24%),linear-gradient(180deg,#00000038,#0000009e)}.splash-content{position:relative;z-index:1;display:grid;width:min(100% - 2rem,31rem);justify-items:center;gap:.8rem;color:#f5f7f2e6;text-align:center;animation:splash-rise .9s var(--ease-out) both}.splash-content h1{margin:0;font-size:clamp(2.5rem,6vw,4.6rem);font-weight:620}.splash-content p:not(.eyebrow){margin:0 0 .4rem;color:#f5f7f2ad}.invite-card{width:min(100%,36rem);padding:clamp(2rem,6vw,3rem);text-align:center;border-radius:2rem}.invite-brand{justify-content:center;margin-bottom:2rem}.eyebrow{margin:0;color:#ffffff6b;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase}.invite-card h1,.home-hero h1{margin:1rem 0 0;font-weight:760;line-height:1.08;letter-spacing:0}.invite-card h1{font-size:clamp(2.4rem,8vw,3.4rem)}.invite-copy{max-width:22rem;margin:1.2rem auto 0;color:#ffffff8f;font-size:.92rem;line-height:1.9}.code-field{display:flex;align-items:center;gap:.8rem;margin-top:2rem;padding:1rem 1.2rem;color:#f5f7f2c7;text-align:left;border-radius:999px}.code-field input{position:relative;z-index:1;width:100%;color:var(--ink-warm)}.code-field input::placeholder,.study-goal input::placeholder{color:#ffffff57}.form-error{min-height:1.8rem;margin-top:.7rem;color:#ffdde2c7;font-size:.88rem}.primary-pill,.enter-button,.focus-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:3rem;gap:.75rem;padding:0 1.6rem;color:var(--ink-warm);border-radius:999px}.home-screen{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:1.5rem;padding-top:1.2rem}.home-hero{display:grid;min-height:min(52dvh,34rem);place-items:center;align-content:center;text-align:center}.home-hero h1{max-width:60rem;font-size:clamp(3rem,8vw,5.35rem)}.home-hero>p:not(.eyebrow){max-width:46rem;margin:1.2rem auto 0;color:var(--ink-soft);font-size:clamp(.95rem,2vw,1.18rem);line-height:1.9;letter-spacing:.08em}.home-hero .primary-pill{margin-top:1.6rem}.daily-quote{display:inline-flex;align-items:center;max-width:min(100%,30rem);gap:.5rem;margin-top:.95rem;padding:.58rem .82rem;color:#f5f7f2d1;font-size:.9rem;border-radius:999px}.daily-quote svg{color:#8ff0c2db}.focus-garden{display:grid;gap:1rem;width:min(100%,62rem);margin:0 auto 1rem;padding:1.05rem;border-radius:1.25rem}.garden-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.garden-head h2{margin:.18rem 0 0;color:#f5f7f2e6;font-size:1.35rem;font-weight:520}.garden-head>span{color:#f5f7f26b;font-size:.82rem}.garden-scroll{display:flex;align-items:flex-end;min-height:8.5rem;gap:.85rem;overflow-x:auto;padding:.35rem .2rem .1rem}.garden-empty{display:inline-flex;align-items:center;gap:.55rem;color:#f5f7f280}.garden-plant{position:relative;display:grid;flex:0 0 3rem;justify-items:center;align-items:end;height:7.2rem}.plant-stem{width:.26rem;height:var(--plant-height);border-radius:999px;background:linear-gradient(180deg,var(--stem-color),rgba(255,255,255,.22));transform-origin:bottom;animation:plant-sway 4.8s ease-in-out infinite alternate}.plant-bloom{position:absolute;bottom:calc(var(--plant-height) - .1rem);width:1.25rem;height:1.25rem;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.75) 0 16%,transparent 17%),conic-gradient(from 0deg,var(--plant-color),rgba(255,255,255,.72),var(--plant-color),rgba(255,255,255,.5),var(--plant-color));box-shadow:0 0 24px color-mix(in srgb,var(--plant-color),transparent 60%)}.plant-leaf{position:absolute;bottom:calc(var(--plant-height) * .42);width:.86rem;height:.46rem;border-radius:999px 999px 999px 0;background:linear-gradient(135deg,var(--stem-color),color-mix(in srgb,var(--plant-color),white 24%));opacity:.72;transform-origin:right center;animation:plant-leaf-breathe 5.6s ease-in-out infinite alternate}.plant-leaf.left{left:.72rem;transform:rotate(-28deg)}.plant-leaf.right{right:.72rem;border-radius:999px 999px 0;transform:rotate(28deg) scaleX(-1);animation-delay:-1.8s}.garden-plant.wilted{opacity:.46;filter:grayscale(.6)}.garden-plant.wilted .plant-stem{transform:rotate(8deg)}.garden-plant small{margin-top:.28rem;color:#f5f7f26b;font-size:.66rem}.garden-plant em{max-width:4rem;margin-top:.14rem;overflow:hidden;color:#f5f7f252;font-size:.58rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.home-challenge{display:inline-grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;max-width:min(100%,44rem);gap:.5rem;margin:1rem auto 0;padding:.68rem .92rem;color:#f5f7f2b8;text-align:left;border-radius:999px;background:#080c0c29}.home-challenge span{color:#8ff0c2c2;font-size:.74rem;font-weight:820;letter-spacing:.08em;white-space:nowrap}.home-challenge strong{min-width:0;overflow:hidden;color:#f5f7f2d1;font-size:.82rem;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.home-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.home-actions .primary-pill{margin-top:0}.secondary-pill{display:inline-flex;align-items:center;justify-content:center;height:3rem;gap:.6rem;padding:0 1.25rem;color:#f5f7f2d1;border-radius:999px}.home-footer{display:grid;grid-template-columns:minmax(15rem,1.3fr) .55fr .8fr auto;align-items:center;gap:2rem;padding:1.3rem 1.7rem;border-radius:1.4rem}.footer-links{display:grid;gap:.35rem;color:#f5f7f29e;font-size:.9rem}.footer-links strong{color:var(--ink-warm);font-weight:500}.footer-links span{line-height:1.55}.setup-layout{display:grid;grid-template-columns:minmax(31rem,1.08fr) minmax(22rem,.62fr);flex:1;width:min(100%,1240px);margin:1.05rem auto 0;gap:1rem}.scene-selection-panel,.setup-command-panel,.control-module{display:flex;flex-direction:column;min-height:0;padding:clamp(1rem,2.4vw,1.5rem);border-radius:1.55rem}.setup-command-panel{gap:.95rem;border-radius:1.1rem}.scene-selection-panel{min-height:min(620px,calc(100dvh - 8.6rem));gap:1rem;background:linear-gradient(145deg,#ffffff0e,#ffffff02),#070a0a14}.panel-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.compact-enter{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:none;height:2.6rem;gap:.45rem;padding:0 1rem;color:#f5f7f2db;font-size:.82rem;font-weight:780;border-radius:999px;border:1px solid rgba(143,240,194,.24);background:#f5f7f20e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff29,0 12px 30px #00000024}.compact-preview:hover{color:#06100b;background:#8ff0c2d6}.scene-card-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem;min-height:0;padding-right:.15rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(143,240,194,.42) transparent}.scene-card-grid:focus{outline:0}.experience-status-panel{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.85rem 0 .9rem}.experience-card{display:grid;min-height:4.4rem;align-content:center;gap:.24rem;padding:.7rem .78rem;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:.82rem;background:#ffffff09;transition:transform .24s var(--ease-out),border-color .24s var(--ease-out),background .24s var(--ease-out)}.experience-card:hover{transform:translateY(-1px);border-color:#8ff0c23d;background:#ffffff0d}.experience-card.wide{grid-column:1 / -1}.experience-card small{color:#8ff0c29e;font-size:.62rem;font-weight:780;letter-spacing:.13em;text-transform:uppercase}.experience-card strong{min-width:0;overflow:hidden;color:#f5f7f2e0;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.experience-card span{display:inline-flex;align-items:center;min-width:0;gap:.28rem;overflow:hidden;color:#f5f7f275;font-size:.68rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.experience-card span:before{width:.46rem;height:.46rem;flex:none;content:"";border-radius:999px;background:var(--season-dot, var(--scent-a, rgba(143, 240, 194, .8)));box-shadow:0 0 12px #8ff0c242}.scent-card{background:linear-gradient(135deg,color-mix(in srgb,var(--scent-a) 28%,transparent),transparent 55%),#ffffff09}.scene-option-card{position:relative;display:grid;grid-template-rows:auto 1fr;gap:.55rem;min-height:9.2rem;padding:.62rem;color:#f5f7f2d1;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:.95rem;background:#080a0a12;-webkit-backdrop-filter:blur(18px) saturate(1.32);backdrop-filter:blur(18px) saturate(1.32);transition:transform .24s var(--ease-out),border-color .24s var(--ease-out),background .24s var(--ease-out),box-shadow .24s var(--ease-out)}.scene-option-card:before{position:absolute;top:-1px;left:.72rem;right:.72rem;height:2px;content:"";border-radius:999px;background:var(--scent-line, linear-gradient(90deg, rgba(143, 240, 194, .8), rgba(140, 223, 241, .8)));opacity:.86}.scene-option-card:after{position:absolute;inset:0;content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.12) 42%,transparent 62%);opacity:0;transform:translate(-42%);transition:opacity .22s var(--ease-out),transform .55s var(--ease-out)}.scene-option-card:hover{transform:translateY(-1px);border-color:#8ff0c273;background:#ffffff0f}.scene-option-card:hover:after,.scene-option-card.selected:after{opacity:1;transform:translate(42%)}.scene-option-card.selected{border-color:#8ff0c2d1;background:#8ff0c211;box-shadow:inset 0 0 0 1px #8ff0c22e,0 12px 32px #0000002e}.scene-option-card.keyboard-focus,.scene-option-card.randomizing{transform:scale(1.028);border-color:#8cdff1ad;box-shadow:0 0 0 1px #8cdff138,0 18px 44px #0000003d}.scene-random-card{display:flex;grid-template-rows:none;align-items:center;min-height:6.2rem;grid-column:1 / -1;padding:.85rem 1rem;background:radial-gradient(circle at 18% 16%,rgba(143,240,194,.18),transparent 24%),#ffffff0b}.random-orb{display:grid;width:2.8rem;height:2.8rem;place-items:center;color:#06100b;border-radius:999px;background:linear-gradient(135deg,#8ff0c2f0,#8cdff1d1);box-shadow:0 0 28px #8ff0c23d}.option-media{position:relative;display:block;aspect-ratio:16 / 4.9;overflow:hidden;border-radius:.78rem;background:#ffffff0a}.option-media img,.option-media .scene-tint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.option-media img{transform:scale(1.01);transition:transform .65s var(--ease-out),filter .32s var(--ease-out)}.scene-option-card:hover .option-media img,.scene-option-card.selected .option-media img{filter:saturate(1.08) contrast(1.03);transform:scale(1.075)}.option-media:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#00000005,#0000002e)}.option-media b{position:absolute;top:.42rem;right:.42rem;z-index:1;display:grid;width:1.55rem;height:1.55rem;place-items:center;color:#06100b;border-radius:999px;background:#8ff0c2f0}.weather-indicator{position:absolute;left:.45rem;bottom:.45rem;z-index:1;display:grid;min-width:1.55rem;height:1.55rem;place-items:center;padding:0 .22rem;font-size:.78rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#00000042;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.scene-sample-control{position:absolute;right:.45rem;bottom:.45rem;z-index:2;display:grid;width:1.55rem;height:1.55rem;place-items:center;color:#f5f7f2db;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#00000047;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:transform .18s var(--ease-out),color .2s var(--ease-out),background .2s var(--ease-out)}.scene-sample-control:hover,.scene-sample-control:focus-visible{color:#06100b;background:#8ff0c2d6;transform:translateY(-1px)}.scene-sample-control.playing{color:#06100b;background:#8ff0c2e6}.hidden-scene-tag{left:auto;right:.45rem;color:#130d04;background:#fee685e0}.option-copy{display:grid;gap:.35rem;min-width:0}.option-copy strong{color:#f5f7f2eb;font-size:1rem;font-weight:760}.option-copy small{display:inline-flex;align-items:center;min-width:0;gap:.35rem;overflow:hidden;color:#ffffff94;font-size:.74rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.scent-card-tag{display:inline-flex;align-items:center;max-width:100%;gap:.34rem;overflow:hidden;color:#f5f7f275;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.scent-card-tag i{width:1.75rem;height:.22rem;flex:none;border-radius:999px;background:var(--scent-line, linear-gradient(90deg, rgba(143, 240, 194, .8), rgba(140, 223, 241, .8)));box-shadow:0 0 14px #8ff0c233}.scene-option-card em{position:absolute;right:.85rem;bottom:.75rem;color:#ffffff40;font-size:.58rem;font-style:normal;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.studio-control-panel{justify-content:space-between;min-height:min(620px,calc(100dvh - 8.6rem));background:linear-gradient(180deg,#ffffff0d,#ffffff02),#070a0a13}.studio-ready{display:grid;gap:1rem;padding:.2rem .1rem .45rem}.primary-enter{display:inline-flex;align-items:center;justify-content:center;min-height:3.65rem;width:100%;gap:.75rem;padding:0 1.3rem;color:#06100b;font-weight:820;border-radius:999px;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.95),transparent 35%),linear-gradient(135deg,#baf7d9,#8ff0c2 48%,#8cdff1);box-shadow:0 18px 44px #00000057,0 0 28px #8ff0c23d;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out);animation:enter-breathe 3.4s ease-in-out infinite}.primary-enter:hover{transform:translateY(-1px);box-shadow:0 24px 54px #00000061,0 0 36px #8ff0c257}.room-summary{display:grid;grid-template-columns:1fr;gap:.55rem}.room-summary div{display:flex;align-items:center;justify-content:space-between;min-height:2.65rem;gap:1rem;padding:.62rem .78rem;border-radius:.72rem;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff14}.room-summary small{flex:none;color:#8ff0c2b3;font-size:.62rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.room-summary strong{min-width:0;overflow:hidden;color:#f5f7f2db;font-size:.82rem;font-weight:680;text-align:right;text-overflow:ellipsis;white-space:nowrap}.room-summary .motion-summary{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem}.recipe-strip{display:grid;gap:.58rem}.recipe-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:0 .08rem}.recipe-head small{color:#8ff0c2b8;font-size:.62rem;font-weight:760;letter-spacing:.18em;text-transform:uppercase}.recipe-head span{color:#f5f7f26b;font-size:.72rem}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.recipe-card{display:grid;min-height:3.4rem;align-content:center;gap:.18rem;padding:.65rem .75rem;text-align:left;border-radius:.86rem}.recipe-card strong{color:#f5f7f2d6;font-size:.82rem}.recipe-card span{color:#f5f7f275;font-size:.68rem}.recipe-card.selected{color:#06100b;background:#8ff0c2d1}.recipe-card.selected strong,.recipe-card.selected span{color:#06100b}.console-subcopy{max-width:35rem;margin:.55rem 0 0;color:#ffffff80;font-size:.86rem;line-height:1.65}.smart-suggestion{display:inline-flex;align-items:center;gap:.42rem;margin:.7rem 0 0;padding:.46rem .66rem;color:#f5f7f2a8;font-size:.78rem;line-height:1.45;border:1px solid rgba(143,240,194,.14);border-radius:999px;background:#8ff0c20e}.control-matrix{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);gap:.8rem}.studio-control-panel .control-matrix{grid-template-columns:1fr}.control-module{gap:.8rem;border-radius:.95rem;background:#06090933}.control-module .section-title{margin-bottom:.2rem}.section-title{margin-bottom:1rem}.section-title p{margin:0 0 .28rem;color:#8ff0c2b8;font-size:.66rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.section-title h2{margin:0;color:#f5f7f2e6;font-size:clamp(1.28rem,2.2vw,1.62rem);font-weight:720;letter-spacing:0}.scene-tint{position:absolute;inset:0;opacity:.32;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 40%,rgba(0,0,0,.22))}.scene-warm{background:linear-gradient(135deg,#fee68557,#ffffff29,#a4f4cf3d)}.scene-cool{background:linear-gradient(135deg,#dff2fe61,#ffffff29,#90c5ff4d)}.scene-ocean{background:linear-gradient(135deg,#dff2fe4d,#ffffff24,#53eafd42)}.scene-night{background:linear-gradient(135deg,#f5f5f43d,#ffffff1a,#a4f4cf29)}.scene-cafe{background:linear-gradient(135deg,#fee68538,#7c4a2c2e,#527a5c29)}.scene-forest{background:linear-gradient(135deg,#a4f4cf2e,#31593647,#f5f7f214)}.scene-library{background:linear-gradient(135deg,#f5f7f22e,#2e56572e,#5a372333)}.scene-greenhouse{background:linear-gradient(135deg,#cdefc73d,#f5f7f224,#bc764b29)}.style-picker{padding:.85rem;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;background:#ffffff09}.style-head,.range-control>span{display:flex;align-items:center;justify-content:space-between;gap:1rem}.style-head span{color:#ffffff61;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase}.style-head small,.range-control small{min-width:0;color:#ffffff6b;font-size:.68rem;text-align:right}.style-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-top:.65rem}.style-icons button{position:relative;display:grid;width:2.35rem;height:2.35rem;place-items:center;justify-self:center;color:#ffffff7a;border-radius:999px}.style-icons .waveform{position:absolute;right:.22rem;bottom:.22rem;display:inline-flex;align-items:end;height:.62rem;gap:1px;opacity:0;transition:opacity .2s var(--ease-out)}.style-icons button:hover .waveform,.style-icons button:focus-visible .waveform,.style-icons button.selected .waveform{opacity:.78}.waveform i{display:block;width:2px;height:.28rem;border-radius:999px;background:currentColor;animation:wave-peek 1.1s ease-in-out infinite alternate}.waveform i:nth-child(2){animation-delay:-.35s}.waveform i:nth-child(3){animation-delay:-.7s}.style-icons button.selected,.mini-style>button,.style-orbit button.selected{color:#06100b;border-color:#8ff0c2bd;background:#8ff0c2db}.style-icons button.selected:after{position:absolute;bottom:-.25rem;width:.28rem;height:.28rem;content:"";border-radius:999px;background:var(--accent-mint);box-shadow:0 0 10px #8ff0c2b8}.range-control{display:grid;gap:.7rem;padding:.85rem;border-radius:1.2rem}.range-control strong{display:inline-flex;align-items:center;gap:.5rem;color:#f5f7f2d1;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:400}.more-sounds-toggle{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:2.6rem;padding:0 .85rem;color:#f5f7f2c7;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff09;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),transform .2s var(--ease-out)}.more-sounds-toggle:hover{border-color:#8ff0c247;background:#fff1}.more-sounds-toggle span{font-size:.78rem;font-weight:720}.more-sounds-toggle small{color:#f5f7f270;font-size:.68rem}.extra-sounds-grid{display:flex;flex-wrap:wrap;gap:.45rem}.extra-sound-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem;padding:.32rem .48rem .32rem .72rem;color:#f5f7f299;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff09;transition:transform .18s var(--ease-out),background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out)}.extra-sound-chip span{display:grid;width:1.38rem;height:1.38rem;place-items:center;color:#050e0ad1;font-size:.68rem;font-weight:820;border-radius:999px;background:#f5f7f2a8}.extra-sound-chip small{font-size:.74rem}.extra-sound-chip.active{color:#8ff0c2f2;border-color:#8ff0c26b;background:#8ff0c21f}.extra-sound-chip.active span{background:#8ff0c2db}.sound-position-pad{position:relative;display:block!important;width:2rem!important;height:2rem!important;margin-left:.1rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(143,240,194,.08),transparent 35%),#ffffff0b!important}.sound-position-pad:before,.sound-position-pad:after{content:"";position:absolute;background:#ffffff1f}.sound-position-pad:before{top:50%;left:.3rem;right:.3rem;height:1px}.sound-position-pad:after{top:.3rem;bottom:.3rem;left:50%;width:1px}.sound-position-pad i{position:absolute;width:.42rem;height:.42rem;border-radius:999px;background:#8ff0c2f5;box-shadow:0 0 12px #8ff0c280;transform:translate(-50%,-50%)}input[type=range]{width:100%;height:18px;appearance:none;cursor:pointer;background:transparent;accent-color:rgba(143,240,194,.82)}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#f5f7f22e}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;appearance:none;border:1px solid rgba(143,240,194,.55);border-radius:999px;background:#8ff0c2e6;box-shadow:0 4px 12px #0000002e}.timer-block{margin-top:.6rem}.timer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.timer-options button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.65rem;padding:0 1rem;color:#ffffffb8;border-radius:999px}.custom-timer-input{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:2.8rem;margin-top:.68rem;padding:0 .9rem;color:#f5f7f2b3;border-radius:999px}.custom-timer-input span{font-size:.78rem}.custom-timer-input input{width:4.4rem;color:#f5f7f2eb;text-align:right}.preview-float{position:absolute;right:1.15rem;bottom:1.1rem;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;width:min(calc(100% - 2.3rem),39rem);gap:.65rem;padding:.72rem;border-radius:1.1rem;border:1px solid rgba(143,240,194,.22);animation:preview-in .34s var(--ease-out) both}.preview-float p,.preview-float strong,.preview-float span{display:block;margin:0}.preview-float p{color:#8ff0c2b3;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.preview-float strong{color:#f5f7f2eb;font-size:.92rem}.preview-float span{overflow:hidden;color:#f5f7f285;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.preview-float button{height:2.35rem;padding:0 .85rem;color:#f5f7f2bd;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0b}.preview-float button:first-of-type{color:#06100b;border-color:#8ff0c261;background:#8ff0c2d1}.long-preview-card{position:fixed;left:50%;top:50%;z-index:95;display:grid;width:min(60vw,56rem);min-height:min(60vh,34rem);overflow:hidden;align-items:end;padding:1.4rem;color:#f5f7f2eb;border-radius:1.35rem;background-position:center;background-size:cover;transform:translate(-50%,-50%);animation:long-preview-in .32s var(--ease-out) both}.long-preview-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.66))}.long-preview-card>div{position:relative;z-index:1;display:grid;gap:.35rem}.long-preview-card span{color:#8ff0c2d1;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.long-preview-card strong{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:680}.long-preview-card small{color:#f5f7f29e;font-size:.95rem}.timer-options button.selected{color:#06100b;background:#8ff0c2db;box-shadow:inset 0 0 0 1px #8ff0c280,0 10px 26px #0003}.enter-button{width:100%;margin-top:.8rem}.study-stage{position:relative;flex:1;min-height:calc(100dvh - 6rem)}.study-ambient-breathe{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(143,240,194,.055),transparent 62%);mix-blend-mode:screen;animation:ambient-breathe 12s ease-in-out infinite alternate}.scene-hotspots{position:fixed;inset:0;z-index:24;pointer-events:none}.scene-hotspot{position:absolute;display:grid;place-items:center;pointer-events:auto;border-radius:999px;background:#8ff0c206;box-shadow:inset 0 0 0 1px #8ff0c20a;transition:background .28s var(--ease-out),box-shadow .28s var(--ease-out),transform .28s var(--ease-out)}.scene-hotspot span{padding:.24rem .5rem;color:#f5f7f200;font-size:.68rem;border-radius:999px;background:#04080800;transform:translateY(.3rem);transition:color .25s var(--ease-out),background .25s var(--ease-out),transform .25s var(--ease-out)}.scene-hotspot:hover,.scene-hotspot:focus-visible{background:#8ff0c214;box-shadow:inset 0 0 0 1px #8ff0c247,0 0 32px #8ff0c21f;transform:scale(1.03)}.scene-hotspot:hover span,.scene-hotspot:focus-visible span{color:#f5f7f2d6;background:#04080847;transform:translateY(0)}.hotspot-toast{position:fixed;left:50%;top:7.2rem;z-index:42;padding:.65rem .9rem;color:#f5f7f2d1;font-size:.84rem;border-radius:999px;transform:translate(-50%);animation:toast-in-out 2.6s ease both}.scene-hotspot-guide{position:absolute;top:4.85rem;left:50%;z-index:31;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:min(100% - 2rem,46rem);gap:.38rem;padding:.34rem;border-radius:999px;transform:translate(-50%)}.scene-hotspot-guide>span{padding:0 .42rem 0 .5rem;color:#8ff0c2b8;font-size:.66rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.scene-hotspot-guide button{min-height:1.82rem;padding:0 .72rem;color:#f5f7f2c7;font-size:.74rem;border-radius:999px;background:#ffffff0e;transition:color .18s var(--ease-out),background .18s var(--ease-out),transform .18s var(--ease-out)}.scene-hotspot-guide button:hover,.scene-hotspot-guide button:focus-visible{color:#06100bf0;background:#8ff0c2d1;transform:translateY(-1px)}.study-room-strip{position:absolute;top:1rem;left:50%;z-index:30;display:flex;align-items:center;justify-content:center;width:min(100% - 2rem,42rem);gap:.7rem;padding:.62rem .8rem;border-radius:999px;transform:translate(-50%)}.study-room-strip>div{display:flex;align-items:center;min-width:0;gap:.55rem;padding:.18rem .45rem}.study-room-strip span,.study-room-strip small{display:inline-flex;align-items:center;min-width:0;gap:.35rem;white-space:nowrap}.study-room-strip span{color:#f5f7f2db;font-size:.82rem;font-weight:720}.study-room-strip small{overflow:hidden;color:#ffffff7a;font-size:.72rem;text-overflow:ellipsis}.immersive-exit{position:fixed;inset:0;z-index:20;cursor:default}.study-timer{position:absolute;bottom:8.7rem;left:0;z-index:30}.study-timer>div{width:min(17rem,74vw);padding:1.2rem;border-radius:1.45rem}.timer-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.timer-head p{margin:0;color:#ffffff75;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}.timer-head span{display:inline-flex;align-items:center;gap:.34rem;padding:.32rem .6rem;color:#ffffffb3;font-size:.72rem;border-radius:999px;background:#ffffff1a}.timer-head i{width:.42rem;height:.42rem;border-radius:999px;background:#a4f4cf}.timer-head .paused i{background:#fee685}.paused-timer strong{animation:timer-breathe 2.9s ease-in-out infinite}.study-timer strong{display:block;color:#fff;font-size:clamp(3rem,8vw,3.75rem);line-height:1;font-weight:500}.progress-track{height:.38rem;margin-top:1.2rem;overflow:hidden;border-radius:999px;background:#ffffff26}.progress-track span{display:block;height:100%;border-radius:inherit;background:#ffffffb3;transition:width .3s linear}.progress-track.free-flow span{width:100%!important;background:linear-gradient(90deg,#8ff0c238,#ffffffd1,#8cdff138);background-size:220% 100%;animation:free-flow 3.8s ease-in-out infinite}.progress-meta{display:flex;justify-content:space-between;margin-top:.55rem;color:#ffffff6b;font-size:.72rem}.goal-summary{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1)}.goal-summary p{display:flex;align-items:center;gap:.45rem;margin:0 0 .35rem;color:#ffffff5c;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.goal-summary span{color:#ffffff9e;line-height:1.55}.study-goal{position:absolute;bottom:5rem;left:50%;z-index:30;width:min(42rem,100% - 2rem);transform:translate(-50%)}.study-goal label{display:flex;align-items:center;gap:.8rem;padding:.95rem 1.2rem;color:#ffffffb8;border-radius:999px}.study-goal span{flex:none;color:#f5f7f2d1}.study-goal input{min-width:0;flex:1}.study-controls-wrap{position:absolute;bottom:.2rem;left:50%;z-index:30;display:flex;align-items:center;justify-content:center;width:min(1060px,100% - 1rem);gap:.8rem;transform:translate(-50%)}.focus-waveform{display:flex;align-items:center;justify-content:center;align-self:stretch;gap:.16rem;min-width:8.2rem;height:3rem;padding:0 .42rem;border-radius:999px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff14}.focus-waveform span{width:.28rem;max-height:2.35rem;border-radius:999px;background:linear-gradient(180deg,#c4ffe0e6,#8ff0c27a,#48a8945c);transition:height .08s linear,opacity .16s linear}.study-controls-panel{display:flex;align-items:center;justify-content:center;min-width:0;gap:.75rem;padding:.75rem .9rem;border-radius:999px}html[data-viewport=tablet] .study-stage,html[data-viewport=compact] .study-stage{min-height:calc(100dvh - 8rem)}html[data-viewport=tablet] .study-controls-wrap,html[data-viewport=compact] .study-controls-wrap{flex-wrap:wrap;align-content:center;gap:.5rem;bottom:.35rem;width:min(100% - .8rem,58rem)}html[data-viewport=tablet] .study-controls-panel,html[data-viewport=compact] .study-controls-panel{flex:1 1 34rem;min-width:min(100%,34rem);padding:.5rem .62rem;gap:.46rem;overflow-x:auto;scrollbar-width:none}html[data-viewport=tablet] .study-controls-panel::-webkit-scrollbar,html[data-viewport=compact] .study-controls-panel::-webkit-scrollbar{display:none}html[data-viewport=tablet] .focus-waveform,html[data-viewport=compact] .focus-waveform{min-width:6.2rem;height:2.55rem}html[data-viewport=tablet] .quiet-signal-panel,html[data-viewport=compact] .quiet-signal-panel{flex:0 0 auto}html[data-viewport=tablet] .study-goal,html[data-viewport=compact] .study-goal{bottom:6.45rem;width:min(36rem,100% - 1rem)}html[data-viewport=tablet] .study-timer,html[data-viewport=compact] .study-timer{bottom:11rem}html[data-viewport=tablet] .scene-hotspot-guide,html[data-viewport=compact] .scene-hotspot-guide{top:4.55rem;max-width:calc(var(--app-vw, 100vw) - 1.4rem);overflow-x:auto;justify-content:flex-start;scrollbar-width:none}html[data-viewport=tablet] .scene-hotspot-guide::-webkit-scrollbar,html[data-viewport=compact] .scene-hotspot-guide::-webkit-scrollbar{display:none}html[data-viewport=tablet] .scene-hotspot-guide button,html[data-viewport=compact] .scene-hotspot-guide button{flex:0 0 auto}.quiet-signal-panel{display:inline-flex;align-items:center;gap:.28rem;padding:.36rem;border-radius:999px}.quiet-signal-panel button{display:inline-flex;align-items:center;height:2.3rem;gap:.26rem;padding:0 .62rem;color:#f5f7f2b3;border-radius:999px;transition:background .2s var(--ease-out),transform .18s var(--ease-out)}.quiet-signal-panel button:hover{color:#f5f7f2eb;background:#8ff0c21f;transform:translateY(-1px)}.quiet-signal-panel small{font-size:.7rem}.quiet-signal-toast{position:fixed;right:1.2rem;top:6rem;z-index:125;display:flex;align-items:center;gap:.62rem;max-width:min(23rem,calc(100vw - 2rem));padding:.72rem .9rem;color:#f5f7f2d6;border-radius:1rem;animation:quiet-signal-float 3s ease both}.quiet-signal-toast>span{display:grid;width:2.1rem;height:2.1rem;place-items:center;border-radius:999px;background:#8ff0c224}.quiet-signal-toast div{display:grid;gap:.12rem}.quiet-signal-toast strong{font-size:.86rem}.quiet-signal-toast small{color:#f5f7f285;font-size:.72rem}.scene-swipe-dots{position:absolute;left:50%;bottom:3.95rem;z-index:31;display:inline-flex;gap:.28rem;padding:.36rem .48rem;border-radius:999px;background:#070a0a2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}.scene-swipe-dots button{width:.42rem;height:.42rem;border-radius:999px;background:#ffffff42;transition:width .2s var(--ease-out),background .2s var(--ease-out)}.scene-swipe-dots button.active{width:1.2rem;background:#8ff0c2db}.mini-music,.mini-volume{display:flex;align-items:center;min-width:0;gap:.7rem}.mini-music{min-width:18rem;flex:1}.mini-music>span,.mini-volume>span{flex:none;color:#ffffff8f;font-size:.82rem}.mini-style{position:relative;flex:none}.mini-style>button,.mini-music>button,.icon-button{display:grid;width:2.45rem;height:2.45rem;place-items:center;color:#f5f7f2c2;border-radius:999px}.mini-music input{min-width:7rem;flex:1}.mini-volume input{width:7.5rem}.style-orbit{position:absolute;bottom:3.1rem;left:50%;display:grid;grid-template-columns:repeat(5,2rem);gap:.45rem;padding:.5rem;border-radius:999px;background:#241f1a70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);box-shadow:0 12px 30px #0000003d}.style-orbit button{display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px}.icon-button.danger{color:#ffdae0d1;border-color:#ffcaca4d}.focus-button{flex:none;height:3rem}.is-immersive .study-goal,.is-immersive .study-controls-wrap{pointer-events:none;opacity:0;transform:translate(-50%,.75rem);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}.immersive-hint{position:fixed;top:50%;left:50%;z-index:40;width:min(100% - 2rem,26rem);color:#f5f7f2a8;text-align:center;transform:translate(-50%,-50%);pointer-events:none;animation:hint-fade 2.5s ease forwards}.immersive-hint p{margin:0;font-size:.94rem;letter-spacing:.08em}.immersive-bottom-bar{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:45;display:inline-flex;align-items:center;gap:.55rem;padding:.55rem;border-radius:999px;transform:translate(-50%);animation:bottom-bar-in .28s var(--ease-out) both}.completion-ritual{position:fixed;inset:0;z-index:120;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(245,247,242,.22),rgba(143,240,194,.08) 18%,transparent 48%);animation:ritual-brighten 3s ease both}.completion-ritual span{display:grid;width:10rem;height:10rem;place-items:center;color:#f5f7f2f0;font-size:1.55rem;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(143,240,194,.08) 56%,transparent 70%);box-shadow:0 0 80px #8ff0c23d;animation:ritual-ring 3s ease both}.modal-layer{position:fixed;inset:0;z-index:100;display:flex;padding:1.2rem;background:#0000001f}.modal-layer.centered{align-items:center;justify-content:center}.modal-layer.align-right{justify-content:flex-end}.modal-backdrop{position:absolute;inset:0}.morning-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;overflow:hidden;padding:1.2rem}.morning-bg,.morning-vignette{position:absolute;inset:0}.morning-bg{background-position:center;background-size:cover;filter:blur(10px) saturate(1.15);transform:scale(1.05)}.morning-vignette{background:radial-gradient(circle at 50% 36%,rgba(245,247,242,.12),transparent 24%),linear-gradient(180deg,#00000047,#000000b3)}.morning-content{position:relative;z-index:1;display:grid;width:min(100%,34rem);justify-items:center;gap:.82rem;padding:clamp(1.6rem,5vw,2.6rem);color:#f5f7f2e0;text-align:center;border-radius:1.5rem;background:#080a0a29;-webkit-backdrop-filter:blur(28px) saturate(1.45);backdrop-filter:blur(28px) saturate(1.45);box-shadow:inset 0 1px 1px #ffffff2e,0 24px 72px #0000003d}.morning-content h2{margin:0;font-size:clamp(2rem,6vw,3.2rem);font-weight:650;line-height:1.08}.morning-content p:not(.eyebrow){max-width:24rem;margin:0;color:#f5f7f29e;line-height:1.7}.morning-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:.65rem;margin-top:.45rem}.morning-choices button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;gap:.35rem;border-radius:999px}.morning-skip{color:#f5f7f285;font-size:.82rem}.records-drawer,.completion-card,.weekly-card{position:relative;z-index:1;width:min(100%,24rem);color:var(--ink-warm);border-radius:1.5rem}.weekly-card{width:min(100%,38rem);padding:1.35rem}.records-drawer{display:flex;flex-direction:column;padding:1.25rem}.drawer-head,.completion-head,.weekly-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.drawer-head h3,.completion-head h3,.weekly-head h3{margin:.35rem 0 0;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:1.6rem;font-weight:400}.drawer-head button,.weekly-head button{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#ffffff9e;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.drawer-actions{display:inline-flex;gap:.45rem}.timeline-panel{display:grid;gap:.72rem;margin-top:1rem;padding:.9rem;border-radius:1rem;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff13}.timeline-head{display:flex;justify-content:space-between;gap:1rem}.timeline-head span{color:#8ff0c2c7;font-size:.78rem;font-weight:780}.timeline-head small,.timeline-empty{color:#f5f7f270;font-size:.72rem}.timeline-list{display:grid;gap:.55rem}.timeline-list article{position:relative;display:grid;grid-template-columns:3.4rem 1rem minmax(0,1fr);gap:.62rem;min-height:3.2rem}.timeline-list time{display:grid;color:#f5f7f2b8;font-size:.76rem;line-height:1.2}.timeline-list time small{color:#f5f7f25c}.timeline-node{position:relative;z-index:1;width:.72rem;height:.72rem;margin-top:.2rem;border-radius:999px;background:var(--scent-a, rgba(143, 240, 194, .8));box-shadow:0 0 18px var(--scent-b, rgba(143, 240, 194, .38))}.timeline-node.left{filter:grayscale(.6);opacity:.62}.timeline-line{position:absolute;top:1rem;bottom:-.65rem;left:4.1rem;width:1px;border-left:1px dashed rgba(255,255,255,.16)}.timeline-list article div{display:grid;gap:.2rem;padding:.55rem .65rem;border-radius:.75rem;background:#ffffff09}.timeline-list article strong{overflow:hidden;color:#f5f7f2d1;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.timeline-list article div small{color:#f5f7f26b;font-size:.72rem}.weekly-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1.1rem}.weekly-stats div{display:grid;gap:.35rem;min-height:5rem;align-content:center;padding:.8rem;border-radius:1rem;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14}.weekly-stats small{color:#8ff0c2a8;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.weekly-stats strong{overflow:hidden;color:#f5f7f2e6;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.weekly-narrative{display:grid;gap:.35rem;margin-top:.85rem;padding:.9rem 1rem;border-radius:1rem;background:#8ff0c20e;box-shadow:inset 0 0 0 1px #8ff0c21f}.weekly-narrative p{margin:0;color:#f5f7f2ad;font-size:.82rem;line-height:1.65}.weekly-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;height:11rem;gap:.55rem;margin-top:1rem;padding:1rem .85rem .7rem;border-radius:1rem;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff14}.weekly-chart div{display:grid;grid-template-rows:1fr auto;align-items:end;height:100%;gap:.45rem}.weekly-chart span{display:block;width:100%;min-height:.5rem;border-radius:999px 999px .24rem .24rem;background:linear-gradient(180deg,#8ff0c2e0,#8cdff16b)}.weekly-chart small{color:#f5f7f26b;text-align:center;font-size:.72rem}.heatmap-panel{display:grid;gap:.72rem;margin-top:.85rem;padding:.9rem;border-radius:1rem;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff13}.heatmap-head{display:flex;justify-content:space-between;gap:1rem;color:#f5f7f29e;font-size:.76rem}.heatmap-head span{color:#8ff0c2b8;font-weight:740}.heatmap-head small{color:#f5f7f261}.heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.26rem}.heatmap-cell{aspect-ratio:1;border-radius:.22rem;background:#ffffff0e;box-shadow:inset 0 0 0 1px #ffffff09}.heatmap-cell.level-1{background:#8ff0c22e}.heatmap-cell.level-2{background:#8ff0c257}.heatmap-cell.level-3{background:#8ff0c28a}.heatmap-cell.level-4{background:#8ff0c2c7}.growth-tree-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);align-items:center;gap:1rem;margin-top:.8rem;padding:.95rem 1rem;border-radius:1.1rem;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff14}.growth-tree-card p{display:inline-flex;align-items:center;gap:.42rem;margin:0 0 .4rem;color:#8ff0c2c7;font-weight:760}.growth-tree-card span{color:#f5f7f280;font-size:.82rem;line-height:1.65}.growth-tree-card svg{width:100%;min-height:10rem}.records-list{min-height:0;margin-top:1rem;overflow-y:auto}.empty-records{display:grid;min-height:18rem;place-items:center;align-content:center;gap:.45rem;padding:2rem;color:#ffffff85;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:1.1rem;background:#ffffff06}.empty-records p{margin:0}.empty-records span{color:#ffffff5c;font-size:.82rem;line-height:1.55}.records-list article,.completion-summary{position:relative;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#ffffff09}.records-list article+article{margin-top:.65rem}.records-list article div,.records-list article small{display:flex;justify-content:space-between;gap:1rem;color:#ffffff61}.records-list article p{margin:.5rem 0;padding-right:2.1rem;color:#f5f7f2d6;line-height:1.5}.fingerprint-btn{position:absolute;right:.78rem;bottom:.72rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;color:#8ff0c2cc;border:1px solid rgba(143,240,194,.22);border-radius:999px;background:#8ff0c213;transition:transform .18s var(--ease-out),background .2s var(--ease-out),border-color .2s var(--ease-out)}.fingerprint-btn:hover{border-color:#8ff0c26b;background:#8ff0c229}.completion-card{padding:1.35rem}.completion-head>span{display:grid;width:2.7rem;height:2.7rem;place-items:center;color:#d1fae5;border-radius:999px;background:#a4f4cf1f}.completion-card>p{margin:1rem 0;color:#ffffffad;line-height:1.7}.completion-summary{display:grid;gap:.35rem}.completion-summary small,.completion-summary span{color:#ffffff6b}.completion-summary strong{color:#f5f7f2e6;font-weight:400;line-height:1.5}.quality-score,.broadcast-note,.broadcast-form{margin-top:.85rem;padding:.72rem .85rem;border:1px solid rgba(255,255,255,.09);border-radius:.88rem;background:#ffffff09}.quality-score strong{display:block;color:#8ff0c2e6;font-size:.9rem}.quality-score span,.broadcast-note small{display:block;margin-top:.3rem;color:#f5f7f275;font-size:.72rem}.broadcast-note p{margin:.28rem 0 0;color:#f5f7f2b8;line-height:1.55}.broadcast-form{display:flex;gap:.5rem;padding:.48rem}.pre-study-broadcast{margin-top:0;border-color:#8ff0c21c;background:#8ff0c20b}.broadcast-form input{min-width:0;flex:1;padding:0 .45rem;font-size:.78rem}.broadcast-form button{min-height:2.1rem;padding:0 .72rem;color:#06100b;font-size:.75rem;font-weight:800;border-radius:999px;background:#8ff0c2d6}.achievement-toast{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.85rem;padding:.56rem .9rem;color:#fee685eb;font-size:.82rem;border:1px solid rgba(254,230,133,.22);border-radius:999px;background:#fee68513;animation:achievement-pop .5s var(--ease-out) both}.milestone-card-ready{display:grid;grid-template-columns:4.1rem minmax(0,1fr) auto;gap:.75rem;align-items:center;margin-top:.85rem;padding:.78rem .85rem;border:1px solid rgba(143,240,194,.18);border-radius:.9rem;background:linear-gradient(135deg,#8ff0c21c,#ffffff09)}.milestone-preview{display:grid;width:4.1rem;height:5.45rem;place-items:center;overflow:hidden;color:#8ff0c2cc;border:1px solid rgba(255,255,255,.16);border-radius:.55rem;background:#ffffff0f}.milestone-preview img{width:100%;height:100%;object-fit:cover}.milestone-card-copy{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.6rem;align-items:center}.milestone-card-ready span{grid-row:span 2;display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:#ffffff14}.milestone-card-ready strong,.milestone-card-ready small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milestone-card-ready strong{color:#f5f7f2e0;font-size:.86rem}.milestone-card-ready small{color:#8ff0c2b8;font-size:.72rem}.milestone-card-ready>div:last-child{display:flex;gap:.45rem}.milestone-card-ready button{min-height:2rem;padding:0 .72rem;color:#06100b;font-size:.74rem;font-weight:800;border-radius:999px;background:#8ff0c2d6}.milestone-card-ready button:disabled{cursor:default;opacity:.45}.completion-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.7rem;margin-top:1rem}.completion-actions.two-actions{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.completion-actions button{height:2.8rem;color:#ffffffb8;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#f5f7f212}.completion-actions button:first-child{color:#ffffff94;background:#ffffff09}.completion-actions button:last-child{color:#06100b;font-weight:780;border-color:#8ff0c285;background:#8ff0c2db;box-shadow:0 0 28px #8ff0c22e}.hidden-scene-toast{color:#8ff0c2eb;border-color:#8ff0c23d;background:#8ff0c213}@media(max-width:900px){.app-container{width:min(100% - 1.1rem,56rem);padding-top:.75rem}.main-nav{display:none}.brand-lockup{max-width:min(58vw,12rem)}.brand-lockup strong{font-size:1.1rem}.brand-mark{width:2.3rem;height:2.3rem;border-radius:.75rem}.setup-layout{grid-template-columns:1fr;width:100%;margin-top:.85rem}.scene-selection-panel{min-height:auto}.scene-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:52dvh}.studio-control-panel{min-height:auto}.setup-command-panel{padding:1rem}.control-matrix{grid-template-columns:1fr}.control-module{padding:1rem}.home-footer{grid-template-columns:1fr;gap:1rem}.weekly-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.study-stage{min-height:calc(100dvh - 4.8rem)}.study-timer{top:clamp(4.6rem,12dvh,6.5rem);bottom:auto;left:50%;transform:translate(-50%)}.study-timer>div{width:min(12rem,58vw);padding:.75rem;border-radius:1.05rem}.study-timer strong{font-size:clamp(2.15rem,10vw,2.75rem)}.timer-head p{font-size:.56rem;letter-spacing:.14em}.timer-head span{font-size:.6rem;padding:.24rem .45rem}.study-goal{position:fixed;bottom:calc(11.9rem + env(safe-area-inset-bottom));width:min(100% - 1.5rem,23rem)}.study-goal label{gap:.5rem;padding:.5rem .72rem;font-size:.75rem}.study-goal span{font-size:.72rem}.study-controls-wrap{position:fixed;bottom:calc(.55rem + env(safe-area-inset-bottom));display:block;width:min(100% - 1.5rem,23rem)}.study-controls-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:100%;padding:.48rem .55rem;border-radius:1.05rem}.mini-music,.mini-volume{grid-column:1 / -1;width:100%;min-width:0}.mini-music>span,.mini-volume>span{min-width:2.5rem;font-size:.68rem}.mini-style>button,.mini-music>button,.icon-button{width:2.15rem;height:2.15rem;justify-self:center}.mini-volume input{width:auto;min-width:0;flex:1}.focus-button{justify-content:center;width:100%;height:2.2rem;margin-top:.4rem;font-size:.78rem}.study-room-strip{top:.8rem;width:min(100% - 1.5rem,25rem);display:grid;gap:.2rem;border-radius:1rem}.study-room-strip>div{justify-content:space-between}.study-room-strip small{max-width:10rem}}@media(max-width:460px){.header-actions{gap:.4rem}.home-pill{height:2.45rem;padding:0 .75rem}.home-pill span{display:none}.glass-icon{width:2.45rem;height:2.45rem}.home-hero h1{font-size:2.65rem}.panel-head{display:grid}.compact-enter{width:100%}.scene-card-grid{grid-template-columns:1fr;max-height:48dvh}.control-module{border-radius:1.15rem}.morning-choices,.weekly-stats{grid-template-columns:1fr}.weekly-chart{height:9rem}}@media(max-width:900px)and (orientation:landscape){.app-container{padding-top:.7rem}.site-header{min-height:3.2rem;padding-bottom:.6rem}.home-hero{min-height:56dvh}.home-footer{display:none}.setup-layout{grid-template-columns:1fr .78fr;align-items:start}.scene-selection-panel{min-height:min(30rem,calc(100dvh - 5rem))}.scene-card-grid{max-height:calc(100dvh - 12rem)}.setup-command-panel{max-height:calc(100dvh - 5rem);overflow:auto}.control-matrix{grid-template-columns:1fr}.study-timer{top:auto;bottom:3.3rem;left:1rem;transform:none}.study-room-strip{top:.5rem;left:auto;right:.5rem;width:min(25rem,48vw);transform:none}.study-goal{bottom:calc(.55rem + env(safe-area-inset-bottom));width:min(25rem,42vw)}.study-controls-wrap{width:min(58rem,100% - 1rem)}.study-controls-panel{display:flex;max-width:calc(100vw - 9.5rem);width:auto;border-radius:999px}.mini-music{min-width:14rem}.mini-volume{min-width:8rem}.focus-button{width:auto;min-width:7rem}}.motion-forest .leaf-shadow,.motion-greenhouse .leaf-shadow{inset:6% 4% 8%!important;opacity:.12!important;overflow:hidden!important;contain:paint!important;filter:blur(3px)!important;mix-blend-mode:soft-light!important;border-radius:2rem!important;background:radial-gradient(ellipse at 16% 24%,rgba(82,150,79,.16),transparent 24%),radial-gradient(ellipse at 78% 18%,rgba(112,190,105,.12),transparent 22%),radial-gradient(ellipse at 58% 74%,rgba(60,122,68,.1),transparent 24%)!important;animation:leaf-breathe 11s ease-in-out infinite alternate!important;will-change:transform,opacity!important}.motion-greenhouse .fabric-shadow,.motion-greenhouse .fabric-shadow span,.motion-greenhouse .greenhouse-fronds{display:none!important}.motion-greenhouse .fabric-shadow{opacity:.13!important;overflow:hidden!important;filter:blur(.4px)!important;contain:paint!important}.motion-greenhouse .fabric-shadow span{top:-6%!important;width:clamp(3.2rem,7vw,6rem)!important;height:116%!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,rgba(236,255,238,.065),transparent)!important}.motion-forest .forest-canopy span,.motion-greenhouse .greenhouse-fronds span{width:min(var(--w-wide),7rem)!important;height:min(var(--h-leaf),2.6rem)!important;opacity:.14!important;filter:blur(1.15px)!important;background:radial-gradient(ellipse at 42% 48%,rgba(156,224,154,.12),transparent 68%)!important;clip-path:none!important}.motion-forest .background-glow,.motion-greenhouse .background-glow{opacity:.18!important;background:radial-gradient(circle at 38% 34%,rgba(143,240,194,.12),transparent 34%),radial-gradient(circle at 78% 18%,rgba(214,255,225,.07),transparent 28%)!important;animation:plant-glow-breathe 16s ease-in-out infinite alternate!important}@keyframes plant-glow-breathe{0%{transform:scale(1)}to{transform:scale(1.035)}}.analytics-panel,.session-modal,.todo-drawer{position:relative;z-index:1;color:var(--ink-warm);border-radius:1.35rem}.analytics-panel,.todo-drawer{width:min(100%,56rem);max-height:min(88dvh,52rem);overflow:auto;padding:1.25rem;background:#080c0c33}.dev-panel,.monthly-review-prompt{position:relative;z-index:1;width:min(100%,34rem);padding:1.25rem;color:var(--ink-warm);border-radius:1.35rem}.dev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;margin-top:1rem}.dev-grid div{display:grid;gap:.3rem;padding:.78rem;border-radius:.9rem;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff13}.dev-grid small,.dev-link span{color:#8ff0c2ad;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.dev-grid strong{overflow:hidden;color:#f5f7f2e0;text-overflow:ellipsis;white-space:nowrap}.dev-link{display:grid;gap:.46rem;margin-top:.9rem}.dev-link input{width:100%;padding:.75rem .85rem;color:#f5f7f2c7;border-radius:.85rem;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff13}.monthly-review-prompt{text-align:center}.monthly-review-prompt h3{margin:.45rem 0 0;color:#f5f7f2f0;font-size:1.8rem}.monthly-review-prompt p:not(.eyebrow){max-width:24rem;margin:.75rem auto 0;color:#f5f7f294;line-height:1.75}.monthly-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.68rem;margin-top:1.05rem}.monthly-actions button{height:2.8rem;border-radius:999px;background:#ffffff0f}.monthly-actions button:last-child{color:#06100b;font-weight:780;background:#8ff0c2db}.analytics-head,.session-modal-head,.todo-head,.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.analytics-head h3,.session-modal-head h3,.todo-head h3{margin:.22rem 0 0;font-size:clamp(1.35rem,3vw,2rem);font-weight:520;letter-spacing:0}.analytics-head span,.session-modal-head span,.chart-head span{display:block;margin-top:.35rem;color:#f5f7f285;font-size:.82rem}.analytics-head>button{display:grid;width:2.35rem;height:2.35rem;flex:none;place-items:center;color:#f5f7f2ad;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;transition:transform .2s var(--ease-out),background .2s var(--ease-out)}.analytics-head>button:hover{transform:translateY(-1px);background:#ffffff16}.rank-tabs,.chart-tabs{display:inline-flex;gap:.35rem;padding:.28rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a}.rank-tabs{margin:1rem 0}.rank-tabs button,.chart-tabs button{min-height:2rem;padding:0 .85rem;color:#f5f7f294;font-size:.78rem;border-radius:999px}.rank-tabs button.active,.chart-tabs button.active{color:#06100b;background:#8ff0c2db}.team-box{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) auto auto auto;gap:.65rem;align-items:end;padding:.8rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:#ffffff09}.team-box label{display:grid;gap:.3rem}.team-box span,.todo-popover span{color:#8ff0c2b8;font-size:.65rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.team-box input,.todo-popover input,.todo-popover select{min-height:2.25rem;padding:0 .65rem;color:#f5f7f2d6;border:1px solid rgba(255,255,255,.11);border-radius:.7rem;background:#ffffff0d}.team-box option,.todo-popover option{color:#111}.team-box button,.export-stats{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;gap:.35rem;padding:0 .86rem;color:#f5f7f2c2;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0d}.team-box button:not(.muted-action),.export-stats{color:#06100b;font-weight:800;border-color:#8ff0c27a;background:#8ff0c2d6}.rank-self{display:flex;align-items:baseline;gap:.75rem;margin:.9rem 0;padding:.85rem 1rem;border-radius:.95rem;background:linear-gradient(90deg,#8ff0c21f,#ffffff09)}.rank-self span{color:#f5f7f294;font-size:.78rem}.rank-self strong{color:#8ff0c2f0;font-size:1.75rem}.rank-self small{color:#f5f7f28f}.rank-list-full{display:grid;gap:.38rem;max-height:23rem;overflow:auto;padding-right:.2rem}.rank-row{display:grid;grid-template-columns:2.2rem 2.25rem minmax(0,1fr) auto;gap:.7rem;align-items:center;min-height:3.15rem;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.07);border-radius:.85rem;background:#ffffff08}.rank-row.is-you{border-color:#8ff0c261;background:#8ff0c218}.rank-index{color:#fee685db;font-weight:820;text-align:center}.rank-avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#07120d;font-size:.86rem;font-weight:860;border-radius:999px;background:linear-gradient(135deg,#8ff0c2f2,#8cdff1d1)}.rank-name{min-width:0}.rank-name strong,.rank-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-name strong{color:#f5f7f2d6;font-size:.9rem}.rank-name small{margin-top:.16rem;color:#f5f7f26b;font-size:.7rem}.rank-minutes{color:#8ff0c2d6;font-size:.86rem;font-weight:780;white-space:nowrap}.record-highlights,.stats-overview,.stats-detail-grid{display:grid;gap:.7rem}.record-highlights{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.9rem}.record-highlights div,.stats-overview div,.stat-card{padding:.9rem;border:1px solid rgba(255,255,255,.08);border-radius:.95rem;background:#ffffff09}.record-highlights small,.stats-overview small,.stat-card small{display:block;color:#f5f7f27a;font-size:.72rem}.record-highlights strong,.stats-overview strong,.stat-card strong{display:block;margin-top:.34rem;color:#f5f7f2e6;font-size:1.1rem}.record-highlights span,.stat-card span{display:block;margin-top:.38rem;color:#f5f7f270;font-size:.72rem;line-height:1.45}.todo-panel{display:grid;gap:.65rem;padding:.85rem;border-radius:1rem;background:#080c0c24}.todo-drawer{width:min(100%,42rem)}.todo-drawer .todo-panel{margin-top:1rem;padding:0;background:transparent}.todo-head p{display:flex;align-items:center;gap:.35rem;margin:0;color:#8ff0c2ad;font-size:.68rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.todo-head h3{font-size:1.02rem}.todo-head>span{color:#f5f7f28a;font-size:.78rem}.todo-list{display:grid;gap:.42rem;max-height:13.8rem;overflow:auto}.todo-empty{padding:.7rem;color:#f5f7f275;font-size:.82rem;border-radius:.75rem;background:#ffffff08}.todo-row{display:grid;grid-template-columns:1.55rem minmax(0,1fr) auto 1.8rem 1.55rem 1.55rem 1.55rem;gap:.38rem;align-items:center;min-height:2.8rem;padding:.35rem .42rem;border:1px solid rgba(255,255,255,.075);border-radius:.72rem;background:#ffffff08;transition:transform .2s var(--ease-out),border-color .22s var(--ease-out),background .22s var(--ease-out)}.todo-row:hover{transform:translateY(-1px);border-color:#8ff0c22e;background:#ffffff0c}.todo-check,.todo-start,.todo-arrow,.todo-delete{display:grid;width:1.55rem;height:1.55rem;place-items:center;border-radius:999px;transition:transform .18s var(--ease-out),color .2s var(--ease-out),background .2s var(--ease-out),opacity .2s var(--ease-out)}.todo-check:hover,.todo-start:hover,.todo-arrow:hover,.todo-delete:hover,.todo-add button:hover{transform:translateY(-1px)}.todo-check{border:1px solid rgba(143,240,194,.34)}.todo-row.done .todo-check{color:#06100b;background:#8ff0c2d1}.todo-main{min-width:0;text-align:left}.todo-main strong,.todo-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-main strong{color:#f5f7f2d1;font-size:.84rem}.todo-main small{margin-top:.14rem;color:#f5f7f26b;font-size:.67rem}.todo-row.done .todo-main strong,.todo-row.done .todo-main small{color:#f5f7f252;text-decoration:line-through}.todo-duration{color:#8ff0c2bd;font-size:.72rem;font-weight:760}.todo-start{color:#06100b;background:#8ff0c2d1}.todo-arrow,.todo-delete{color:#f5f7f285;background:#ffffff0b}.todo-arrow:disabled{cursor:default;opacity:.28}.todo-delete:hover{color:#ffd2d2eb}.todo-add{display:flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:0 .55rem;border:1px dashed rgba(255,255,255,.13);border-radius:.78rem;background:#ffffff07}.todo-add input{min-width:0;flex:1;font-size:.82rem}.todo-add button{color:#8ff0c2db;font-size:.76rem;font-weight:760}.todo-popover{display:grid;grid-template-columns:minmax(5rem,.6fr) minmax(7rem,.8fr) minmax(0,1fr);gap:.55rem;padding:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:.8rem;background:#0408085c;animation:popover-in .22s var(--ease-out) both}.sound-feature-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.sound-feature-strip span{display:inline-flex;align-items:center;min-height:2.25rem;gap:.42rem;padding:0 .7rem;overflow:hidden;color:#f5f7f294;font-size:.72rem;border:1px solid rgba(143,240,194,.12);border-radius:999px;background:#ffffff09;text-overflow:ellipsis;white-space:nowrap}.todo-popover label{display:grid;gap:.28rem}.day-picker{display:flex;flex-wrap:wrap;gap:.3rem;align-content:end}.day-picker button{width:1.85rem;height:1.85rem;color:#f5f7f294;font-size:.72rem;border-radius:999px;background:#ffffff0e}.day-picker button.active{color:#06100b;background:#8ff0c2d1}.study-todo{position:absolute;bottom:9rem;left:50%;z-index:29;width:min(42rem,100% - 2rem);transform:translate(-50%)}.study-todo .todo-panel{max-height:18rem;background:#080c0c1f}.study-todo .todo-list{max-height:7.2rem}.session-modal{display:grid;width:min(100%,33rem);gap:.9rem;padding:1.25rem;background:#080c0c3d}.session-modal-head{display:block}.session-input{display:flex;align-items:center;gap:.7rem;min-height:3.2rem;padding:0 .95rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#ffffff0e}.session-input input{min-width:0;flex:1;font-size:1rem}.recent-goals{display:flex;flex-wrap:wrap;gap:.45rem}.recent-goals button{min-height:2rem;padding:0 .72rem;color:#f5f7f2a8;font-size:.78rem;border-radius:999px;background:#ffffff0d}.session-actions{display:flex;justify-content:flex-end;gap:.55rem}.session-actions button{min-height:2.45rem;padding:0 1rem;border-radius:999px}.session-actions button:first-child{color:#f5f7f294;background:#ffffff0b}.session-actions button:last-child{color:#06100b;font-weight:820;background:#8ff0c2db}.session-actions button:disabled{cursor:default;opacity:.35}.stats-overview{grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0 .7rem}.stats-overview strong{color:#8ff0c2eb;font-size:1.25rem}.chart-card{display:grid;gap:.85rem;margin-top:.8rem;padding:.95rem;border:1px solid rgba(255,255,255,.085);border-radius:1rem;background:#ffffff09}.chart-head p{display:flex;align-items:center;gap:.38rem;margin:0;color:#f5f7f2d1;font-weight:760}.stats-svg{width:100%;min-height:12rem;overflow:visible}.heatmap-svg{min-height:8.5rem}.stats-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.75rem}.stat-list-card p{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.52rem 0 0;color:#f5f7f2ad;font-size:.78rem}.stat-list-card p strong{min-width:0;margin:0;overflow:hidden;color:#f5f7f2bd;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.stat-list-card p span{margin:0;white-space:nowrap}.export-stats{margin-top:.9rem}.broadcast-float{width:min(100%,33rem);margin-top:.9rem;padding:.72rem .9rem;color:#f5f7f2ad;font-size:.9rem;line-height:1.6;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#080c0c29;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}.sample-sound-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;gap:.42rem;padding:0 .85rem;color:#f5f7f2b8;font-size:.78rem;border:1px solid rgba(143,240,194,.16);border-radius:999px;background:#8ff0c20e}.sample-sound-button:hover{color:#f5f7f2f0;border-color:#8ff0c257}.sample-sound-button.playing{color:#06100b;border-color:#8ff0c280;background:#8ff0c2d1}.stop-mark{display:block;width:.58rem;height:.58rem;border-radius:.12rem;background:currentColor}.diary-list{display:grid;gap:.5rem;margin:.9rem 0;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.diary-list article{padding:.72rem;border:1px solid rgba(255,255,255,.08);border-radius:.78rem;background:#ffffff08}.diary-list pre{margin:0;color:#f5f7f29e;font:inherit;font-size:.75rem;line-height:1.65;white-space:pre-wrap}.scene-transition{position:fixed;inset:0;z-index:80;display:grid;place-items:center;pointer-events:none;color:#f5f7f2c7;background:radial-gradient(circle at 50% 50%,rgba(143,240,194,.16),transparent 18%,rgba(0,0,0,.18) 72%);clip-path:circle(0% at 50% 50%);animation:scene-portal 2.05s var(--ease-out) both}.scene-transition span{max-width:min(82vw,32rem);padding:.75rem 1rem;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080c0c2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:transition-copy 2.05s ease both}.transition-door{background:radial-gradient(circle at 50% 50%,rgba(245,247,242,.22),transparent 15%,rgba(0,0,0,.2) 75%)}.transition-rain{background:radial-gradient(circle at 50% 50%,rgba(140,223,241,.18),transparent 18%,rgba(20,30,42,.24) 74%)}.transition-night{background:radial-gradient(circle at 50% 50%,rgba(254,230,133,.14),transparent 14%,rgba(20,19,54,.34) 78%)}.transition-deep{background:radial-gradient(circle at 46% 44%,rgba(124,96,210,.24),transparent 16%),radial-gradient(circle at 52% 50%,rgba(32,24,72,.38),transparent 38%,rgba(1,4,12,.52) 78%)}.transition-attic{background:radial-gradient(circle at 50% 48%,rgba(255,188,104,.2),transparent 17%),radial-gradient(circle at 50% 50%,rgba(88,48,20,.22),transparent 42%,rgba(16,9,5,.44) 78%)}.transition-sky{background:radial-gradient(circle at 50% 46%,rgba(255,240,186,.32),transparent 15%),radial-gradient(circle at 50% 54%,rgba(185,231,255,.3),transparent 46%,rgba(12,28,42,.18) 78%)}.transition-storm{background:linear-gradient(115deg,transparent 0 46%,rgba(220,234,255,.38) 47%,transparent 51%),radial-gradient(circle at 50% 48%,rgba(146,174,214,.22),transparent 18%,rgba(7,14,24,.46) 78%);animation:scene-portal 2.05s var(--ease-out) both,storm-flash 2.05s steps(1,end) both}.hidden-unlock-toast{position:fixed;right:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom));z-index:120;display:flex;align-items:center;gap:.5rem;max-width:min(30rem,calc(100vw - 2rem));padding:.72rem .95rem;color:#f5f7f2d1;border-radius:999px;animation:toast-in .45s var(--ease-out) both}.invite-link-toast{position:fixed;left:50%;top:5.2rem;z-index:110;display:inline-flex;align-items:center;gap:.48rem;padding:.68rem .9rem;color:#f5f7f2db;border-radius:999px;transform:translate(-50%);animation:toast-in-out 5.2s ease both}@keyframes scene-portal{0%{opacity:0;clip-path:circle(0% at 50% 50%)}35%{opacity:1;clip-path:circle(72% at 50% 50%)}to{opacity:0;clip-path:circle(130% at 50% 50%)}}@keyframes transition-copy{0%,to{opacity:0;transform:translateY(8px) scale(.98)}30%,72%{opacity:1;transform:translateY(0) scale(1)}}@keyframes storm-flash{0%,42%,54%,to{filter:brightness(1)}46%,50%{filter:brightness(1.55)}}@keyframes toast-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in-out{0%,to{opacity:0;transform:translate(-50%,-.4rem)}18%,82%{opacity:1;transform:translate(-50%)}}@keyframes plant-sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.8deg)}}@keyframes plant-leaf-breathe{0%{opacity:.52;filter:saturate(.92)}to{opacity:.86;filter:saturate(1.12)}}@keyframes fire-pulse{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.22) saturate(1.18)}}@keyframes rain-glass-pulse{0%{opacity:0;transform:translate3d(0,-1.2rem,0)}22%{opacity:.82}to{opacity:0;transform:translate3d(-1.8rem,2.6rem,0)}}@keyframes weather-window-shift{0%{opacity:0;filter:brightness(.8) saturate(.8)}28%{opacity:.86;filter:brightness(1.08) saturate(1.1)}to{opacity:0;filter:brightness(.9) saturate(.9)}}@keyframes curtain-touch-sway{0%{opacity:0;transform:translate3d(-2.2rem,0,0) skew(-2deg)}32%{opacity:.7}to{opacity:0;transform:translate3d(2.2rem,.2rem,0) skew(4deg)}}@keyframes leaf-touch-drift{0%{opacity:0;transform:translate3d(-1.2rem,-.5rem,0) scale(.98)}28%{opacity:.72}to{opacity:0;transform:translate3d(1.6rem,.9rem,0) scale(1.05)}}@keyframes ritual-brighten{0%{opacity:0;filter:brightness(.72)}20%{opacity:1;filter:brightness(1)}to{opacity:0;filter:brightness(1.08)}}@keyframes ritual-ring{0%{opacity:0;transform:scale(.55)}24%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@keyframes quiet-signal-float{0%,to{opacity:0;transform:translateY(-.4rem)}14%,84%{opacity:1;transform:translateY(0)}}@keyframes autumn-leaf-drift{0%{background-position:0 0}to{background-position:-18rem 24rem}}@keyframes seat-popover-in{0%{opacity:0;transform:translate(-50%,-.35rem) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-.35rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:920px){.team-box,.record-highlights,.stats-overview,.stats-detail-grid,.experience-status-panel,.sound-feature-strip,.todo-popover,.growth-tree-card{grid-template-columns:1fr}.analytics-panel,.todo-drawer{max-height:92dvh}.status-dash .status-chip:nth-last-child(-n+2){display:none}}@media(max-width:680px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "dash dash";gap:.55rem;min-height:auto}.brand-lockup{grid-area:brand;min-width:0}.brand-mark{width:2.35rem;height:2.35rem;border-radius:.75rem}.brand-lockup strong{font-size:1rem}.status-dash{grid-area:dash;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;max-width:calc(100vw - 1rem);padding-bottom:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.status-dash::-webkit-scrollbar{display:none}.status-chip{flex:0 0 auto;max-width:9.2rem;height:2.05rem;padding:0 .58rem;font-size:.7rem}.header-actions{grid-area:actions;gap:.3rem}.header-actions .glass-icon{width:2.2rem;height:2.2rem}.quick-start,.home-pill span{display:none}.long-preview-card{width:min(92vw,28rem);min-height:min(58vh,28rem)}.dev-grid,.monthly-actions{grid-template-columns:1fr}.garden-head{align-items:flex-start;flex-direction:column}.focus-waveform{position:absolute;left:50%;bottom:3.9rem;width:min(14rem,calc(100vw - 2rem));transform:translate(-50%)}.scene-hotspot span{display:none}.scene-hotspot-guide{top:auto;bottom:11.6rem;overflow-x:auto;justify-content:flex-start;width:calc(100% - 1.4rem);max-width:none;scrollbar-width:none}.scene-hotspot-guide::-webkit-scrollbar{display:none}.scene-hotspot-guide button{flex:0 0 auto}.rank-row{grid-template-columns:1.7rem 2rem minmax(0,1fr)}.rank-minutes{grid-column:3;justify-self:start;margin-top:-.25rem}.todo-row{grid-template-columns:1.55rem minmax(0,1fr) auto 1.8rem}.todo-arrow,.todo-delete{display:none}.study-todo{bottom:8.2rem}.study-todo .todo-list{display:none}}:root{--text-title: rgba(245, 247, 242, .92);--text-body: rgba(245, 247, 242, .72);--text-caption: rgba(245, 247, 242, .45);--text-disabled: rgba(245, 247, 242, .25);--quiet-border: rgba(255, 255, 255, .08);--quiet-panel: rgba(12, 16, 18, .85);--quiet-surface: rgba(255, 255, 255, .04);--quiet-surface-soft: rgba(255, 255, 255, .025);--quiet-surface-hover: rgba(255, 255, 255, .07);--accent-mint: #8ff0c2;--ease-calm: cubic-bezier(.4, 0, .2, 1);font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{text-transform:none!important}body{color:var(--text-body);font-size:.88rem;line-height:1.65}h1,.home-hero h1,.splash-content h1{color:var(--text-title);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.08}h2,.section-title h2,.drawer-head h3,.completion-head h3,.weekly-head h3,.analytics-head h3,.session-modal-head h3,.todo-head h3,.chart-head h3,.weekly-card h3,.analytics-panel h3,.monthly-review-prompt h3{color:var(--text-title);font-size:1.2rem;font-weight:600;letter-spacing:0;line-height:1.25}p,.console-subcopy,.home-hero>p:not(.eyebrow),.completion-card>p,.monthly-review-prompt p:not(.eyebrow),.weekly-narrative p,.growth-tree-card span{color:var(--text-body);font-size:.88rem;font-weight:400;line-height:1.65}small,.option-copy small,.room-summary small,.style-head small,.range-control small,.records-list article small,.todo-main small,.recipe-card span,.weekly-stats small,.stats-overview small,.record-highlights small,.stat-card small,.progress-meta,.goal-summary span{color:var(--text-caption);font-size:.7rem;font-weight:400;letter-spacing:.04em}.eyebrow,.section-title p,.style-head span,.drawer-head .eyebrow,.completion-head .eyebrow,.analytics-panel .eyebrow,.weekly-card .eyebrow,.monthly-review-prompt .eyebrow,.morning-content .eyebrow,.splash-content .eyebrow,.todo-head p,.session-modal-head p,.scene-option-card em{display:none!important}.background-media.current,.background-media.previous{animation-duration:1.4s!important;animation-timing-function:var(--ease-calm)!important}.scene-option-card,.experience-card,.primary-enter,.recipe-card,.glass-control,.icon-button,.glass-icon,.rank-row,.todo-row,.todo-check,.todo-start,.todo-arrow,.todo-delete,.todo-add button,.analytics-head>button,.scene-sample-control,.compact-preview{transition:background .35s var(--ease-calm),border-color .35s var(--ease-calm),color .35s var(--ease-calm),filter .2s var(--ease-calm),opacity .35s var(--ease-calm)!important}.scene-option-card:hover,.scene-option-card.keyboard-focus,.scene-option-card.randomizing,.experience-card:hover,.primary-enter:hover,.recipe-card:hover,.glass-control:hover,.icon-button:hover,.glass-icon:hover,.rank-row:hover,.todo-row:hover,.todo-check:hover,.todo-start:hover,.todo-arrow:hover,.todo-delete:hover,.todo-add button:hover,.analytics-head>button:hover,.scene-sample-control:hover,.scene-sample-control:focus-visible,.compact-preview:hover{transform:none!important}.glass-control:active,.icon-button:active,.status-chip:active,.scene-option-card:active,.primary-enter:active,.completion-actions button:active,.todo-start:active,.todo-check:active,.rank-tabs button:active,.chart-tabs button:active{filter:brightness(.92);transform:none!important}.setup-layout.setup-studio{grid-template-columns:minmax(34rem,1.02fr) minmax(22rem,.58fr);gap:1.6rem;width:min(100%,1280px);margin-top:1.4rem}.scene-selection-panel.liquid-glass,.setup-command-panel.liquid-glass{border:1px solid var(--quiet-border);background:#0c10122e;box-shadow:none}.scene-selection-panel:before,.scene-selection-panel:after,.setup-command-panel:before,.setup-command-panel:after{display:none}.panel-head{align-items:flex-start;gap:1.1rem}.console-subcopy{max-width:32rem;margin-top:.45rem;color:var(--text-caption)}.compact-preview{height:2.55rem;color:var(--text-body);font-size:.78rem;font-weight:500;border:1px solid var(--quiet-border);background:var(--quiet-surface);box-shadow:none}.compact-preview:hover{color:var(--text-title);background:var(--quiet-surface-hover)}.experience-status-panel{gap:.8rem;margin:1rem 0 1.1rem}.experience-card{min-height:4rem;border:1px solid var(--quiet-border);background:#ffffff06;box-shadow:none}.experience-card:hover{border-color:var(--quiet-border);background:#ffffff0a}.experience-card small{color:var(--text-caption);font-size:.68rem;font-weight:400;letter-spacing:.04em}.experience-card strong{color:var(--text-title);font-size:.88rem;font-weight:600}.experience-card span{color:var(--text-caption);font-size:.7rem}.scene-card-grid{gap:1.4rem!important;padding-right:.2rem;scrollbar-color:rgba(245,247,242,.25) transparent}.scene-option-card{min-height:9.4rem;gap:.75rem;padding:.72rem;color:var(--text-body);border:1px solid var(--quiet-border);border-radius:1rem;background:#ffffff06;box-shadow:none}.scene-option-card:before,.scene-option-card:after{display:none}.scene-option-card:hover{border-color:var(--quiet-border);background:#ffffff0b}.scene-option-card.selected{border-color:#8ff0c29e;background:#8ff0c20e;box-shadow:none}.scene-option-card.keyboard-focus,.scene-option-card.randomizing{border-color:#8ff0c29e;box-shadow:0 0 0 1px #8ff0c229}.scene-random-card{min-height:5.8rem;background:#ffffff09}.random-orb{color:#06100b;background:#8ff0c2e6;box-shadow:0 0 24px #8ff0c22e}.option-media{aspect-ratio:16 / 7!important;border-radius:.72rem;background:#ffffff0a}.option-media img{transform:scale(1.01);transition:filter .5s var(--ease-calm),opacity .5s var(--ease-calm)!important}.scene-option-card:hover .option-media img,.scene-option-card.selected .option-media img{filter:saturate(1.05) contrast(1.02);transform:scale(1.01)}.option-media:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}.weather-indicator,.scene-sample-control{border:1px solid var(--quiet-border);background:#00000047}.scene-sample-control:hover,.scene-sample-control:focus-visible,.scene-sample-control.playing{color:#06100b;background:#8ff0c2d6}.option-copy{gap:.5rem}.option-copy strong{color:var(--text-title);font-size:1.1rem;font-weight:700;line-height:1.18}.option-copy small{color:var(--text-caption);font-size:.72rem;font-weight:400;line-height:1.45}.scent-card-tag{color:var(--text-disabled);font-size:.68rem}.scent-card-tag i{background:#8ff0c29e;box-shadow:none}.studio-control-panel{min-height:min(620px,calc(100dvh - 8.6rem));background:#0c101224!important}.room-summary{gap:.62rem}.room-summary div,.recipe-strip,.control-module.timer-module{border:1px solid var(--quiet-border);background:#ffffff06;box-shadow:none}.room-summary small,.recipe-head small{color:var(--text-caption);font-size:.7rem;font-weight:400;letter-spacing:.04em}.room-summary strong{color:var(--text-title);font-weight:500}.recipe-strip{padding:1rem;border-radius:1rem;backdrop-filter:none;-webkit-backdrop-filter:none}.recipe-head span{color:var(--text-caption);font-size:.72rem}.recipe-card{border:1px solid var(--quiet-border);background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.recipe-card:hover{background:var(--quiet-surface)}.recipe-card.selected{border-color:#8ff0c29e;background:#8ff0c20f}.recipe-card strong{color:var(--text-title);font-size:.82rem;font-weight:600}.control-module.sound-module{border:1px solid var(--quiet-border);background:#ffffff0f;box-shadow:none}.control-module.timer-module{padding:1rem}.style-icons button,.timer-options .glass-control,.custom-timer-input,.range-control,.more-sounds-toggle,.extra-sound-chip,.sound-feature-strip span{border:1px solid var(--quiet-border);background:var(--quiet-surface-soft);box-shadow:none}.style-icons button.selected,.timer-options .glass-control.selected,.extra-sound-chip.active{color:#06100b;border-color:#8ff0c29e;background:#8ff0c2d6}.primary-enter{width:70%;min-height:3.25rem;margin:2rem auto;color:#06100b;font-weight:700;border:1px solid rgba(143,240,194,.6);background:#8ff0c2e0;box-shadow:0 0 32px #8ff0c233;animation:enter-breathe-refined 3s var(--ease-calm) infinite!important}.primary-enter:hover{box-shadow:0 0 40px #8ff0c242}@keyframes enter-breathe-refined{0%,to{box-shadow:0 0 24px #8ff0c229}50%{box-shadow:0 0 42px #8ff0c247}}.study-timer>div{border:1px solid var(--quiet-border);background:#0c101247;box-shadow:none}.timer-head p,.goal-summary p{color:var(--text-caption);font-size:.7rem;font-weight:400;letter-spacing:.04em}.timer-head span{color:var(--text-caption);background:var(--quiet-surface)}.study-timer strong{color:var(--text-title)!important;font-size:clamp(3rem,8vw,3.75rem);font-weight:300!important;letter-spacing:.08em}.progress-track{background:var(--text-disabled)}.progress-track span{background:#8ff0c2d1;transition:width .3s linear}.study-controls-panel{gap:1.2rem!important;border:1px solid var(--quiet-border);background:#ffffff0a!important;box-shadow:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.study-controls-panel:before,.study-controls-panel:after,.immersive-bottom-bar:before,.immersive-bottom-bar:after{display:none}.focus-waveform,.quiet-signal-panel,.study-goal label,.study-room-strip,.scene-hotspot-guide,.immersive-bottom-bar{border:1px solid var(--quiet-border);background:#ffffff0a!important;box-shadow:none}.immersive-hint p{color:#f5f7f28c;font-size:1.1rem;font-weight:300;letter-spacing:.15em}.records-drawer,.completion-card,.weekly-card,.analytics-panel,.session-modal,.todo-drawer,.monthly-review-prompt,.dev-card,.dev-panel{padding:2rem!important;color:var(--text-body);border:1px solid var(--quiet-border)!important;border-radius:1.6rem!important;background:var(--quiet-panel)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(40px) saturate(1.6);backdrop-filter:blur(40px) saturate(1.6);animation:modal-rise-refined .35s var(--ease-calm) both!important}.records-drawer:before,.records-drawer:after,.completion-card:before,.completion-card:after,.weekly-card:before,.weekly-card:after,.analytics-panel:before,.analytics-panel:after,.session-modal:before,.session-modal:after,.todo-drawer:before,.todo-drawer:after,.monthly-review-prompt:before,.monthly-review-prompt:after,.dev-card:before,.dev-card:after,.dev-panel:before,.dev-panel:after{display:none!important}@keyframes modal-rise-refined{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.drawer-head h3,.completion-head h3,.weekly-head h3,.analytics-head h3,.session-modal-head h3,.todo-head h3,.monthly-review-prompt h3{margin-top:0;color:var(--text-title);font-family:inherit;font-size:1.4rem!important;font-weight:600!important;letter-spacing:-.01em}.analytics-head span,.session-modal-head span,.chart-head span,.todo-head>span{color:var(--text-caption)}.records-list article,.rank-row,.todo-row,.timeline-list article div{min-height:3.2rem;border-color:transparent;background:transparent;box-shadow:none}.records-list article:hover,.rank-row:hover,.todo-row:hover{border-color:transparent;background:#ffffff08}.rank-row.is-you{border-color:#8ff0c257;background:#8ff0c20f}.rank-tabs,.chart-tabs,.team-box,.timeline-panel,.weekly-stats div,.weekly-chart,.heatmap-panel,.growth-tree-card,.todo-panel,.todo-add,.session-input,.record-highlights div,.stats-overview div,.stat-card{border:1px solid var(--quiet-border);background:#ffffff06;box-shadow:none}.rank-tabs button.active,.chart-tabs button.active,.team-box button:not(.muted-action),.export-stats,.monthly-actions button:last-child,.todo-start,.todo-row.done .todo-check{color:#06100b;background:#8ff0c2d6}@media(max-width:1100px){.setup-layout.setup-studio{grid-template-columns:1fr}}@media(max-width:680px){.setup-layout.setup-studio{gap:1rem;margin-top:.8rem}.scene-card-grid{grid-template-columns:1fr;gap:1rem!important}.primary-enter{width:100%}.records-drawer,.completion-card,.weekly-card,.analytics-panel,.session-modal,.todo-drawer,.monthly-review-prompt,.dev-card,.dev-panel{padding:1.25rem!important;border-radius:1.2rem!important}.study-controls-panel{gap:.6rem!important}}.setup-layout.setup-studio{grid-template-columns:minmax(0,.96fr) minmax(20rem,.38fr);gap:clamp(1.2rem,2vw,2rem);width:min(100%,1320px);align-items:stretch}.scene-selection-panel.liquid-glass,.setup-command-panel.liquid-glass{border-color:#ffffff13;background:#070b0c1a!important;-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35)}.scene-selection-panel.liquid-glass{padding:clamp(.95rem,1.8vw,1.25rem)}.setup-command-panel.liquid-glass{gap:.85rem;padding:clamp(1rem,1.8vw,1.35rem)}.scene-focus-hero{position:relative;z-index:2;display:grid;min-height:clamp(10.5rem,19vh,13.25rem);overflow:hidden;align-items:end;padding:1.15rem;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background-position:center;background-size:cover;box-shadow:inset 0 1px #ffffff1f}.scene-focus-hero:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#030607bd,#0306072e 58%,#03060775),linear-gradient(180deg,transparent,rgba(3,6,7,.64))}.scene-focus-copy,.scene-focus-actions{position:relative;z-index:1}.scene-focus-copy{display:grid;width:min(27rem,70%);gap:.28rem}.scene-focus-copy span{color:#f5f7f273;font-size:.72rem;letter-spacing:.04em}.scene-focus-copy h3{margin:0;color:#f5f7f2f0;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:700;letter-spacing:-.025em;line-height:1.02}.scene-focus-copy p{margin:0;color:#f5f7f294;font-size:.82rem}.scene-focus-actions{position:absolute;right:1rem;bottom:1rem;display:inline-flex;gap:.5rem}.scene-focus-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;gap:.42rem;padding:0 .95rem;color:#f5f7f2c7;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.scene-focus-actions button:first-child{color:#06100b;border-color:#8ff0c29e;background:#8ff0c2e6;box-shadow:0 0 34px #8ff0c233}.experience-status-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.35rem 0 .5rem}.experience-card,.experience-card.wide{grid-column:auto}.experience-card{min-height:3.35rem;padding:.56rem .62rem;border-radius:.8rem;background:#ffffff05}.experience-card strong{font-size:.78rem}.experience-card span{display:none}.scene-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem!important;padding-right:0}.scene-option-card{display:grid;min-height:7.35rem;overflow:hidden;gap:0;padding:0;border-radius:.95rem;background:#ffffff05}.scene-option-card:hover{background:#ffffff0a}.scene-option-card.selected{border-color:#8ff0c2d1;background:#8ff0c20b;box-shadow:0 0 0 1px #8ff0c22e}.scene-random-card{min-height:3.4rem;grid-column:span 1;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:.55rem .65rem}.scene-add-card{min-height:7.35rem}.random-orb{width:2.25rem;height:2.25rem}.scene-option-card .option-media{aspect-ratio:16 / 8.8!important;border-radius:0}.scene-option-card .option-media img{opacity:.82}.scene-option-card.selected .option-media img,.scene-option-card:hover .option-media img{opacity:1}.scene-option-card .option-copy{padding:.58rem .68rem .65rem}.scene-option-card .option-copy strong{font-size:.92rem;font-weight:650;letter-spacing:-.01em}.scene-option-card .option-copy small,.scene-option-card .scent-card-tag{display:none}.scene-random-card .option-copy{padding:0}.scene-random-card .option-copy small{display:inline-flex}.scene-add-card .add-media{display:grid;place-items:center;color:#8ff0c2d1}.weather-indicator{left:.42rem;bottom:.42rem;min-width:1.45rem;height:1.45rem}.scene-sample-control{right:.42rem;bottom:.42rem;width:1.45rem;height:1.45rem}.studio-ready{padding-bottom:.15rem}.studio-ready .section-title{margin-bottom:.35rem}.studio-control-panel .primary-enter{order:-1;width:100%;min-height:3.4rem;margin:0 0 .35rem;border-radius:1rem;font-size:.98rem;box-shadow:0 0 40px #8ff0c23d}.room-summary{grid-template-columns:1fr;gap:.42rem}.room-summary div{min-height:2.35rem;padding:.48rem .65rem;border-radius:.75rem;background:#ffffff05}.recipe-strip{padding:0;border-color:transparent;background:transparent}.recipe-head{padding:0}.recipe-grid{gap:.42rem}.recipe-card{min-height:2.55rem;padding:.5rem .62rem;border-radius:.75rem;background:#ffffff05}.control-module.sound-module{background:#ffffff0b}.control-module.timer-module{background:#ffffff04}.todo-panel{background:#ffffff04!important}.study-timer>div{background:#0408092e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.study-controls-panel{min-height:3.35rem;padding:.55rem .75rem;border-color:#fff1;background:#ffffff07!important}@media(max-width:1180px){.setup-layout.setup-studio{grid-template-columns:1fr}.scene-card-grid,.experience-status-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.scene-focus-hero{min-height:12rem}.scene-focus-copy{width:100%;padding-bottom:3.1rem}.scene-focus-actions{left:.85rem;right:auto}.scene-card-grid{grid-template-columns:1fr 1fr}}:root{--fs-h1: clamp(1.6rem, 3.5vw, 2.8rem);--fs-h2: clamp(1rem, 2vw, 1.3rem);--fs-body: clamp(.82rem, 1.2vw, .92rem);--fs-caption: clamp(.65rem, .9vw, .72rem);--fs-timer: clamp(2rem, 8vw, 3.75rem);--gap-xs: clamp(.25rem, .5vw, .4rem);--gap-sm: clamp(.4rem, .8vw, .7rem);--gap-md: clamp(.6rem, 1.2vw, 1rem);--gap-lg: clamp(.9rem, 1.8vw, 1.4rem);--gap-xl: clamp(1.2rem, 2.5vw, 2rem);--radius-sm: clamp(.4rem, .8vw, .7rem);--radius-md: clamp(.7rem, 1.2vw, 1.1rem);--radius-lg: clamp(1rem, 1.8vw, 1.6rem);--touch-target: 44px}*,*:before,*:after{box-sizing:border-box}html[data-responsive=final-v1],html[data-responsive=final-v1] body,html[data-responsive=final-v1] #root{width:100%;min-width:320px;min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}html[data-responsive=final-v1] body{font-size:var(--fs-body);overscroll-behavior-x:none}html[data-responsive=final-v1] img,html[data-responsive=final-v1] video,html[data-responsive=final-v1] canvas,html[data-responsive=final-v1] svg{max-width:100%}html[data-responsive=final-v1] svg{shape-rendering:geometricPrecision}html[data-responsive=final-v1] button,html[data-responsive=final-v1] [role=button],html[data-responsive=final-v1] a,html[data-responsive=final-v1] input,html[data-responsive=final-v1] select,html[data-responsive=final-v1] label{min-height:var(--touch-target)}html[data-responsive=final-v1] .app-shell{min-height:100dvh;max-width:100dvw;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}html[data-responsive=final-v1] .app-container{width:min(100dvw,1440px);padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:calc(1.3rem + env(safe-area-inset-bottom))}html[data-responsive=final-v1] .home-hero h1{font-size:var(--fs-h1)}html[data-responsive=final-v1] h2,html[data-responsive=final-v1] .section-title h2{font-size:var(--fs-h2)}html[data-responsive=final-v1] small,html[data-responsive=final-v1] .caption{font-size:var(--fs-caption)}html[data-responsive=final-v1] .study-timer strong{font-size:var(--fs-timer)}html[data-responsive=final-v1] .modal-layer{overflow:hidden}html[data-responsive=final-v1] .modal-layer.centered>section,html[data-responsive=final-v1] .modal-layer.centered>aside,html[data-responsive=final-v1] .modal-layer.align-right>aside{max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}html[data-responsive=final-v1] .modal-layer section .analytics-head,html[data-responsive=final-v1] .modal-layer section .drawer-head,html[data-responsive=final-v1] .modal-layer section .weekly-head,html[data-responsive=final-v1] .modal-layer aside .drawer-head{position:sticky;top:0;z-index:2;background:inherit;padding-bottom:.5rem}html[data-responsive=final-v1] .scene-card-grid{overflow-x:hidden;overflow-y:auto;grid-template-columns:repeat(3,minmax(0,1fr))}html[data-responsive=final-v1] .ambient-canvas{image-rendering:-webkit-optimize-contrast}html[data-responsive=final-v1] .mobile-bottom-nav{display:none}html[data-responsive=final-v1] ::-webkit-scrollbar{width:6px;height:6px}html[data-responsive=final-v1] ::-webkit-scrollbar-track{background:transparent}html[data-responsive=final-v1] ::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff26}@media(hover:hover)and (pointer:fine){html[data-responsive=final-v1] .scene-option-card:hover{transform:translateY(-1px);border-color:#8ff0c273}html[data-responsive=final-v1] .glass-control:hover{background:var(--glass-control-hover)}}@media(hover:none){html[data-responsive=final-v1] .glass-control:active,html[data-responsive=final-v1] .scene-option-card:active,html[data-responsive=final-v1] .icon-button:active{background:var(--glass-control-hover);transition-duration:0s}}@media(max-width:1439px){html[data-responsive=final-v1] .app-container{width:min(100dvw,1320px)}html[data-responsive=final-v1] .site-header{gap:var(--gap-md)}html[data-responsive=final-v1] .setup-layout.setup-studio{width:min(100%,1240px);grid-template-columns:minmax(0,1.08fr) minmax(21rem,.62fr);gap:var(--gap-lg)}html[data-responsive=final-v1] .scene-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1099px){html[data-responsive=final-v1] .site-header{display:grid;grid-template-columns:minmax(9rem,auto) minmax(0,1fr) auto;grid-template-areas:"brand dash actions";gap:var(--gap-sm);min-height:3.4rem}html[data-responsive=final-v1] .brand-lockup{grid-area:brand}html[data-responsive=final-v1] .status-dash{grid-area:dash}html[data-responsive=final-v1] .header-actions{grid-area:actions}html[data-responsive=final-v1] .status-dash{justify-content:flex-start;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}html[data-responsive=final-v1] .status-dash::-webkit-scrollbar{display:none}html[data-responsive=final-v1] .status-chip:nth-last-child(-n+3),html[data-responsive=final-v1] .seasonal-chip{display:none}html[data-responsive=final-v1] .setup-layout.setup-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.78fr);gap:var(--gap-md);align-items:start}html[data-responsive=final-v1] .scene-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - 10rem)}html[data-responsive=final-v1] .scene-focus-hero{min-height:clamp(9rem,18dvh,12rem)}html[data-responsive=final-v1] .experience-status-panel{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-responsive=final-v1] .study-stage{min-height:calc(100dvh - 4rem)}html[data-responsive=final-v1] .study-timer>div{width:min(13rem,32vw);padding:.65rem}html[data-responsive=final-v1] .study-goal{bottom:calc(6rem + env(safe-area-inset-bottom))}html[data-responsive=final-v1] .study-controls-wrap{bottom:calc(.55rem + env(safe-area-inset-bottom));width:min(100% - 1rem,52rem)}html[data-responsive=final-v1] .modal-layer.centered>section,html[data-responsive=final-v1] .modal-layer.align-right>aside{width:min(100dvw - 1.5rem,42rem);max-height:calc(88dvh - env(safe-area-inset-bottom))}}@media(max-width:1099px)and (orientation:landscape){html[data-responsive=final-v1] .scene-card-grid{max-height:calc(100dvh - 10rem);overflow-y:auto}}@media(max-width:899px){html[data-responsive=final-v1] .site-header{display:grid;grid-template-columns:minmax(9rem,1fr) auto;grid-template-areas:"brand actions" "dash dash";gap:var(--gap-sm);min-height:auto;padding-bottom:.55rem}html[data-responsive=final-v1] .brand-lockup{grid-area:brand}html[data-responsive=final-v1] .status-dash{grid-area:dash}html[data-responsive=final-v1] .header-actions{grid-area:actions}html[data-responsive=final-v1] .status-dash{display:flex;justify-content:flex-start;width:100%;max-width:calc(100dvw - 2rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}html[data-responsive=final-v1] .status-chip,html[data-responsive=final-v1] .online-badge{flex:0 0 auto;max-width:12rem}html[data-responsive=final-v1] .header-actions{justify-content:flex-end;max-width:calc(100dvw - 10rem);overflow-x:auto;scrollbar-width:none}html[data-responsive=final-v1] .setup-layout.setup-studio{display:grid;grid-template-columns:1fr;width:100%;gap:var(--gap-md)}html[data-responsive=final-v1] .scene-selection-panel.liquid-glass,html[data-responsive=final-v1] .setup-command-panel.liquid-glass{width:100%;min-width:0}html[data-responsive=final-v1] .scene-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(54dvh,34rem);overflow-y:auto}html[data-responsive=final-v1] .studio-control-panel{min-height:auto}html[data-responsive=final-v1] .recipe-strip{max-height:8.5rem;overflow-y:auto}html[data-responsive=final-v1] .study-timer{top:calc(.5rem + env(safe-area-inset-top));left:50%;bottom:auto;transform:translate(-50%);width:min(18rem,calc(100dvw - 2rem))}html[data-responsive=final-v1] .study-goal{bottom:calc(6.5rem + env(safe-area-inset-bottom));width:min(28rem,calc(100dvw - 1.25rem))}html[data-responsive=final-v1] .study-controls-wrap{bottom:calc(.5rem + env(safe-area-inset-bottom));width:min(100dvw - 1rem,34rem)}html[data-responsive=final-v1] .study-controls-panel{overflow-x:auto;scrollbar-width:none}html[data-responsive=final-v1] .team-box,html[data-responsive=final-v1] .stats-overview,html[data-responsive=final-v1] .stats-detail-grid,html[data-responsive=final-v1] .experience-status-panel,html[data-responsive=final-v1] .sound-feature-strip{grid-template-columns:1fr}html[data-responsive=final-v1] .modal-layer.centered>section,html[data-responsive=final-v1] .modal-layer.align-right>aside{width:min(100dvw - 1.25rem,38rem);max-height:84dvh}}@media(max-width:899px)and (orientation:landscape){html[data-responsive=final-v1] .home-hero{min-height:60dvh}html[data-responsive=final-v1] .home-hero h1{font-size:2.2rem}html[data-responsive=final-v1] .study-stage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:end}html[data-responsive=final-v1] .study-timer{position:relative;top:auto;left:auto;bottom:auto;transform:none;justify-self:start;padding:1rem}html[data-responsive=final-v1] .study-goal,html[data-responsive=final-v1] .study-controls-wrap{position:relative;left:auto;bottom:auto;transform:none;grid-column:1 / -1;justify-self:center}}@media(max-width:679px){html[data-responsive=final-v1] .app-container{width:100dvw;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-top:max(.55rem,env(safe-area-inset-top));padding-bottom:calc(4.9rem + env(safe-area-inset-bottom))}html[data-responsive=final-v1] .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";min-height:3rem;gap:.45rem;padding-bottom:.4rem}html[data-responsive=final-v1] .brand-lockup{min-width:0;gap:.45rem}html[data-responsive=final-v1] .brand-lockup small,html[data-responsive=final-v1] .quick-start,html[data-responsive=final-v1] .home-pill span,html[data-responsive=final-v1] .status-dash{display:none!important}html[data-responsive=final-v1] .brand-mark{width:2rem;height:2rem;border-radius:.6rem}html[data-responsive=final-v1] .brand-lockup strong{max-width:6.5rem;overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}html[data-responsive=final-v1] .header-actions{display:flex;max-width:8rem;gap:.28rem;overflow:hidden}html[data-responsive=final-v1] .header-actions .glass-icon,html[data-responsive=final-v1] .home-pill{width:2.35rem;min-width:2.35rem;height:2.35rem;padding:0}html[data-responsive=final-v1] .header-actions .glass-icon:not(.mobile-header-record){display:none}html[data-responsive=final-v1] .mobile-bottom-nav{position:fixed;left:max(.5rem,env(safe-area-inset-left));right:max(.5rem,env(safe-area-inset-right));bottom:calc(.45rem + env(safe-area-inset-bottom));z-index:70;display:grid;grid-template-columns:repeat(auto-fit,minmax(3.25rem,1fr));gap:.28rem;padding:.34rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:#050909a8;-webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35)}html[data-responsive=final-v1] .mobile-bottom-nav.hide-chrome{display:none}html[data-responsive=final-v1] .mobile-bottom-nav button{display:grid;min-width:0;min-height:44px;place-items:center;gap:.12rem;color:#f5f7f2b8;border-radius:.72rem}html[data-responsive=final-v1] .mobile-bottom-nav span{font-size:.62rem}html[data-responsive=final-v1] .home-hero{min-height:min(52dvh,34rem)}html[data-responsive=final-v1] .home-hero h1{font-size:var(--fs-h1);line-height:1.05}html[data-responsive=final-v1] .setup-layout.setup-studio{display:grid;grid-template-columns:1fr;gap:var(--gap-sm)}html[data-responsive=final-v1] .panel-head{grid-template-columns:1fr}html[data-responsive=final-v1] .scene-focus-hero{min-height:11rem;border-radius:var(--radius-md)}html[data-responsive=final-v1] .scene-focus-copy{width:100%;padding-bottom:3rem}html[data-responsive=final-v1] .scene-focus-actions{left:.7rem;right:.7rem;bottom:.7rem;justify-content:stretch}html[data-responsive=final-v1] .scene-focus-actions button{flex:1 1 0;min-width:0;padding:0 .58rem}html[data-responsive=final-v1] .scene-card-grid{grid-template-columns:1fr!important;gap:.5rem!important;max-height:48dvh;padding-right:.15rem}html[data-responsive=final-v1] .scene-option-card{grid-template-columns:72px minmax(0,1fr) auto;min-height:5.2rem;align-items:center;gap:.6rem;padding:.5rem}html[data-responsive=final-v1] .scene-random-card,html[data-responsive=final-v1] .scene-add-card{grid-template-columns:72px minmax(0,1fr) auto;min-height:5.2rem;grid-column:auto}html[data-responsive=final-v1] .scene-option-card .option-media,html[data-responsive=final-v1] .scene-add-card .add-media{width:72px;aspect-ratio:1 / 1!important;border-radius:.6rem}html[data-responsive=final-v1] .scene-option-card .option-copy{min-width:0;padding:0}html[data-responsive=final-v1] .scene-option-card .option-copy strong,html[data-responsive=final-v1] .scene-option-card .option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-responsive=final-v1] .scene-option-card em{position:static;align-self:end;font-size:.56rem}html[data-responsive=final-v1] .experience-status-panel,html[data-responsive=final-v1] .room-summary,html[data-responsive=final-v1] .control-matrix,html[data-responsive=final-v1] .timer-presets,html[data-responsive=final-v1] .recipe-grid{grid-template-columns:1fr}html[data-responsive=final-v1] .control-module{margin-bottom:.4rem;border-radius:.8rem}html[data-responsive=final-v1] .control-module .section-title{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0}html[data-responsive=final-v1] .control-module .section-title:after{content:"›";color:#ffffff59;font-size:1.1rem}html[data-responsive=final-v1] .study-stage{min-height:calc(100dvh - 4rem)}html[data-responsive=final-v1] .study-timer{position:fixed;top:calc(.5rem + env(safe-area-inset-top));left:50%;bottom:auto;z-index:30;width:min(14rem,80dvw);transform:translate(-50%)}html[data-responsive=final-v1] .study-timer>div{padding:.6rem;border-radius:.9rem}html[data-responsive=final-v1] .study-timer strong{font-size:2rem}html[data-responsive=final-v1] .study-goal{position:fixed;left:50%;bottom:calc(5.7rem + env(safe-area-inset-bottom));width:min(100dvw - 1rem,20rem);padding-bottom:env(safe-area-inset-bottom);transform:translate(-50%)}html[data-responsive=final-v1] .study-goal label{min-height:44px;padding:.5rem .7rem;font-size:.75rem}html[data-responsive=final-v1] .study-controls-wrap{position:fixed;left:50%;bottom:calc(.4rem + env(safe-area-inset-bottom));width:min(100dvw - 1rem,22rem);flex-direction:column;gap:.4rem;padding-bottom:env(safe-area-inset-bottom);transform:translate(-50%)}html[data-responsive=final-v1] .study-controls-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.4rem;border-radius:.8rem;overflow-x:auto}html[data-responsive=final-v1] .mini-music,html[data-responsive=final-v1] .mini-volume,html[data-responsive=final-v1] .quiet-signal-panel{min-width:0}html[data-responsive=final-v1] .focus-waveform{width:min(14rem,calc(100dvw - 2rem))}html[data-responsive=final-v1] .modal-layer.centered,html[data-responsive=final-v1] .modal-layer.align-right{align-items:stretch;justify-content:stretch;padding:0}html[data-responsive=final-v1] .modal-layer.centered>section,html[data-responsive=final-v1] .modal-layer.centered>aside,html[data-responsive=final-v1] .modal-layer.align-right>aside,html[data-responsive=final-v1] .records-drawer,html[data-responsive=final-v1] .analytics-panel,html[data-responsive=final-v1] .completion-card,html[data-responsive=final-v1] .weekly-card,html[data-responsive=final-v1] .todo-drawer,html[data-responsive=final-v1] .session-modal,html[data-responsive=final-v1] .monthly-review-prompt{width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;border-radius:0}html[data-responsive=final-v1] .rank-row{min-height:2.8rem;padding:.3rem .5rem}html[data-responsive=final-v1] .rank-row .rank-name small,html[data-responsive=final-v1] .rank-row .rank-tag{display:none}html[data-responsive=final-v1] .rank-row .rank-avatar{width:1.6rem;height:1.6rem;font-size:.65rem}html[data-responsive=final-v1] .chart-card{overflow-x:auto;-webkit-overflow-scrolling:touch}html[data-responsive=final-v1] .stats-svg,html[data-responsive=final-v1] .heatmap-svg{width:100%;min-width:320px}}