:root,html[data-theme=light]{color-scheme:light;--color-paper: oklch(96% .012 95);--color-paper-2: oklch(93% .014 95);--color-paper-3: oklch(89% .016 95);--color-ink: oklch(22% .02 160);--color-ink-2: oklch(42% .018 160);--color-ink-3: oklch(58% .014 160);--color-accent: oklch(38% .06 160);--color-accent-2: oklch(48% .07 160);--color-stand: oklch(45% .08 145);--color-sit: oklch(48% .06 55);--color-freeze: oklch(42% .05 250);--color-focus: oklch(38% .06 160);--color-danger: oklch(48% .12 25);--wash-a: oklch(92% .03 145 / .7);--wash-b: oklch(93% .025 85 / .5);--kbd-bg: oklch(40% .02 250 / .06);--kbd-border: oklch(40% .02 250 / .1);--kbd-on-accent: oklch(98% 0 0 / .62);--kbd-on-accent-bg: oklch(0% 0 0 / .14);--kbd-on-accent-border: oklch(100% 0 0 / .16);--shadow-soft: oklch(20% .02 250 / .12);--theme-meta: #141f1c}html[data-theme=dark]{color-scheme:dark;--color-paper: oklch(17% .018 160);--color-paper-2: oklch(21% .02 160);--color-paper-3: oklch(27% .022 160);--color-ink: oklch(93% .012 95);--color-ink-2: oklch(78% .014 100);--color-ink-3: oklch(62% .012 100);--color-accent: oklch(72% .07 160);--color-accent-2: oklch(78% .065 155);--color-stand: oklch(70% .08 145);--color-sit: oklch(74% .07 60);--color-freeze: oklch(54% .018 205);--color-focus: oklch(74% .07 160);--color-danger: oklch(68% .11 25);--wash-a: oklch(28% .04 150 / .45);--wash-b: oklch(24% .03 90 / .35);--kbd-bg: oklch(95% .01 95 / .08);--kbd-border: oklch(95% .01 95 / .12);--kbd-on-accent: oklch(18% .02 160 / .75);--kbd-on-accent-bg: oklch(100% 0 0 / .18);--kbd-on-accent-border: oklch(100% 0 0 / .22);--shadow-soft: oklch(0% 0 0 / .35);--theme-meta: #0f1815}:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius: 8px;--ease: cubic-bezier(.22, 1, .36, 1);--ui-distance-scale: clamp(18px, 2.4vmin, 28px);--page-max-width: min(45rem, 100%)}.brand-lockup{display:flex;align-items:center;gap:.65rem;min-width:0}.brand-mark{flex-shrink:0;display:block;width:clamp(1.85rem,6vmin,3rem);height:clamp(1.85rem,6vmin,3rem);color:var(--color-ink)}.brand-text{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding-top:.1rem}.brand{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,7.5vmin,4.5rem);font-weight:600;font-style:normal;letter-spacing:-.03em;line-height:.92;color:var(--color-ink)}.tag{margin:0;max-width:22rem;font-size:clamp(.85rem,1.7vmin,1.05rem);font-weight:400;line-height:1.25;color:var(--color-ink-3);letter-spacing:.01em}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:var(--space-6);padding-bottom:clamp(4rem,12vh,7rem);background:radial-gradient(ellipse 80% 50% at 10% -10%,var(--wash-a),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,var(--wash-b),transparent),var(--color-paper);opacity:0;transition:opacity var(--dur-splash, .42s) var(--ease);pointer-events:none}.splash.is-in{opacity:1}.splash.is-out{opacity:0}.splash-inner{transform:translateY(.2rem);opacity:0;transition:opacity .45s var(--ease),transform .45s var(--ease)}.splash.is-in .splash-inner{opacity:1;transform:translateY(0)}.splash .brand-lockup{gap:.65rem;align-items:center}.splash .brand-mark{width:clamp(1.85rem,5.5vmin,2.75rem);height:clamp(1.85rem,5.5vmin,2.75rem)}.splash .brand{font-size:clamp(2.2rem,6.5vmin,3.5rem);line-height:.92}.splash .brand-text{gap:.25rem;padding-top:.05rem}.splash .tag{max-width:20rem;font-size:clamp(.82rem,1.6vmin,1rem);line-height:1.3}@media(prefers-reduced-motion:reduce){.splash,.splash-inner{transition-duration:.12s}}*,*:before,*:after{box-sizing:border-box}html{font-size:clamp(18px,2.4vmin,28px)}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(ellipse 80% 50% at 10% -10%,var(--wash-a),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,var(--wash-b),transparent),var(--color-paper);-webkit-font-smoothing:antialiased}#app{height:100dvh}.shell{position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:100dvh;overflow:hidden;--atmosphere-fill: .85;--atmosphere-hue: var(--color-sit)}.shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 42% 80% at 0% 45%,color-mix(in oklch,var(--atmosphere-hue) 42%,transparent),transparent 72%),radial-gradient(ellipse 38% 55% at 100% 18%,color-mix(in oklch,var(--atmosphere-hue) 22%,transparent),transparent 70%);opacity:calc(.3 + var(--atmosphere-fill) * .55);transform:scale(calc(.88 + var(--atmosphere-fill) * .18));transform-origin:50% 40%;transition:opacity .6s var(--ease),background .8s var(--ease)}.frame{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:var(--page-max-width);height:100%;margin:0 auto;display:flex;flex-direction:column;padding:clamp(1.25rem,3vmin,2.5rem) clamp(1.25rem,4vmin,3rem) clamp(.75rem,2.5vmin,1.25rem)}.shell[data-phase=stand]{--atmosphere-hue: var(--color-stand)}.shell[data-phase=reset]{--atmosphere-hue: var(--color-accent)}.shell[data-phase=exercise],.shell[data-phase=pick]{--atmosphere-hue: var(--color-accent-2)}.shell[data-phase=frozen]{--atmosphere-hue: var(--color-freeze)}.shell[data-phase=threshold],.shell[data-phase=setup]{--atmosphere-hue: var(--color-accent)}.shell[data-compact=true] .frame{padding-top:clamp(.75rem,2vmin,1.25rem);padding-bottom:clamp(.5rem,1.5vmin,.85rem)}.content-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.middle{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:safe center;gap:clamp(.85rem,2.5vmin,1.5rem);overflow:auto}.primary-actions{flex:0 0 auto;padding:0}.primary-actions .row{width:100%}.primary-actions .row+.row{margin-top:.5rem}.quick-actions{padding-top:.35rem}.quick-actions .btn,.quick-actions a{flex:0 1 auto}.btn-end-day{color:var(--color-ink-3);border-color:transparent;font-weight:500}.btn-end-day:hover{color:var(--color-ink);border-color:var(--color-paper-3);background:var(--color-paper-2)}.primary-actions .btn{flex:1 1 auto}.install-banner{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 0 1.15rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-paper-3)}.install-actions{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.install-dismiss{padding:.35rem .5rem;border:none;border-radius:var(--radius);background:transparent;color:var(--color-ink-2);font-family:var(--font-body);font-size:clamp(.85rem,1.8vmin,.98rem);line-height:1.2;text-align:center;cursor:pointer}.install-dismiss:hover{color:var(--color-ink);background:var(--color-paper-2)}.install-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.install-title{margin:0;font-size:clamp(1.05rem,2.3vmin,1.25rem);font-weight:600;letter-spacing:.02em;color:var(--color-ink)}.install-text{margin:0;max-width:32rem;font-size:clamp(.98rem,2.05vmin,1.15rem);line-height:1.35;color:var(--color-ink-2)}.shell[data-phase=sit] .phase-label{color:var(--color-sit)}.shell[data-phase=stand] .phase-label{color:var(--color-stand)}.shell[data-phase=frozen]{animation:freeze-pulse 2.4s var(--ease) infinite}.shell[data-phase=frozen] .phase-label{color:var(--color-freeze)}.shell[data-phase=exercise] .atmosphere-label{animation:attention-flash .8s var(--ease)}.shell[data-approaching=true]{--atmosphere-hue: var(--color-stand)}.shell[data-approaching=true] .phase-label{color:var(--color-stand)}@keyframes freeze-pulse{0%,to{filter:none}50%{filter:saturate(.85)}}.shell[data-needs-action=true] .threshold-lead,.shell[data-needs-action=true] .pick-lead{color:var(--color-stand)}@keyframes attention-flash{0%{opacity:.4;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.shell[data-phase=frozen],.shell[data-phase=exercise] .atmosphere,.shell[data-returning=true] .phase-label{animation:none}}.top{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.top-brand{min-width:0}.top-actions{flex-shrink:0;display:flex;align-items:center;gap:.15rem;margin-top:.15rem}.icon-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--color-ink-2);text-decoration:none;cursor:pointer;font:inherit}.icon-link:hover{color:var(--color-ink);background:var(--color-paper-2)}.icon-link .icon{display:block}.shell[data-demo=true] .tag:after{content:" · Demo";color:var(--color-sit)}.stage{display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(.75rem,2vmin,1.25rem);padding:0;flex:0 1 auto;min-height:0}.shell[data-compact=true] .stage{padding:0;gap:.35rem}.shell[data-compact=true] .middle{gap:.65rem}.shell[data-compact=true][data-started=true] .top-brand .tag{display:none}.shell[data-compact=true][data-started=true] .top-brand .brand{font-size:clamp(1.35rem,4vmin,2rem)}.shell[data-compact=true][data-started=true] .brand-mark{width:1.45rem;height:1.45rem}.shell[data-compact=true][data-started=true] .brand-text{gap:0}.shell[data-compact=true] .brand{font-size:clamp(1.6rem,5vmin,2.4rem)}.shell[data-compact=true] .brand-mark{width:1.65rem;height:1.65rem}.shell[data-compact=true] .tag{font-size:clamp(.78rem,1.5vmin,.92rem)}.shell[data-compact=true] .phase-label{font-size:clamp(.95rem,2vmin,1.15rem)}.shell[data-compact=true] .hint{font-size:clamp(.95rem,2vmin,1.1rem);line-height:1.3;margin-top:.15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shell[data-compact=true] .threshold,.shell[data-compact=true] .freeze-prompt{padding:.25rem 0 0;border-top:none;gap:.2rem;flex-shrink:0}.shell[data-compact=true] .threshold-lead,.shell[data-compact=true] .exercise-title,.shell[data-compact=true] .freeze-q{font-size:clamp(1.35rem,3.5vmin,2rem)}.shell[data-compact=true] .threshold-sub,.shell[data-compact=true] .exercise-hint{font-size:clamp(.95rem,2vmin,1.1rem);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shell[data-compact=true] .exercise{padding:.5rem 0 0;border-top:1px solid var(--color-paper-3);gap:.35rem;flex-shrink:0;overflow:hidden}.shell[data-compact=true] .exercise .motivation,.exercise .motivation:empty{display:none}.shell[data-compact=true] .install-banner{padding:.65rem 0;margin-bottom:.25rem}.shell[data-compact=true] .install-text{display:none}.shell[data-compact=true] .primary-actions{padding:0}.shell[data-compact=true] .primary-actions .btn{min-height:2.65rem;padding:.65rem 1rem;font-size:clamp(.95rem,2vmin,1.1rem)}.phase-label{margin:0;font-family:var(--font-body);font-size:clamp(1.15rem,2.8vmin,1.65rem);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent)}.shell[data-returning=true] .phase-label{animation:status-return .55s var(--ease)}@keyframes status-return{0%{opacity:.35;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}.atmosphere{--atmo-size: clamp(3rem, 13vmin, 6.5rem);--atmo-lh: .94;--atmo-lines: 2;margin:0;max-width:min(100%,24rem);display:flex;flex-direction:column;align-items:stretch;gap:clamp(.6rem,1.6vmin,1rem)}.atmosphere[hidden]{display:none!important}.atmosphere-hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;width:100%;min-height:calc(var(--atmo-size) * var(--atmo-lh) * var(--atmo-lines));display:flex;align-items:flex-end}.atmosphere-hit[hidden]{display:none!important}.atmosphere-label{display:block;margin:0;width:100%;font-family:var(--font-display);font-size:var(--atmo-size);font-weight:600;font-style:normal;letter-spacing:-.04em;line-height:var(--atmo-lh);color:var(--color-ink);overflow-wrap:anywhere;min-width:0;max-height:calc(var(--atmo-size) * var(--atmo-lh) * var(--atmo-lines));overflow:hidden}.desk-edge-row{display:flex;align-items:center;gap:.75rem;width:100%}.desk-edge{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:0;display:block;height:3px;padding:0;border:none;background:var(--color-paper-3);border-radius:1px;overflow:hidden;cursor:pointer}.desk-edge-fill{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(1);background:var(--atmosphere-hue);transition:transform .45s var(--ease),background .4s var(--ease)}.atmosphere.is-timed .desk-edge-fill{transition:transform .28s linear,background .4s var(--ease)}.shell[data-threshold-timer=true]:before{transition:opacity .28s linear,transform .28s linear,background .8s var(--ease)}.shell[data-threshold-timer=true][data-pending-next=stand]{--atmosphere-hue: var(--color-stand)}.shell[data-threshold-timer=true][data-pending-next=sit]{--atmosphere-hue: var(--color-sit)}.atmosphere:not(.is-timed) .desk-edge-fill{opacity:.55}.atmosphere.is-bar-only{max-width:min(100%,18rem);gap:.45rem}.atmosphere.is-bar-only .desk-edge{height:4px}.shell[data-atmosphere-detail=clock] .atmosphere-label{font-variant-numeric:tabular-nums;letter-spacing:-.045em}.shell[data-atmosphere-detail=percent] .atmosphere-label{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.shell[data-phase=frozen] .atmosphere-label{color:var(--color-freeze)}.shell[data-approaching=true] .desk-edge-fill{background:var(--color-stand)}.shell[data-compact=true] .atmosphere{--atmo-size: clamp(2.2rem, 10vmin, 3.6rem);max-width:min(100%,20rem);gap:.55rem}.shell[data-compact=true] .desk-edge{height:3px}.shell[data-compact=true][data-atmosphere-display=bar] .hint,.shell[data-compact=true][data-atmosphere-display=bar] .ambient,.shell[data-compact=true][data-atmosphere-display=bar] .mute-hint{display:none!important}.hint{margin:.5rem 0 0;max-width:36rem;font-size:clamp(1.15rem,2.6vmin,1.55rem);line-height:1.4;color:var(--color-ink-2);text-wrap:balance}.hint-rhythm{display:block;font-weight:600;color:var(--color-ink);line-height:1.35}.hint-tag{display:block;margin-top:.4rem;font-size:.9em;line-height:1.45;color:var(--color-ink-2)}.ambient{margin:clamp(1rem,2.5vmin,1.75rem) 0 0;max-width:38rem;font-size:clamp(1.1rem,2.4vmin,1.4rem);line-height:1.45;color:var(--color-ink-3);border-left:3px solid var(--color-paper-3);padding-left:1rem}.mute-hint{margin:.75rem 0 0;max-width:38rem;font-size:clamp(1rem,2.2vmin,1.25rem);line-height:1.4;color:var(--color-sit)}.threshold,.exercise,.freeze-prompt,.pick,.check-in,.day-close-reward{padding:clamp(.75rem,2vmin,1.5rem) 0 0;display:flex;flex-direction:column;gap:clamp(.5rem,1.5vmin,1rem)}.phase-label[hidden],.hint[hidden],.install-banner[hidden],.threshold[hidden],.exercise[hidden],.freeze-prompt[hidden],.pick[hidden],.check-in[hidden],.day-close-reward[hidden],.ambient[hidden],.mute-hint[hidden],.row[hidden],button[hidden]{display:none!important}.threshold-lead{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5.5vmin,3.25rem);font-weight:600;font-style:normal;line-height:1.1}.threshold-sub{margin:0;color:var(--color-ink-2);font-size:clamp(1.15rem,2.5vmin,1.45rem);line-height:1.4;max-width:36rem}.threshold-actions,.freeze-actions,.exercise-actions,.pick-actions{margin-top:0;gap:.75rem}.threshold-actions{flex-direction:column;align-items:stretch}.threshold-actions>.btn-primary{width:100%;flex:0 0 auto}.threshold-secondary{width:100%;margin:0}.threshold-secondary .btn{flex:1 1 0;min-width:0}.ritual-kicker{margin:0;font-size:clamp(1rem,2.2vmin,1.25rem);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent)}.exercise-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5.5vmin,3.25rem);font-weight:600;font-style:normal;line-height:1.1}.exercise-hint{margin:0;color:var(--color-ink-2);font-size:clamp(1.15rem,2.5vmin,1.45rem);line-height:1.4}.motivation{margin:0;padding:1rem 0 0;border-top:1px solid var(--color-paper-3);font-size:clamp(1.15rem,2.5vmin,1.5rem);line-height:1.45;color:var(--color-ink)}.freeze-q{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vmin,3rem);font-weight:600;font-style:normal}.pick-lead{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5.5vmin,3.25rem);font-weight:600;font-style:normal;line-height:1.1}.moment-list{display:flex;flex-direction:column;gap:.15rem;max-width:28rem}.moment-choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;text-align:left;width:100%;padding:.85rem 0;border:none;border-bottom:1px solid var(--color-paper-3);border-radius:0;background:transparent;cursor:pointer;font-family:var(--font-body);color:var(--color-ink)}.moment-choice:last-child{border-bottom:none}.moment-choice:hover .moment-title,.moment-choice:focus-visible .moment-title{color:var(--color-accent)}.moment-choice:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.moment-kind{font-size:clamp(.75rem,1.6vmin,.85rem);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-3)}.moment-title{font-family:var(--font-display);font-size:clamp(1.35rem,3.2vmin,1.85rem);font-weight:600;font-style:normal;line-height:1.15}.check-in-q{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5.5vmin,3.25rem);font-weight:600;font-style:normal;line-height:1.1}.day-close-kicker{margin:0;font-size:clamp(1rem,2.2vmin,1.25rem);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent)}.day-close-story{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,5vmin,2.75rem);font-weight:600;line-height:1.15;color:var(--color-ink);max-width:36rem}.day-close-line{margin:0;color:var(--color-ink-2);font-size:clamp(1.05rem,2.3vmin,1.3rem);line-height:1.4;max-width:36rem}.day-close-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.25rem;margin-top:.35rem;max-width:28rem}.day-close-stat-value{margin:0;font-family:var(--font-display);font-size:clamp(2rem,6vmin,3rem);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:.95;color:var(--color-ink)}.day-close-stat-label{margin:.2rem 0 0;font-size:clamp(.85rem,1.8vmin,1rem);font-weight:600;color:var(--color-ink-2);text-transform:uppercase;letter-spacing:.08em}.day-close-stat[data-tone=stand] .day-close-stat-value{color:var(--color-stand)}.day-close-stat[data-tone=sit] .day-close-stat-value{color:var(--color-sit)}.day-close-stat[data-tone=freeze] .day-close-stat-value{color:var(--color-freeze)}.day-close-more{margin-top:.25rem;color:var(--color-ink-2);font-size:clamp(.95rem,2vmin,1.1rem);font-weight:600;text-decoration:none;width:fit-content}.day-close-more:hover{color:var(--color-ink)}.shell[data-compact=true] .day-close-story{font-size:clamp(1.35rem,4vmin,1.85rem)}.shell[data-compact=true] .day-close-stats{gap:.5rem 1rem}.shell[data-compact=true] .day-close-stat-value{font-size:clamp(1.5rem,5vmin,2.1rem)}.shell[data-compact=true] .day-close-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.controls{padding-top:1rem}.row{display:flex;flex-wrap:wrap;gap:.65rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:8px;min-height:3.1rem;padding:.85rem 1.35rem;font-family:var(--font-body);font-size:clamp(1.05rem,2.3vmin,1.3rem);font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease)}.btn.has-kbd{justify-content:space-between}.btn-text{min-width:0}.btn-kbd{flex-shrink:0;font-size:.62em;font-weight:500;letter-spacing:.05em;font-variant-numeric:tabular-nums;line-height:1;padding:.28em .45em;border-radius:5px;color:var(--color-ink-3);background:var(--kbd-bg);border:1px solid var(--kbd-border)}.btn-primary .btn-kbd,.btn-danger .btn-kbd{color:var(--kbd-on-accent);background:var(--kbd-on-accent-bg);border-color:var(--kbd-on-accent-border)}.moment-choice{position:relative}.moment-choice.has-kbd{padding-right:2.4rem}.moment-choice .btn-kbd{position:absolute;top:.65rem;right:.65rem;font-size:.72rem}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:var(--color-paper)}.btn-primary:hover{background:var(--color-accent-2)}.btn-ghost{background:transparent;color:var(--color-ink);border-color:var(--color-paper-3)}.btn-ghost:hover,.btn-ghost.is-on{background:var(--color-paper-2);border-color:var(--color-ink-3)}.btn-danger{background:var(--color-freeze);color:var(--color-paper)}.btn-danger:hover{filter:brightness(1.08)}@media(max-width:414px){.frame{padding:1rem .85rem 1.5rem}.install-banner{grid-template-columns:1fr;align-items:stretch}.install-actions{width:100%}.btn{flex:1 1 auto;min-width:calc(50% - .65rem)}}.debug-bar{position:fixed;z-index:10001;left:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:8px;border:1px solid var(--color-paper-3);background:color-mix(in oklch,var(--color-paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px var(--shadow-soft);font-family:var(--font-body);font-size:.75rem;color:var(--color-ink-2)}.debug-bar[data-paused=true]{border-color:var(--color-freeze);color:var(--color-freeze)}.debug-bar-phase{font-weight:600;letter-spacing:.06em;text-transform:uppercase;min-width:4.5rem}.debug-bar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:.25rem .55rem;border-radius:6px;border:1px solid var(--color-paper-3);background:var(--color-paper-2);color:var(--color-ink);font:inherit;font-weight:600;cursor:pointer}.debug-bar-btn:hover{border-color:var(--color-ink-3)}.debug-bar[data-paused=true] .debug-bar-btn{background:var(--color-freeze);border-color:transparent;color:var(--color-paper)}.debug-bar[data-splash=true] .debug-bar-btn[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.debug-bar-hint{opacity:.55;font-size:.68rem;letter-spacing:.04em}