.logout-control{flex-shrink:0;position:relative}.logout-button{border:1px solid var(--line);min-height:38px;color:var(--ink);letter-spacing:0;white-space:nowrap;background:var(--panel);align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.logout-button:hover,.logout-button:focus-visible{border-color:var(--comic-orange);color:var(--comic-orange)}.logout-button:disabled{opacity:.6;cursor:wait}.logout-control>p{z-index:50;border:1px solid var(--comic-orange);background:var(--panel);width:220px;color:var(--ink);letter-spacing:0;margin-top:8px;padding:12px;font-size:11px;position:absolute;top:100%;right:0}@media (max-width:600px){.workspace-tools>.sculptural-brand{display:none}.workspace-tools{gap:7px}.logout-button{gap:5px;padding:7px 9px;font-size:10px}}.sculptural-brand{flex-shrink:0;justify-content:center;align-items:center;width:58px;height:72px;display:inline-flex}.sculptural-brand img{object-fit:contain;filter:drop-shadow(0 3px 7px #e88c2244);width:100%;height:100%}.sculptural-brand-small{width:28px;height:35px}.studio-brand>.brand-caption{max-width:65px;margin:0;line-height:1.8}.emblem-object{animation:10s ease-in-out infinite object-drift;position:absolute;inset:6% 8% 12%}.chapter-emblem{filter:drop-shadow(12px 18px 13px #0007);width:100%;height:100%}@media (max-width:850px){.studio-brand .sculptural-brand{width:36px;height:43px}}.atmosphere{z-index:0}.studio-workspace{z-index:1;position:relative;overflow-x:clip}.atmosphere canvas{opacity:.9}.nebula-one{opacity:.85;filter:blur(65px);background:#c96d243d;animation-duration:12s}.nebula-two{opacity:.65;background:#aa86662e;animation-duration:16s}.atmospheric-beam{filter:blur(25px);background:linear-gradient(90deg,#0000,#ffad5220,#0000);width:45vw;height:150vh;animation:16s ease-in-out infinite alternate beam-travel;position:absolute;top:-30vh;right:10vw;transform:rotate(28deg)}.atmospheric-grid{background-image:linear-gradient(#f3a05218 1px,#0000 1px),linear-gradient(90deg,#f3a05218 1px,#0000 1px);background-size:100px 100px;animation:18s linear infinite grid-flow;position:absolute;inset:40% -50% -60%;transform:perspective(550px)rotateX(65deg);-webkit-mask-image:radial-gradient(#0008,#0000 65%);mask-image:radial-gradient(#0008,#0000 65%)}.page-enter{animation:1s cubic-bezier(.16,.75,.24,1) both chapter-arrive}.page-enter>div>section,.page-enter>div>.comic-panel,.page-enter>div>ul{animation:.85s ease-out both panel-develop}.page-enter>div>:nth-child(3){animation-delay:90ms}.page-enter>div>:nth-child(4){animation-delay:.16s}.page-enter>div>:nth-child(5){animation-delay:.22s}.route-flare{background:linear-gradient(110deg,#0000 10%,#e982242e 43%,#ffc37a48 48%,#0000 60%);place-items:center;animation:.85s ease-out both chapter-flare;display:grid}.route-flare span{font-family:var(--font-display), sans-serif;letter-spacing:.2em;color:var(--comic-orange);opacity:.7;text-transform:uppercase;font-size:clamp(28px,5vw,70px);position:absolute;top:15%;right:9%}.route-flare i{background:var(--comic-orange);transform-origin:0;height:2px;animation:.8s ease-out both chapter-progress;position:absolute;inset:0 0 auto;box-shadow:0 0 30px #ff9b26}.k-artwork{animation:11s ease-in-out infinite k-dolly}.sculpture-aura{background:radial-gradient(#ff91253b,#0000 67%)}.page-heading{isolation:isolate;align-items:center;min-height:300px;padding:52px 0 42px;display:flex;position:relative;overflow:hidden}.page-heading>div:not(.section-scene){z-index:2;max-width:67%;position:relative}.page-heading h1{max-width:800px;font-size:clamp(48px,5.5vw,86px);line-height:.95}.page-description{max-width:470px;font-size:13px}.page-heading .eyebrow{color:var(--comic-orange)}.section-scene{perspective:900px;pointer-events:none;width:39%;position:absolute;top:0;bottom:0;right:-20px}.scene-halo{background:radial-gradient(#f99a2530,#0000 66%);animation:6s ease-in-out infinite furnace-breathe;position:absolute;inset:5% -10%}.scene-object{transform-style:preserve-3d;animation:10s ease-in-out infinite object-drift;position:absolute;inset:12% 10% 16%}.scene-object>b{font-family:var(--font-display), sans-serif;color:var(--comic-orange);text-shadow:0 0 40px #ef881f55;place-items:center;font-size:100px;font-weight:400;display:grid;position:absolute;inset:0}.scene-object>i{background:linear-gradient(135deg,#494438,#161b1799 60%,#cf74263b);border:1px solid #c1844780;display:block;position:absolute;box-shadow:8px 12px 25px #0004,inset 0 1px #edc58e55}.section-scene>small{text-align:center;font:7px var(--font-comic-mono), monospace;letter-spacing:.2em;color:var(--muted);position:absolute;bottom:20px;left:15%;right:10%}.scene-reticle{opacity:.5;position:absolute;inset:30px 18px 42px}.scene-reticle span{border-color:var(--comic-orange);width:12px;height:12px;position:absolute}.scene-reticle span:first-child{border-top:1px solid;border-left:1px solid;top:0;left:0}.scene-reticle span:nth-child(2){border-top:1px solid;border-right:1px solid;top:0;right:0}.scene-reticle span:nth-child(3){border-bottom:1px solid;border-left:1px solid;bottom:0;left:0}.scene-reticle span:nth-child(4){border-bottom:1px solid;border-right:1px solid;bottom:0;right:0}.scene-chronograph .scene-object>i{inset:calc(5% + var(--i) * 2.4%);transform:rotateX(45deg) rotateY(-15deg) translateZ(calc(var(--i) * 9px));animation:18s linear infinite orbit-precess;animation-delay:calc(var(--i) * -.7s);background:0 0;border-top-color:#f7a146;border-radius:50%}.scene-ritual .scene-object>i{width:15%;height:70%;left:calc(var(--i) * 9%);animation:4s ease-in-out infinite alternate ritual-rise;animation-delay:calc(var(--i) * -.3s);border-radius:50%;top:15%;transform:rotate(-30deg)}.scene-ritual .scene-object>b,.scene-summit .scene-object>b,.scene-atlas .scene-object>b,.scene-signal .scene-object>b{display:none}.scene-summit .scene-object>i{width:28%;height:calc(20% + var(--i) * 7%);bottom:5%;left:calc(var(--i) * 8%);animation:6s ease-in-out infinite alternate summit-rise;animation-delay:calc(var(--i) * -.5s);border-top:3px solid #ffbd70;transform:skewY(-25deg)}.scene-atlas .scene-object>i{width:70%;height:54%;left:15%;top:calc(5% + var(--i) * 4%);animation:5s ease-in-out infinite alternate atlas-float;animation-delay:calc(var(--i) * -.3s);background:linear-gradient(140deg,#374033dd,#111712bb);transform:rotateX(55deg)rotate(-30deg)}.scene-arcade .scene-object{transform:rotateY(-20deg)rotateX(8deg)}.scene-arcade .scene-object>b{z-index:3;text-shadow:4px 4px #68361a,0 0 50px #f89047}.scene-arcade .scene-object>i{inset:calc(var(--i) * 3%);transform:translateZ(calc(var(--i) * -18px));animation:5s ease-in-out infinite arcade-pulse;animation-delay:calc(var(--i) * -.3s);border:2px solid #fca13fa0}.scene-signal .scene-object>i{width:7%;height:calc(18% + var(--i) * 8%);bottom:10%;left:calc(3% + var(--i) * 11%);transform-origin:bottom;animation:2s ease-in-out infinite alternate signal-rise;animation-delay:calc(var(--i) * -.23s);background:linear-gradient(#e8ac61,#935026 20%,#252d23);border-radius:3px}.scene-medal .scene-object>i{inset:calc(var(--i) * 3%);transform:translateZ(calc(var(--i) * 8px));background:linear-gradient(145deg,#544e3e88,#10171288);border-color:#daa966;border-radius:50%}.scene-medal .scene-object>b{z-index:3;transform:translateZ(90px)}.section-caption{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.section-caption>span{font:10px var(--font-comic-mono), monospace;letter-spacing:.12em;color:var(--comic-orange)}.section-caption p{color:var(--muted);font-size:11px}.segmented-control{border:1px solid var(--line);gap:4px;padding:4px;display:flex}.segmented-control button{text-transform:capitalize;color:var(--muted);padding:8px 13px;font-size:11px}.segmented-control button[aria-pressed=true]{background:var(--comic-orange);color:var(--paper)}.focus-cinema{margin:0 -38px}.focus-theatre{min-height:790px;position:relative;overflow:hidden}.focus-hero-copy{z-index:2;pointer-events:none;width:65%;padding:50px 38px 0;position:relative}.focus-hero-copy h1{font:600 clamp(76px, 7.7vw, 123px)/.9 var(--font-display), sans-serif;letter-spacing:-.025em;margin:23px 0}.focus-hero-copy h1 em{color:var(--comic-orange);font-style:normal}.focus-hero-copy>p:last-child{color:var(--muted);font-size:13px;line-height:1.8}.focus-monument{position:absolute;inset:-10px -40px 160px 43%}.focus-monument>span{font:7px var(--font-comic-mono), monospace;letter-spacing:.22em;color:var(--muted);position:absolute;bottom:0;right:15%}.focus-monument .k-camera{inset:2% 2% 6%}.focus-console{z-index:3;background:linear-gradient(115deg, color-mix(in srgb, var(--paper) 94%, transparent), color-mix(in srgb, var(--panel) 78%, transparent));border:1px solid var(--line);border-left:2px solid var(--comic-orange);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:62%;margin:38px 38px 32px;padding:23px 30px;position:relative;box-shadow:0 25px 70px #0002}.console-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.console-heading .eyebrow{align-items:center;gap:8px;font-size:8px;display:flex}.status-light{background:var(--comic-orange);width:5px;height:5px;box-shadow:0 0 12px var(--comic-orange);border-radius:50%}.console-code{font:7px var(--font-comic-mono), monospace;color:var(--muted)}.console-clock{align-items:center;gap:24px;display:flex}.console-clock>strong{font:400 clamp(65px, 7vw, 107px)/1.2 var(--font-display), sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums}.clock-signal{flex:1;justify-content:flex-end;align-items:center;gap:3px;height:55px;display:flex;overflow:hidden}.clock-signal i{background:var(--comic-orange);opacity:.6;width:2px;height:45%;animation:1.8s ease-in-out infinite alternate signal-rise}.focus-console[data-status=idle] .clock-signal i{height:15%;animation-duration:4s}.console-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px;display:flex}.console-actions .primary-action{gap:25px}.console-actions input{width:100%;padding:12px}.console-actions button:disabled{opacity:.5;cursor:wait}.console-subject{color:var(--muted);margin:0 0 12px;font-size:12px}.timer-notice{color:var(--comic-orange);margin-top:14px;font-size:12px;line-height:1.7}.timer-notice button{text-decoration:underline}.focus-modes,.focus-journey,.focus-metrics,.focus-log{margin:0 38px 32px}.mode-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mode-tile{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent);min-height:186px;padding:22px;transition:border-color .3s,transform .3s,background .3s;position:relative}.mode-tile:not(:disabled):hover{border-color:var(--comic-orange);transform:translateY(-5px)}.mode-tile[aria-pressed=true]{background:linear-gradient(135deg, var(--accent-soft), transparent);border-color:var(--comic-orange)}.mode-name{align-items:center;gap:10px;font-size:12px;display:flex}.mode-name svg{width:15px;color:var(--comic-orange)}.mode-name i{border:1px solid var(--muted);border-radius:50%;width:9px;height:9px;margin-left:auto}[aria-pressed=true] .mode-name i{background:var(--comic-orange);border-color:var(--comic-orange);box-shadow:0 0 15px #f79b2644}.mode-tile>strong{font:400 58px var(--font-display), sans-serif;align-items:baseline;gap:9px;margin:6px 0;display:flex}.mode-tile small{font:8px var(--font-comic-mono), monospace;color:var(--muted)}.mode-tile p{color:var(--muted);font-size:10px;line-height:1.6}.journey-track{padding:15px 0;display:flex}.journey-track>div{min-width:0;font:9px var(--font-comic-mono), monospace;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:15px;display:flex;position:relative}.journey-track>div:before{content:"";background:var(--line);width:100%;height:1px;position:absolute;top:32px;left:50%}.journey-track>div:last-child:before{display:none}.journey-track i{background:var(--panel);border:1px solid var(--muted);border-radius:50%;width:7px;height:7px;position:relative}.journey-track .is-current i{background:var(--comic-orange);border-color:var(--comic-orange);box-shadow:0 0 0 5px var(--accent-soft), 0 0 25px var(--comic-orange)}.journey-track .is-complete i{background:var(--muted)}.journey-note{color:var(--muted);margin:15px 0;font-size:11px;line-height:1.8}.focus-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.focus-metric-grid>div>span{text-transform:uppercase;font:9px var(--font-comic-mono), monospace;letter-spacing:.12em;color:var(--muted)}.focus-metric-grid strong{font:400 54px var(--font-display), sans-serif;margin:8px 0 15px;display:block}.metric-rule{background:linear-gradient(90deg, var(--comic-orange), var(--line) 70%);height:2px}.focus-log-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 0;font-size:11px;display:flex}.focus-log-row svg{width:14px;color:var(--comic-orange);flex-shrink:0}.focus-log-row strong{overflow-wrap:anywhere;flex:1;font-weight:400}.focus-log-row time{color:var(--muted)}.focus-log-row>span{font-family:var(--font-display), sans-serif;font-size:24px}.studio-main .comic-panel{background:color-mix(in srgb, var(--panel) 80%, transparent)}.chapter-composer{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 65%, transparent)}.chapter-composer>summary{cursor:pointer;font:500 22px var(--font-display), sans-serif;letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:20px 24px;list-style:none;display:flex}.chapter-composer>summary:after{content:"+";color:var(--comic-orange);font-size:28px}.chapter-composer[open]>summary:after{content:"-"}.chapter-composer>form{border:0;border-top:1px solid var(--line);background:0 0}.chapter-composer[open]>form{animation:.35s ease-out panel-develop}.chapter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.chapter-search{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);flex:1;min-width:180px;max-width:360px;padding:13px 16px;font-size:12px}.chapter-tally{border-bottom:1px solid var(--line);gap:30px;padding:20px 0;display:flex}.chapter-tally>span{color:var(--muted);font:8px var(--font-comic-mono), monospace;text-transform:uppercase;flex-direction:column;gap:4px;display:flex}.chapter-tally strong{color:var(--ink);font:400 40px var(--font-display), sans-serif}.page-goals>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.page-goals>ul>li{border-top:0;border-left:2px solid var(--comic-orange);background-image:linear-gradient(145deg,#e3982110,#0000);margin:0;position:relative;padding:27px!important}.page-goals>ul>li .font-heading.text-xl{font-family:var(--font-display), sans-serif;font-size:35px;line-height:1.05}.page-goals>ul>li>ul{padding:16px 0}.page-goals>ul>li>ul>li{border-bottom:1px solid var(--line);padding:8px 0}.page-goals>ul>li input{min-width:0}.page-habits .habit-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.page-habits .habit-collection>li{border:1px solid var(--line);flex-wrap:wrap;min-height:140px;padding:22px;position:relative;overflow:hidden}.habit-collection>li>div>p:first-child{font:500 27px var(--font-display), sans-serif}.habit-week{gap:5px;width:100%;display:flex}.habit-week span{background:var(--line);flex:1;height:4px}.habit-week .done{background:var(--comic-orange);box-shadow:0 0 12px #ff942744}.chapter-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex;gap:0!important}.chapter-tabs>button{font:500 19px var(--font-display), sans-serif;text-transform:uppercase;letter-spacing:.04em;border:0;border-bottom:2px solid #0000;border-radius:0;padding:15px 20px;color:var(--muted)!important;background:0 0!important}.chapter-tabs>button[aria-pressed=true]{border-bottom-color:var(--comic-orange);color:var(--comic-orange)!important;background:linear-gradient(transparent, var(--accent-soft))!important}.week-grid{border-top:2px solid var(--comic-orange);min-height:370px}.week-day-heading{padding:20px 8px}.week-day-heading strong{place-items:center;width:52px;height:52px;font-size:44px;line-height:1;display:grid}.week-event{border-left:2px solid var(--comic-orange);padding:12px 8px;transition:transform .3s}.week-event:hover{transform:translateY(-3px)}.week-grid.agenda-view{flex-direction:column;min-height:0;display:flex}.agenda-view .week-day{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;min-height:95px;display:grid}.agenda-view .week-day>.space-y-2{padding:15px}.agenda-view .week-empty{padding:20px 0}.task-column{border-top:2px solid var(--comic-orange);min-height:240px}.page-topics .topic-lane{background-image:radial-gradient(var(--line) .7px, transparent .7px);border-left:2px solid var(--comic-orange);background-size:18px 18px;padding:24px}.topic-lane svg path{stroke-dasharray:8 4;animation:16s linear infinite knowledge-flow}.page-analytics .analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-analytics .analytics-grid>:first-child,.page-analytics .analytics-grid>:last-child{grid-column:span 2}.page-analytics .analytics-grid>section{border-top:2px solid var(--comic-orange);padding:28px!important}.page-analytics .analytics-grid h2{margin-bottom:25px}.page-trophies>.comic-panel{background:radial-gradient(at top,#ac6d1720,#0000 70%);padding:30px}.page-trophies .grid-cols-4>div{flex-direction:column;justify-content:center;gap:13px;min-height:140px;display:flex;background:0 0!important}.page-trophies .grid-cols-4 .text-3xl{filter:drop-shadow(0 8px 10px #c7882933);font-size:44px;animation:6s ease-in-out infinite alternate trophy-float}.page-trophies ul>li{border-left:2px solid var(--comic-orange);min-height:105px}.page-social>.grid>div{background-image:radial-gradient(at 50% 20%,#f0921b18,#0000 65%);min-height:275px;padding:35px;position:relative;overflow:hidden}.page-social>.grid>div:before{content:"";border:1px solid var(--line);border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:-70px;box-shadow:0 0 0 22px #b3771710,0 0 0 44px #b3771708}.page-social>.grid .font-heading{text-transform:uppercase;font-size:42px}.page-social>.comic-panel>.font-heading{font-size:95px}.page-points>.grid{border:1px solid var(--line);grid-template-columns:1.5fr repeat(3,1fr);gap:0}.page-points>.grid>div{border:0;border-right:1px solid var(--line);background:0 0;padding:25px}.page-points>.grid>div:first-child{background:linear-gradient(135deg,var(--accent-soft),transparent)}.page-points>.grid .font-heading{font:400 52px var(--font-display),sans-serif}.points-ledger{border:0;background:0 0!important}.points-ledger>div{border-bottom:1px solid var(--line);padding:22px 16px;transition:background .25s}.points-ledger>div:hover{background:var(--soft)}.points-ledger .font-heading{font:400 32px var(--font-display),sans-serif}.page-game{padding-bottom:30px}.page-game>.flex:first-child{border-bottom:1px solid var(--line);padding:36px 0}.page-game>.comic-panel{border-top:2px solid var(--comic-orange);background-image:radial-gradient(at 50% 0,#f395261a,#0000 70%)}.arcade-feature{border:1px solid var(--line);background:linear-gradient(120deg, var(--accent-soft), transparent);grid-template-columns:1.2fr 1fr;min-height:215px;display:grid}.arcade-feature-copy{padding:28px}.arcade-feature h2{font:500 44px/.95 var(--font-display), sans-serif;text-transform:uppercase;margin:12px 0}.arcade-feature p{color:var(--muted);margin-bottom:18px;font-size:12px}.arcade-feature>.arcade-feature-art{border-left:1px solid var(--line);background-image:linear-gradient(#fa9a2320 1px,#0000 1px),linear-gradient(90deg,#fa9a2320 1px,#0000 1px);background-size:30px 30px;place-items:center;display:grid;position:relative;overflow:hidden}.arcade-feature-art>span{filter:drop-shadow(12px 18px 12px #0008);font-size:90px;animation:5s ease-in-out infinite alternate trophy-float}.arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.arcade-card{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 75%,transparent);flex-direction:column;align-items:flex-start;min-height:224px;padding:20px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.arcade-card:hover{border-color:var(--comic-orange);transform:perspective(900px)translateY(-7px)rotateX(3deg);box-shadow:0 20px 35px #0004}.arcade-card:before{content:"";background:radial-gradient(at 70% 20%,#dd8e2930,#0000 70%),repeating-linear-gradient(45deg,#0000 0 20px,#f3a73408 20px 21px);position:absolute;inset:0 0 38%}.arcade-card[data-difficulty=hard]:before{background-color:#e85b170d}.arcade-card>*{position:relative}.arcade-card .game-art{filter:drop-shadow(5px 8px 8px #0006);margin:8px 0 25px;font-size:50px;transition:transform .4s;display:block}.arcade-card:hover .game-art{transform:scale(1.18)rotate(-8deg)}.arcade-card .game-art svg{width:100px;height:80px;color:var(--comic-orange)}.arcade-feature-art svg{width:190px;height:160px;color:var(--comic-orange)}.arcade-card h3{font:500 29px/.95 var(--font-display), sans-serif;text-transform:uppercase;margin:0 0 14px}.arcade-card .game-card-meta{font:8px var(--font-comic-mono),monospace;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:10px;display:flex}.game-card-meta .game-reward{color:var(--comic-orange)}.arcade-card .game-card-footer{width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;font-size:10px;display:flex}.arcade-card .game-card-footer b{color:var(--comic-orange);font-size:21px}.arcade-card.is-locked{opacity:.55}.arcade-card.is-locked:hover{transform:none}.arcade-rules{border-bottom:1px solid var(--line);color:var(--muted);padding:12px 0;font-size:12px}.arcade-rules summary{cursor:pointer;color:var(--comic-orange);padding:8px 0}.arcade-rules p{padding:12px 0;line-height:1.8}.studio-announcement:not(:has(details[open])){width:auto;padding:10px 12px}.studio-announcement:not(:has(details[open])) summary>span:first-of-type{display:none}.studio-announcement:has(details[open]){max-width:calc(100vw - 28px)}:root[data-theme=light] .scene-object>i{background-color:#777b6355}:root[data-theme=light] .section-scene{opacity:.8}:root[data-theme=light] .nebula{opacity:.35}@keyframes chapter-arrive{0%{opacity:.1;filter:blur(4px);transform:perspective(1600px)translate3d(30px,20px,-120px)rotateY(-3deg)}55%{opacity:1;filter:none;transform:scale(1.012)translate(-5px)}70%{transform:translate(3px)rotate(.09deg)}85%{transform:translate(-1px)}to{opacity:1;transform:none}}@keyframes chapter-flare{0%{opacity:0;transform:translate(-30%)}20%{opacity:1}to{opacity:0;visibility:hidden;transform:translate(25%)}}@keyframes chapter-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes panel-develop{0%{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes k-dolly{0%,to{transform:translateY(5px)scale(.95)rotate(-1.5deg)}45%{transform:translateY(-16px)scale(1.075)rotate(1.5deg)}75%{transform:translateY(-3px)scale(1.01)rotate(-.5deg)}}@keyframes beam-travel{to{opacity:.35;transform:translate(-30vw)rotate(-12deg)}}@keyframes grid-flow{to{background-position:0 100px}}@keyframes object-drift{0%,to{transform:rotateY(-20deg)rotateX(8deg)translateY(7px)}50%{transform:rotateY(15deg)rotateX(-5deg)translateY(-12px)}}@keyframes orbit-precess{to{transform:rotateX(55deg) rotateY(-15deg) rotateZ(360deg) translateZ(calc(var(--i) * 9px))}}@keyframes ritual-rise{to{transform:rotate(-18deg)translateY(-20px)scaleY(.75)}}@keyframes summit-rise{to{transform:skewY(-25deg)translateY(-12px)}}@keyframes atlas-float{to{transform:rotateX(55deg)rotate(-20deg)translateZ(25px)}}@keyframes arcade-pulse{50%{transform:translateZ(calc(var(--i) * -10px)) rotateZ(5deg);border-color:#ffb566;box-shadow:0 0 15px #ff9c2433}}@keyframes signal-rise{to{opacity:.45;transform:scaleY(.25)}}@keyframes trophy-float{to{transform:translateY(-10px)rotate(6deg)scale(1.08)}}@keyframes knowledge-flow{to{stroke-dashoffset:-120px}}@media (max-width:1150px){.focus-cinema{margin:0 -28px}.focus-hero-copy{padding-left:28px}.focus-console{width:66%;margin-left:28px}.focus-modes,.focus-journey,.focus-metrics,.focus-log{margin-left:28px;margin-right:28px}.focus-theatre{min-height:740px}.console-clock>strong{font-size:80px}.mode-tile{padding:17px}.arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.page-heading{min-height:265px}.page-heading h1{font-size:65px}.page-goals>ul{grid-template-columns:1fr}.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-analytics .analytics-grid{grid-template-columns:1fr}.page-analytics .analytics-grid>:first-child,.page-analytics .analytics-grid>:last-child{grid-column:auto}}@media (max-width:600px){.page-heading{align-items:flex-start;min-height:290px;padding:34px 0 25px}.page-heading>div:not(.section-scene){max-width:88%}.page-heading h1{max-width:310px;font-size:55px}.page-description{max-width:240px;font-size:12px}.section-scene{opacity:.35;z-index:-1;width:170px;height:210px;top:auto;bottom:-15px;right:-35px}.section-scene>small,.scene-reticle{display:none}.scene-object>b{font-size:60px}.focus-cinema{margin:0 -18px}.focus-theatre{min-height:0;padding-bottom:5px}.focus-hero-copy{width:100%;padding:34px 22px 0}.focus-hero-copy h1{margin:20px 0;font-size:clamp(67px,18.5vw,97px)}.focus-hero-copy>p:last-child{font-size:12px}.focus-monument{height:340px;margin:-10px 20px -28px;position:relative;inset:auto}.focus-monument>span{font-size:6px;bottom:18px;right:15%}.focus-console{width:auto;margin:0 18px 20px;padding:20px}.console-code{display:none}.console-clock>strong{font-size:75px}.console-actions .primary-action{justify-content:space-between;width:100%}.console-actions .text-action{min-height:35px}.focus-modes,.focus-journey,.focus-metrics,.focus-log{margin-left:20px;margin-right:20px}.section-caption{flex-direction:column;align-items:flex-start;gap:9px;padding:20px 0}.section-caption>span{font-size:9px}.mode-deck{grid-template-columns:1fr;gap:10px}.mode-tile{grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:0;padding:17px;display:grid}.mode-tile>strong{grid-area:span 2/2;margin:0;font-size:39px}.mode-tile p{grid-area:2/1}.mode-name i{display:none}.mode-tile small{font-size:7px}.journey-track{padding:15px 5px;overflow-x:auto}.journey-track>div{min-width:32px}.focus-metric-grid{gap:14px}.focus-metric-grid strong{font-size:31px}.focus-metric-grid>div>span{font-size:7px}.focus-log-row{flex-wrap:wrap;gap:10px}.focus-log-row time{display:none}.page-habits .habit-collection{grid-template-columns:1fr}.chapter-tabs>button{padding:12px;font-size:17px}.arcade-card{min-height:210px;padding:16px}.arcade-card h3{font-size:24px}.arcade-card .game-art{font-size:43px}.arcade-grid{gap:10px}.arcade-feature{grid-template-columns:1fr .55fr;min-height:200px}.arcade-feature-copy{padding:22px}.arcade-feature h2{font-size:34px}.arcade-feature-art>span{font-size:60px}.chapter-toolbar{align-items:stretch}.chapter-search{width:100%;max-width:none}.agenda-view .week-day{grid-template-columns:75px 1fr}.page-trophies .grid-cols-4>div{padding:12px 5px}.page-trophies .grid-cols-4 .text-3xl{font-size:30px}.page-goals>ul>li{padding:18px!important}.chapter-tally{gap:22px}.chapter-tally strong{font-size:32px}.chapter-tally>span{font-size:7px}.page-points>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-points>.grid>div{border-bottom:1px solid var(--line);padding:20px}.page-points>.grid .font-heading{font-size:38px}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition:none!important;animation:none!important}:root[data-motion=off] .route-flare{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.route-flare{display:none}}
.beta-badge{border:1px solid var(--comic-orange);color:var(--comic-orange);font:500 10px var(--font-comic-mono), monospace;letter-spacing:.14em;vertical-align:middle;align-items:center;padding:5px 9px;display:inline-flex}.login-form .beta-note{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.6}.login-form .eyebrow{flex-wrap:wrap}.login-demo{border-top:1px solid var(--line);padding-top:20px}.demo-entry{border:1px solid var(--comic-orange);color:var(--ink);font-family:var(--font-display), sans-serif;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:16px 20px;font-size:23px;display:flex}.demo-entry:hover{background:var(--accent-soft)}.login-demo p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.demo-shell{max-width:1700px;margin:auto;padding:0 38px;overflow-x:clip}.demo-topbar,.demo-notice,.demo-nav,.demo-main{z-index:1;position:relative}.demo-topbar{border-bottom:1px solid var(--line);min-height:80px;font:10px var(--font-comic-mono), monospace;letter-spacing:.1em;align-items:center;gap:15px;display:flex}.demo-topbar>div{align-items:center;gap:18px;margin-left:auto;display:flex}.demo-exit{border:1px solid var(--line);white-space:nowrap;padding:12px}.demo-notice{color:var(--muted);align-items:center;gap:20px;padding:16px 0;font-size:12px;line-height:1.6;display:flex}.demo-notice strong{color:var(--comic-orange);flex-shrink:0}.demo-nav,.demo-views{border-block:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:9px 0;display:flex}.demo-nav a,.demo-views button{color:var(--muted);border-bottom:2px solid #0000;padding:10px 14px;font-size:12px}.demo-nav a[aria-current],.demo-views button[aria-pressed=true]{color:var(--comic-orange);border-bottom-color:var(--comic-orange);background:var(--accent-soft)}.demo-main{padding-bottom:50px}.demo-hero{min-height:550px}.demo-chapter{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:30px 0;display:grid}.demo-chapter h1{font:500 clamp(42px, 5.5vw, 88px)/.98 var(--font-display), sans-serif;margin:18px 0}.demo-chapter p:not(.eyebrow){color:var(--muted);max-width:500px;font-size:14px;line-height:1.8}.demo-chapter .section-scene{z-index:0;opacity:1;width:100%;height:290px;min-height:0;position:relative;inset:auto;overflow:hidden}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px;margin:24px 0;display:grid}.demo-empty{flex-direction:column;justify-content:center;align-items:flex-start;min-height:225px;margin-block:24px;display:flex}.demo-empty h2,.demo-game h2,.demo-chart h2{font:500 32px/1.1 var(--font-display), sans-serif;margin:15px 0}.demo-empty p:not(.eyebrow),.demo-game p:not(.eyebrow),.demo-chart p{color:var(--muted);max-width:650px;font-size:13px;line-height:1.8}.demo-shell button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.demo-empty button,.demo-game button{margin-top:22px}.demo-empty button span{font-size:10px}.demo-focus{text-align:center;isolation:isolate;flex-direction:column;align-items:center;margin-top:24px;padding:55px 18px;display:flex;position:relative;overflow:hidden}.demo-focus h2{font:400 clamp(65px, 10vw, 130px)/1.2 var(--font-display), sans-serif;font-variant-numeric:tabular-nums}.demo-focus p,.demo-focus small{color:var(--muted)}.demo-focus button{margin:24px 0}.demo-timer-orbit{border:1px solid var(--line);border-top-color:var(--comic-orange);z-index:-1;border-radius:50%;width:360px;max-width:90vw;height:360px;animation:18s linear infinite demo-orbit;position:absolute;top:20px;box-shadow:0 0 60px #f7932c0c,inset 0 0 55px #f7932c0a}.demo-calendar{border:1px solid var(--line);grid-template-columns:repeat(7,1fr);margin-top:24px;display:grid}.demo-calendar>div{border-right:1px solid var(--line);text-align:center;min-width:0}.demo-calendar span{font:10px var(--font-comic-mono), monospace;color:var(--muted);padding:15px 2px;display:block}.demo-calendar i{border-top:1px solid var(--line);height:50px;display:block}.demo-game-art{perspective:700px;justify-content:center;align-items:center;gap:12px;height:150px;display:flex}.demo-game-art svg{width:160px;height:120px;color:var(--comic-orange);animation:4s ease-in-out infinite alternate demo-float}.demo-game-art i{border:1px solid var(--comic-orange);background:linear-gradient(135deg, var(--accent-soft), transparent);width:35px;height:55px;animation:4s ease-in-out infinite alternate demo-float}.demo-game-art i:nth-child(2n){animation-delay:-2s}.demo-game-art-1 i{border-radius:50%;width:40px;height:40px}.demo-game-art-2 i{transform:rotate(45deg)}.demo-chart{margin-top:24px}.demo-chart>div{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg, transparent 0 39px, var(--line) 40px);height:175px;display:flex}.demo-chart>div>span{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;display:flex}.demo-chart i{background:var(--comic-orange);width:20%;height:2px;margin:0 auto 12px}.demo-chart p{margin-top:20px}.demo-view-enter{animation:.45s ease-out both demo-reveal}@keyframes demo-orbit{to{transform:rotate(360deg)}}@keyframes demo-float{to{translate:0 -18px;rotate:y 35deg}}@keyframes demo-reveal{0%{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}:root[data-motion=off] .demo-shell *,:root[data-motion=off] .demo-shell :before,:root[data-motion=off] .demo-shell :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.demo-shell *,.demo-shell :before,.demo-shell :after{transition:none!important;animation:none!important}}@media (max-width:700px){.demo-shell{padding:0 16px}.demo-topbar{gap:8px}.demo-topbar>span{display:none}.demo-topbar>div{gap:8px}.demo-notice{flex-direction:column;align-items:flex-start;gap:4px}.demo-nav a,.demo-views button{padding:9px;font-size:11px}.demo-chapter{grid-template-columns:1fr;gap:10px}.demo-chapter .section-scene{height:220px}.demo-hero{min-height:700px}.demo-hero .hero-copy{min-width:0;padding:34px 0 0}.demo-hero .hero-copy>*{max-width:100%}.demo-hero .hero-copy h1{font-size:clamp(56px,18vw,90px)}.demo-hero .hero-copy .eyebrow{white-space:normal}.demo-hero .hero-scene{top:355px}.demo-shell .dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-shell .studio-stat{min-width:0;padding:18px 8px}.demo-shell .stat-label,.demo-shell .stat-note{letter-spacing:.04em;font-size:8px}.demo-shell .dashboard-panel{padding:24px 18px}}
:root{--ease-out:cubic-bezier(.22, .78, .3, 1);--ease-spring:cubic-bezier(.34, 1.32, .48, 1);--press:cubic-bezier(.3, 0, .2, 1);--ring:0 0 0 2px var(--paper), 0 0 0 4px var(--comic-orange);--header-h:108px;--on-accent:#fff8f0}:root[data-theme=dark]{--on-accent:#18120a}.studio-nav,.section-nav,.workspace-bar,.motion-toggle{display:none!important}.studio-workspace{margin-left:0!important;margin-right:0!important}.studio-main{padding-top:0}.app-header{z-index:30;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);position:sticky;top:0}.app-bar{align-items:center;gap:18px;max-width:1500px;min-height:60px;margin:0 auto;padding:0 38px;display:flex}.app-brand{color:var(--ink);flex-shrink:0;align-items:center;gap:11px;display:flex}.app-brand>span{line-height:1.15;font-family:var(--font-display), sans-serif;letter-spacing:.1em;flex-direction:column;font-size:19px;font-weight:500;display:flex}.app-brand small{font-family:var(--font-comic-mono), monospace;letter-spacing:.22em;color:var(--muted);font-size:7px;font-weight:400}.app-brand .sculptural-brand{transition:transform .4s var(--ease-spring)}.app-brand:hover .sculptural-brand{transform:translateY(-2px)rotate(-4deg)scale(1.06)}.app-bar-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.app-chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;transition:color .2s, border-color .2s, background-color .2s, transform .18s var(--ease-out);border-radius:3px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;display:flex}.app-chip svg{color:var(--comic-orange)}.app-chip b{color:var(--ink);font-family:var(--font-display), sans-serif;letter-spacing:.03em;font-size:15px;font-weight:500}.app-chip:hover{border-color:var(--comic-orange);background:var(--accent-soft);color:var(--ink);transform:translateY(-2px)}.app-chip:active{transition-duration:80ms;transform:translateY(0)scale(.97)}.app-nav{scrollbar-width:none;align-items:stretch;gap:2px;max-width:1500px;margin:0 auto;padding:0 38px;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav-link{color:var(--muted);white-space:nowrap;transition:color .22s var(--ease-out);align-items:center;gap:8px;padding:13px 14px 12px;font-size:12px;display:flex;position:relative}.app-nav-link svg{opacity:.65;transition:opacity .22s, transform .3s var(--ease-spring)}.app-nav-link>i{background:var(--comic-orange);transform-origin:50%;height:2px;transition:transform .32s var(--ease-spring);position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}.app-nav-link:hover{color:var(--ink)}.app-nav-link:hover svg{opacity:1;transform:translateY(-2px)}.app-nav-link:hover>i{background:var(--muted);transform:scaleX(.55)}.app-nav-link.is-active{color:var(--comic-orange)}.app-nav-link.is-active svg{opacity:1}.app-nav-link.is-active>i,.app-nav-link.is-active:hover>i{background:var(--comic-orange);transform:scaleX(1)}.app-nav-link:active{transition-duration:80ms;transform:scale(.97)}.app-menu-button,.app-more-tab,.app-logout-tab{display:none}.app-logout-error{color:var(--comic-orange);margin:6px 28px 0;font-size:11px}.app-breadcrumb{max-width:1500px;color:var(--muted);font-family:var(--font-comic-mono), monospace;letter-spacing:.16em;margin:0 auto;padding:18px 38px 0;font-size:8px}.app-breadcrumb span{color:var(--comic-orange);margin:0 8px}.app-breadcrumb strong{color:var(--ink);font-weight:400}.settings-menu{flex-shrink:0;position:relative}.settings-trigger{border:1px solid var(--line);background:var(--panel);color:var(--ink);transition:border-color .2s, background-color .2s, transform .18s var(--ease-out);border-radius:3px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.settings-trigger:hover{border-color:var(--comic-orange);background:var(--accent-soft);transform:translateY(-2px)}.settings-trigger:active{transition-duration:80ms;transform:translateY(0)scale(.97)}.settings-trigger svg:first-child{color:var(--comic-orange)}.settings-panel{z-index:60;border:1px solid var(--line);background:var(--panel);width:268px;animation:menu-open .26s var(--ease-out) both;border-radius:4px;padding:18px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px -20px #0009}.settings-title{font-family:var(--font-display), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:15px;font-size:17px}.settings-row{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.settings-label{color:var(--muted);font-size:11px}.settings-note{color:var(--muted);margin-top:-6px;margin-bottom:14px;font-size:10px;line-height:1.6}.settings-error{color:var(--comic-orange)}.option-group{border:1px solid var(--line);border-radius:3px;gap:4px;padding:3px;display:flex}.option-group button{color:var(--muted);transition:background-color .2s, color .2s, transform .12s var(--press);border-radius:2px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:11px;display:flex}.option-group button:hover:not(:disabled){color:var(--ink);background:var(--soft)}.option-group button:active:not(:disabled){transform:scale(.94)}.option-group button[aria-pressed=true]{background:var(--comic-orange);color:var(--on-accent)}.option-group button:disabled{opacity:.45;cursor:not-allowed}.settings-logout{border:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .2s, color .2s, background-color .2s, transform .12s var(--press);border-radius:3px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:11px;font-size:12px;display:flex}.settings-logout:hover:not(:disabled){border-color:var(--comic-orange);color:var(--comic-orange);background:var(--accent-soft)}.settings-logout:active:not(:disabled){transform:scale(.97)}.settings-logout:disabled{opacity:.6;cursor:wait}@keyframes menu-open{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}.page-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;min-height:0;margin-bottom:22px;padding:20px 0;display:flex;position:relative}.page-heading h1{margin-top:9px;font-size:clamp(30px,3.4vw,50px)}.page-description{max-width:560px;margin-top:8px;font-size:12px;line-height:1.7}.page-heading-action{flex-shrink:0;align-items:center;gap:12px;padding-bottom:4px;display:flex}.page-heading .section-scene{opacity:.5;pointer-events:none;width:300px;position:absolute;inset:-6px 0 -6px auto}.not-found-studio .page-heading{padding-top:12px}.tab-bar{scrollbar-width:none;border-bottom:1px solid var(--line);flex-wrap:nowrap;gap:0;margin-bottom:20px;display:flex;position:relative;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-button{color:var(--muted);font-family:var(--font-display), sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:color .22s var(--ease-out), background-color .22s, transform .12s var(--press);background:0 0;border:0;padding:13px 18px;font-size:17px;font-weight:500;position:relative}.tab-button:hover{color:var(--ink);background:color-mix(in srgb, var(--soft) 45%, transparent)}.tab-button:active{transform:scale(.96)}.tab-button[aria-selected=true]{color:var(--comic-orange)}.tab-marker{background:var(--comic-orange);height:2px;box-shadow:0 0 14px -1px var(--comic-orange);transition:transform .4s var(--ease-spring), width .4s var(--ease-spring);pointer-events:none;position:absolute;bottom:-1px;left:0}.tab-panel{animation:panel-enter .42s var(--ease-out) both;outline:none}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.segmented{border:1px solid var(--line);border-radius:3px;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);text-transform:capitalize;transition:background-color .2s, color .2s, transform .12s var(--press);border-radius:2px;padding:8px 14px;font-size:11px}.segmented button:hover{color:var(--ink);background:var(--soft)}.segmented button:active{transform:scale(.94)}.segmented button[aria-pressed=true]{background:var(--comic-orange);color:var(--on-accent)}.add-button{gap:12px;min-height:44px;padding:13px 20px;font-size:15px}.add-button svg{transition:transform .3s var(--ease-spring)}.add-button[aria-expanded=true] svg{transform:rotate(90deg)}.composer{border:1px solid var(--comic-orange);background:color-mix(in srgb, var(--panel) 80%, transparent);animation:composer-open .34s var(--ease-out) both;border-radius:4px;margin-bottom:22px;padding:22px 24px}.composer-title{font-family:var(--font-display), sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--comic-orange);margin-bottom:16px;font-size:19px}.composer form{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}@keyframes composer-open{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.chapter-toolbar{margin-bottom:20px}.chapter-search{border-radius:3px;transition:border-color .2s,box-shadow .25s}.chapter-search:focus{border-color:var(--comic-orange);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.comic-btn,.primary-action,.icon-button,.demo-exit,.logout-button{transition:transform .18s var(--ease-out), background-color .2s, border-color .2s, color .2s, box-shadow .28s}.comic-btn:active:not(:disabled),.primary-action:active,.icon-button:active,.demo-exit:active{transition-duration:80ms;transform:scale(.96)!important}.primary-action:hover,.icon-button:hover{transform:translateY(-2px)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{box-shadow:var(--ring);border-radius:3px;outline:none}.tab-button:focus-visible,.app-nav-link:focus-visible{box-shadow:inset var(--ring)}.habit-collection>li,.page-goals>ul>li,.demo-grid>*,.page-minigames .grid>a{animation:card-rise .5s var(--ease-out) both}.habit-collection>li:first-child,.page-goals>ul>li:first-child,.page-minigames .grid>a:first-child{animation-delay:30ms}.habit-collection>li:nth-child(2),.page-goals>ul>li:nth-child(2),.page-minigames .grid>a:nth-child(2){animation-delay:70ms}.habit-collection>li:nth-child(3),.page-goals>ul>li:nth-child(3),.page-minigames .grid>a:nth-child(3){animation-delay:.11s}.habit-collection>li:nth-child(4),.page-goals>ul>li:nth-child(4),.page-minigames .grid>a:nth-child(4){animation-delay:.15s}.habit-collection>li:nth-child(n+5),.page-goals>ul>li:nth-child(n+5),.page-minigames .grid>a:nth-child(n+5){animation-delay:.19s}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.habit-collection>li,.page-goals>ul>li{transition:border-color .25s, transform .22s var(--ease-out), box-shadow .3s}.habit-collection>li:hover,.page-goals>ul>li:hover{border-color:color-mix(in srgb, var(--comic-orange) 55%, var(--line));box-shadow:0 14px 30px -22px var(--comic-orange);transform:translateY(-3px)}.habit-collection{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.floating-stack{z-index:45;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.floating-stack>*{pointer-events:auto;animation:toast-in .4s var(--ease-spring) both;position:static!important;inset:auto!important}.trophy-toast{border:1px solid var(--comic-orange);background:var(--panel);border-radius:4px;width:268px;padding:14px 16px;box-shadow:0 18px 44px -18px #000a}.trophy-toast>p{font-family:var(--font-display), sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--comic-orange);font-size:15px}.trophy-toast ul{gap:4px;margin-top:7px;display:grid}.trophy-toast li{color:var(--ink);font-size:11px}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:1150px){.app-bar,.app-nav,.app-breadcrumb{padding-left:28px;padding-right:28px}.app-nav-link{padding:13px 11px;font-size:11px}.page-heading .section-scene{opacity:.35;width:220px}}@media (max-width:950px){.app-nav-link span{font-size:11px}.app-chip span{display:none}}@media (max-width:850px){.app-bar{min-height:56px;padding-left:20px;padding-right:20px}.app-breadcrumb{padding:14px 20px 0}.app-menu-button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:var(--panel);transition:border-color .2s, transform .12s var(--press);border-radius:3px;place-items:center;display:none}.app-menu-button:active{transform:scale(.92)}.app-nav{border-top:1px solid var(--line);flex-direction:row;align-items:stretch;padding:8px 12px 14px;display:flex;overflow:auto hidden}.app-nav.is-open{animation:none;display:flex}.app-nav-link{border-radius:3px;padding:13px 14px;font-size:13px}.app-nav-link>i{transform-origin:50%;width:auto;height:2px;inset:auto 10px 0;transform:scaleX(0)}.app-nav-link:hover>i,.app-nav-link.is-active>i{transform:scaleX(1)}.app-nav-link.is-active{background:var(--accent-soft)}.page-heading .section-scene{display:none}.page-heading{align-items:flex-start}}@keyframes sheet-open{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (max-width:600px){.app-bar{gap:10px}.app-brand>span{font-size:15px}.app-brand small{display:none}.app-bar-tools{gap:7px}.settings-trigger span{display:none}.settings-trigger{padding:9px 10px}.settings-panel{width:min(280px,100vw - 32px)}.app-chip{padding:7px 9px}.page-heading h1{font-size:38px}.page-heading-action{width:100%}.add-button{justify-content:center;width:100%}.tab-button{padding:12px 13px;font-size:15px}.floating-stack{bottom:14px;right:14px}.trophy-toast{width:min(268px,100vw - 28px)}.habit-collection,.page-goals>ul{grid-template-columns:1fr}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition:none!important}.row-delete{width:30px;height:30px;color:var(--muted);opacity:.5;transition:opacity .2s, color .2s, border-color .2s, background-color .2s, transform .12s var(--press);border:1px solid #0000;border-radius:3px;flex-shrink:0;place-items:center;display:grid}li:hover>.row-delete{opacity:1}.row-delete:hover,.row-delete:focus-visible{color:#d9603a;opacity:1;background:#d9603a12;border-color:#d9603a55}.row-delete:active{transform:scale(.88)}.empty-state button{border:1px solid var(--comic-orange);color:var(--comic-orange);transition:background-color .2s, color .2s, transform .16s var(--ease-out);border-radius:3px;align-items:center;gap:8px;margin-top:6px;padding:10px 16px;font-size:12px;display:inline-flex}.empty-state button:hover{background:var(--comic-orange);color:var(--on-accent);transform:translateY(-2px)}.empty-state button:active{transition-duration:80ms;transform:scale(.96)}.streak-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent);border-radius:4px;padding:20px 24px}.streak-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.streak-head strong{font-family:var(--font-display), sans-serif;letter-spacing:.02em;color:var(--comic-orange);font-size:30px;font-weight:400}.streak-head small{font-family:var(--font-comic-body), sans-serif;color:var(--muted);letter-spacing:0;font-size:12px}.streak-track{background:var(--line);height:3px;overflow:hidden}.streak-track i{background:var(--comic-orange);height:100%;box-shadow:0 0 12px var(--comic-orange);transition:width .7s var(--ease-out);display:block}.streak-note{color:var(--muted);margin-top:11px;font-size:11px}.week-stepper{align-items:center;gap:4px;display:inline-flex}.week-stepper>button{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);transition:border-color .2s, background-color .2s, color .2s, transform .12s var(--press);border-radius:3px;place-items:center;font-size:17px;line-height:1;display:grid}.week-stepper>button:hover:not(:disabled){border-color:var(--comic-orange);color:var(--comic-orange);background:var(--accent-soft)}.week-stepper>button:active:not(:disabled){transform:scale(.9)}.week-stepper>button:disabled{opacity:.4;cursor:not-allowed}.week-stepper>span{text-align:center;min-width:128px;color:var(--muted);white-space:nowrap;padding:0 12px;font-size:11px}.week-stepper .week-today{width:auto;margin-left:4px;padding:0 12px;font-size:11px}.tree-controls{gap:8px;display:inline-flex}.tree-controls button{border:1px solid var(--line);color:var(--muted);transition:border-color .2s, color .2s, background-color .2s, transform .12s var(--press);border-radius:3px;padding:9px 14px;font-size:11px}.tree-controls button:hover{border-color:var(--comic-orange);color:var(--ink);background:var(--accent-soft)}.tree-controls button:active{transform:scale(.95)}.composer .schedule-composer{flex-wrap:wrap;align-items:flex-end;gap:14px;padding:0;display:flex}.composer .schedule-composer>div{flex:110px}.composer .schedule-composer input,.composer .schedule-composer select{width:100%}@media (max-width:600px){.week-stepper>span{min-width:0;padding:0 6px}.chapter-toolbar{gap:12px}}.page-habits .habit-collection{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-goals>ul{grid-template-columns:repeat(auto-fill,minmax(370px,1fr))}.page-heading.has-action .section-scene{width:250px;right:250px}.studio-announcement:not(:has(details[open])){width:auto;padding:11px 40px 11px 14px}.studio-announcement:not(:has(details[open])) summary>span:first-of-type{display:inline}.studio-announcement summary{gap:9px}.studio-announcement{border-color:var(--comic-orange)}.announcement-count{text-align:center;background:var(--comic-orange);min-width:19px;color:var(--on-accent);padding:1px 6px;font-size:10px}.page-goals .comic-badge{letter-spacing:.04em;border-width:1px;border-radius:2px;padding:4px 9px;font-size:10px}.page-goals>ul>li{transition:border-color .25s, transform .22s var(--ease-out), box-shadow .3s}.page-heading{flex-direction:row}.page-heading-text{flex:340px;min-width:0}@media (max-width:700px){.page-heading{flex-direction:column;align-items:stretch;gap:16px}.page-heading-text{flex:none}.page-heading-action{width:100%;padding-bottom:0}}@media (max-width:620px){.app-bar{gap:8px}.app-bar-tools{gap:6px;min-width:0}.app-chip{gap:5px;padding:8px}.app-chip b{font-size:13px}.app-brand{min-width:0}.app-brand>span{letter-spacing:.06em;font-size:14px}}@media (max-width:430px){.app-bar-tools>.app-chip:nth-of-type(2),.app-brand>span{display:none}}.chapter-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chapter-toolbar>:last-child{margin-left:auto}.chapter-toolbar>.chapter-search{flex:200px;max-width:340px;margin-left:0}.chapter-toolbar select,.chapter-toolbar .comic-input{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);color:var(--ink);border-radius:3px;padding:12px 34px 12px 14px;font-size:12px;transition:border-color .2s,box-shadow .25s}.chapter-toolbar select:hover{border-color:var(--comic-orange)}.chapter-toolbar select:focus{border-color:var(--comic-orange);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.tab-bar{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%)}@media (min-width:1000px){.tab-bar{-webkit-mask-image:none;mask-image:none}}@media (max-width:700px){.chapter-toolbar>:last-child{margin-left:0}.chapter-toolbar>.chapter-search{flex-basis:100%;max-width:none}.chapter-toolbar select{flex:auto}}.hero-copy h1 span,.login-intro h2 em{color:var(--comic-orange);font-style:normal}.focus-stage{border-top:1px solid var(--line);justify-content:center;padding:8px 0 34px;display:flex}.page-focus .focus-console{isolation:isolate;text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;width:min(680px,100%);box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;margin:0;padding:16px 20px 8px;display:flex;position:relative}.focus-orbit{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-top-color:var(--comic-orange);border-radius:50%;width:340px;max-width:82%;animation:18s linear infinite focus-orbit;position:absolute;top:0;box-shadow:0 0 60px #f7932c0f,inset 0 0 55px #f7932c0d}@keyframes focus-orbit{to{transform:rotate(360deg)}}.focus-console[data-status=active] .focus-orbit,.focus-console[data-status=focus] .focus-orbit{border-top-color:var(--comic-orange);animation-duration:7s}.page-focus .console-heading{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:6px;display:flex}.page-focus .console-clock{flex-direction:column;gap:10px}.page-focus .console-clock>strong{font-size:clamp(62px,9vw,116px);line-height:1.1}.page-focus .clock-signal{flex:none;justify-content:center;height:26px}.page-focus .console-subject{color:var(--muted);margin-top:4px;font-size:13px}.page-focus .console-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:26px;display:flex}.page-focus .console-actions .comic-input{text-align:center;flex:240px;max-width:320px}.brand-object{place-items:center;animation:10s ease-in-out infinite object-drift;display:grid;position:absolute;inset:0}.brand-object .sculptural-brand{width:74px;height:92px}.brand-object .sculptural-brand img{filter:drop-shadow(0 6px 22px #e88c2255)}@media (max-width:700px){.page-focus .page-heading .section-scene{opacity:.16;width:120px;top:auto;bottom:-86px;right:4px}.focus-stage{padding:0 0 20px}.page-focus .focus-console{padding:10px 20px 20px}.focus-orbit{width:260px;top:18px}.page-focus .console-actions .comic-input{max-width:none}.brand-object .sculptural-brand{width:52px;height:64px}}.startup-splash{z-index:1000;background:var(--paper);color:var(--ink);place-content:center;justify-items:center;gap:8px;animation:.35s 2.05s forwards startup-fade;display:grid;position:fixed;inset:0}.startup-mark{border:1px solid var(--comic-orange);width:88px;height:104px;color:var(--comic-orange);font:600 76px var(--font-display), sans-serif;place-items:center;line-height:1;display:grid;box-shadow:0 0 40px #f7932c22}.startup-splash p{color:var(--comic-orange);font:500 12px var(--font-comic-mono), monospace;letter-spacing:.18em;margin:12px 0 0}.startup-splash span{color:var(--muted);font:500 10px var(--font-comic-mono), monospace;letter-spacing:.16em}@keyframes startup-fade{to{opacity:0;visibility:hidden}}.page-heading h1 em{color:var(--comic-orange);font-style:normal}.google-action{border:1px solid var(--line);background:var(--ink);width:100%;min-height:50px;color:var(--paper);transition:transform .18s var(--ease-out), background-color .2s, border-color .2s;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:13px 16px;font-size:13px;font-weight:700;display:flex}.google-action:hover{border-color:var(--comic-orange);transform:translateY(-2px)}.google-action:active{transform:scale(.97)}.google-action>span{background:var(--paper);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.login-message{color:var(--comic-orange);font-size:12px;line-height:1.6}.login-secondary{color:var(--muted);text-underline-offset:4px;align-self:center;font-size:12px;text-decoration:underline}.password-login{gap:16px;display:grid}@media (max-width:850px){:root{--mobile-nav-h:76px}.studio-workspace{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.app-header{background:color-mix(in srgb, var(--paper) 94%, transparent);border-bottom:0}.app-bar{min-height:54px;padding:8px 16px}.app-brand>span{letter-spacing:.07em;font-size:14px}.app-breadcrumb,.app-menu-button,.app-more-tab{display:none}.settings-trigger{border-radius:8px;min-height:38px}.settings-panel{width:min(310px,100vw - 24px);position:fixed;top:58px;right:12px}.app-nav{z-index:55;border-top:0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 93%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;flex-direction:row;align-items:stretch;gap:7px;min-height:0;padding:7px 12px 10px;display:flex;position:static;overflow:auto hidden;box-shadow:0 12px 35px -30px #000}.app-nav::-webkit-scrollbar{display:none}.app-nav .app-nav-link,.app-nav .app-logout-tab{text-align:center;scroll-snap-align:center;border-radius:10px;flex-direction:column;flex:0 0 74px;justify-content:center;gap:4px;min-height:60px;padding:7px 4px 6px;font-size:10px;line-height:1.1;display:flex}.app-nav-link svg{opacity:.9}.app-nav-link>i{width:18px;height:2px;inset:5px auto auto 50%;transform:translate(-50%)scaleX(0)}.app-nav-link:hover>i,.app-nav-link.is-active>i{transform:translate(-50%)scaleX(1)}.app-nav-link.is-active{background:var(--accent-soft);color:var(--comic-orange)}.app-logout-tab{color:var(--muted);background:0 0;border:0}.app-logout-tab:disabled{opacity:.6}.app-logout-error{text-align:center;margin:8px 12px 0}.studio-main{padding:12px 14px 22px}.page-enter{animation-duration:.25s}.page-heading{gap:10px;margin-bottom:16px;padding:10px 0 15px}.page-heading h1{margin-top:6px;font-size:31px;line-height:1.08}.page-description{margin-top:6px;font-size:12px;line-height:1.55}.eyebrow{font-size:8px}.comic-panel,.dashboard-panel,.rail-panel{border-radius:12px}.comic-btn,.primary-action,.text-action,.icon-button{min-height:44px}.primary-action{width:100%;padding:13px 16px}.text-action{justify-content:center}.floating-stack{bottom:calc(12px + env(safe-area-inset-bottom))}.studio-break,.studio-footer{display:none}html[data-android-shell=true]{--mobile-nav-h:84px}html[data-android-shell=true] .app-header{position:static}html[data-android-shell=true] .app-bar{min-height:42px;padding:6px 12px 4px}html[data-android-shell=true] .app-brand>span{font-size:12px}html[data-android-shell=true] .app-brand small,html[data-android-shell=true] .app-bar-tools .app-chip,html[data-android-shell=true] .settings-trigger{display:none}html[data-android-shell=true] .app-nav{flex-direction:row;align-items:stretch;gap:5px;padding:4px 8px 7px}html[data-android-shell=true] .app-nav .app-nav-link,html[data-android-shell=true] .app-nav .app-logout-tab{border-radius:8px;flex-basis:68px;min-height:48px;padding:5px 4px;font-size:9px}}@media (max-width:600px){.app-chip,.settings-trigger span{display:none}.studio-main{padding-left:12px;padding-right:12px}.dashboard-hero{border-radius:14px;min-height:auto}.hero-copy{padding:22px 18px 18px}.hero-copy h1{font-size:34px;line-height:1.02}.hero-actions{gap:10px;width:100%}.hero-actions .text-action{width:100%}.hero-scene,.hero-art{min-height:150px}.hero-date,.hero-footnote{display:none}.dashboard-stats{border-radius:12px;grid-template-columns:1fr;overflow:hidden}.studio-stat+.studio-stat{border-left:0;border-top:1px solid var(--line)}.studio-stat{padding:16px}.stat-label{font-size:10px}.dashboard-grid,.dashboard-secondary,.analytics-grid,.habit-collection,.page-goals>ul{gap:14px;grid-template-columns:1fr!important}.dashboard-panel{padding:16px}.panel-heading{flex-direction:column;align-items:flex-start;gap:8px}.task-row{min-height:48px}.login-shell{place-items:stretch stretch;padding:0}.login-theme{top:10px;right:10px}.login-studio{border:0;border-radius:0;grid-template-columns:1fr;min-height:100svh}.login-intro{min-height:238px;padding:22px 18px 12px;overflow:hidden}.login-intro .studio-brand{font-size:18px}.login-art{opacity:.72;pointer-events:none;min-height:190px;position:absolute;inset:32px -30px auto 38%}.login-intro h2{max-width:250px;margin-top:auto;font-size:34px;line-height:1.03}.login-form{gap:16px;padding:24px 18px 28px}.login-form h1{margin-top:8px;font-size:28px}.login-form header>p:last-child,.beta-note{font-size:11px}.login-demo{border:1px solid var(--line);border-radius:10px;padding:13px 14px}.demo-entry{min-height:38px}.password-login .primary-action{margin-top:0}.tab-bar{margin-left:-12px;margin-right:-12px;padding-left:12px}.tab-button{min-height:44px}.composer{border-radius:12px;margin-left:-1px;margin-right:-1px;padding:16px}.chapter-toolbar{gap:10px}.chapter-toolbar>*{width:100%}.segmented,.tree-controls{width:100%;overflow-x:auto}.segmented button,.tree-controls button{flex:1 0 auto;min-height:40px}.focus-stage{border-top:0;padding-top:0}.page-focus .focus-console{padding:26px 10px 22px}.page-focus .console-clock>strong{font-size:58px}.page-focus .console-actions{gap:10px}.page-focus .console-actions>*{width:100%;max-width:none}.journey-rail,.focus-log{overflow-x:auto}.journey-step{min-width:58px}}