@charset "UTF-8";:root{--ink-950: oklch(.16 .035 250);--ink-900: oklch(.21 .045 250);--ink-800: oklch(.28 .05 250);--mist-100: oklch(.96 .015 240);--mist-300: oklch(.82 .025 245);--mist-500: oklch(.69 .035 248);--ice-400: oklch(.83 .105 230);--ice-300: oklch(.89 .075 225);--glass: oklch(.19 .035 250 / .72);--glass-edge: oklch(.85 .04 235 / .17);--accent: var(--ice-400);--font-display: "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;--font-body: "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink-950)}body{color:var(--mist-100);font-family:var(--font-body);font-size:16px;line-height:1.55;overflow:hidden;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--ice-300);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}#app{position:relative;min-height:100dvh;isolation:isolate;overflow:hidden}#scene,#scene canvas{position:absolute;inset:0;width:100%;height:100%}#scene{z-index:-3;background:radial-gradient(circle at 65% 42%,#123d66,#061426 70%)}#scene canvas{display:block;cursor:grab}#scene canvas:active{cursor:grabbing}.grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.fallback{position:absolute;inset:0;z-index:-2;display:grid;place-items:center;pointer-events:none;transition:opacity .25s ease}.fallback.ready{opacity:0}.fallback-device{width:min(38vw,420px);aspect-ratio:1;border-radius:24%;position:relative;transform:translate(22vw) rotate(-6deg);background:linear-gradient(135deg,#254f76,#0b213a 60%,#1b4366);border:10px solid #183c5d;box-shadow:20px 28px 70px #020b17aa,inset 8px 8px 18px #77b9e022}.fallback-device i{position:absolute;display:block;background:var(--accent);box-shadow:0 0 22px var(--accent);border-radius:20px;opacity:.8}.fallback-device i:nth-child(1),.fallback-device i:nth-child(3){width:34%;height:4%;left:33%}.fallback-device i:nth-child(1){top:13%}.fallback-device i:nth-child(3){bottom:13%}.fallback-device i:nth-child(2),.fallback-device i:nth-child(4){width:4%;height:34%;top:33%}.fallback-device i:nth-child(2){right:13%}.fallback-device i:nth-child(4){left:13%}.fallback-device span{position:absolute;inset:36%;border:3px solid #5e87a655;border-radius:50%;display:grid;place-items:center;font-size:11px;letter-spacing:.15em}.topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:max(28px,env(safe-area-inset-top)) 40px 0}.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;width:220px}.brand-mark{font-family:var(--font-display);font-size:30px;line-height:1;font-weight:700;letter-spacing:-.06em}.brand-mark span{color:var(--ice-400);font-weight:400;padding:0 2px}.brand-sub{margin-top:8px;color:var(--mist-300);font-size:9px;letter-spacing:.24em;font-weight:600}.concept-pill{display:flex;align-items:center;gap:9px;color:var(--mist-300);font-size:10px;letter-spacing:.16em;font-weight:600;padding:9px 14px;border:1px solid var(--glass-edge);border-radius:30px;background:#07121e40;backdrop-filter:blur(10px)}.concept-pill span,.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:220px}.icon-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--mist-300);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.icon-button:hover{background:#cde1f014;border-color:var(--glass-edge);color:var(--mist-100)}.icon-button:active{transform:scale(.94)}.icon-button svg{width:20px;height:20px}#sound-button .sound-on-icon{display:none}#sound-button[aria-pressed=true] .sound-on-icon{display:block}#sound-button[aria-pressed=true] .sound-off-icon,#haptic-button .haptic-on-icon{display:none}#haptic-button[aria-pressed=true]{background:#a8d5f021;border-color:#a8d5f040;color:var(--ice-300)}#haptic-button[aria-pressed=true] .haptic-on-icon{display:block}#haptic-button[aria-pressed=true] .haptic-off-icon,#voice-button .voice-on-icon{display:none}#voice-button[aria-pressed=true]{background:#a8d5f021;border-color:#a8d5f040;color:var(--ice-300)}#voice-button[aria-pressed=true] .voice-on-icon{display:block}#voice-button[aria-pressed=true] .voice-off-icon{display:none}.text-button{min-height:44px;padding:0 4px 0 12px;border:0;background:transparent;color:var(--mist-100);font-size:12px;font-weight:600;letter-spacing:.02em}.text-button span{display:inline-block;margin-left:6px;color:var(--ice-400);transition:transform .18s ease}.text-button:hover span{transform:translate(2px,-2px)}.experience{position:absolute;inset:0;pointer-events:none}.intro{position:absolute;left:5.2vw;top:50%;width:min(32vw,450px);transform:translateY(-57%)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--ice-300);font-size:10px;letter-spacing:.21em;font-weight:700}h1{margin:0;font-family:var(--font-display);font-size:clamp(54px,5.4vw,88px);font-weight:500;line-height:.98;letter-spacing:-.065em}h1 em{color:var(--ice-300);font-style:normal;font-weight:300}.intro-copy{margin:26px 0 0;color:var(--mist-300);font-size:15px;line-height:1.75;letter-spacing:.005em}.phase-guide{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;max-width:370px}.phase-guide li{display:flex;align-items:center;gap:12px;opacity:.68;transition:opacity .2s ease,transform .2s ease}.phase-guide li.active{opacity:1;transform:translate(3px)}.phase-guide li>span{color:var(--ice-400);font:10px/1 var(--font-display);letter-spacing:.1em}.phase-guide strong{display:block;font-size:12px;font-weight:600}.phase-guide small{display:block;margin-top:2px;color:var(--mist-300);font-size:9px;letter-spacing:.02em}.phase-readout{align-items:baseline;gap:16px;margin-top:28px}.phase-readout:not([hidden]){display:flex}.phase-readout>span{font-family:var(--font-display);font-size:60px;font-weight:300;line-height:1;color:var(--ice-300);font-variant-numeric:tabular-nums}.phase-readout strong{display:block;font-size:15px;font-weight:500}.phase-readout small{display:block;color:var(--mist-500);font-size:9px;letter-spacing:.2em}.device-caption{position:absolute;left:67%;top:18%;display:flex;align-items:center;gap:12px;color:var(--mist-300);font-size:9px;letter-spacing:.18em;opacity:.7}.caption-line{width:32px;height:1px;background:var(--mist-500)}.view-hint{position:absolute;left:66%;bottom:25%;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:var(--mist-300);font-size:9px;letter-spacing:.18em;opacity:.65;transition:opacity .2s ease}.view-hint svg{width:18px;height:18px}.control-dock{position:absolute;z-index:6;left:32px;right:32px;bottom:48px;min-height:116px;display:flex;align-items:center;gap:26px;padding:18px 20px 18px 28px;border:1px solid var(--glass-edge);border-radius:22px;background:var(--glass);box-shadow:0 20px 70px #00020859,inset 0 1px #e3f1fb0d;backdrop-filter:blur(24px) saturate(1.2)}.control-group{display:flex;flex-direction:column;gap:11px}.pace-group{flex:0 0 auto}.session-group{flex:1 1 auto}.color-group{flex:0 0 auto}.control-label{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:12px}.control-label>span{color:var(--mist-100);font-size:9px;font-weight:700;letter-spacing:.18em}.control-label small{color:var(--mist-500);font-size:8px;letter-spacing:.12em;white-space:nowrap}.segmented{display:flex;align-items:center;gap:4px}.segmented button{min-width:48px;min-height:44px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mist-300);font-size:12px;font-weight:500;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.segmented button:hover{background:#c7e2f612;color:var(--mist-100)}.segmented button:active{transform:scale(.96)}.segmented button.selected{background:#a8d5f021;border-color:#a8d5f040;color:var(--ice-300)}.dock-divider{width:1px;align-self:stretch;margin:8px 0;background:var(--glass-edge)}.swatches{display:flex;align-items:center;gap:9px;min-height:44px}.swatch{position:relative;width:32px;height:32px;padding:0;border:1px solid oklch(.95 .01 240 / .15);border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 4px #030c1738;transition:transform .18s ease,box-shadow .18s ease}.swatch:after{content:"";position:absolute;inset:-6px;border:1px solid transparent;border-radius:50%;transition:border-color .18s ease}.swatch:hover{transform:scale(1.08)}.swatch.selected:after{border-color:var(--swatch)}.swatch.selected{box-shadow:0 0 18px color-mix(in oklab,var(--swatch) 40%,transparent),inset 0 0 0 4px #030c1729}.session-action{margin-left:auto;display:grid;grid-template-columns:auto minmax(164px,1fr);align-items:center;gap:8px 18px;min-width:260px}.time-remaining{display:flex;flex-direction:column;align-items:flex-end}.time-remaining span{color:var(--mist-500);font-size:8px;letter-spacing:.16em}.time-remaining strong{margin-top:2px;font-family:var(--font-display);font-size:20px;font-weight:400;font-variant-numeric:tabular-nums}.start-button{min-height:54px;padding:0 22px;border:0;border-radius:12px;background:var(--ice-300);color:var(--ink-950);display:flex;align-items:center;justify-content:center;gap:11px;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 24px #75caf226;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.start-button:hover{background:var(--mist-100);transform:translateY(-2px);box-shadow:0 10px 28px #75caf23d}.start-button:active{transform:translateY(0) scale(.98)}.start-icon{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.start-button.running .start-icon{width:7px;height:8px;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}.stop-button{grid-column:2;min-height:24px;padding:0;border:0;background:transparent;color:var(--mist-500);font-size:10px;text-align:center}.stop-button:hover{color:var(--mist-100)}.footer-note{position:absolute;left:40px;right:40px;bottom:18px;display:flex;justify-content:space-between;color:var(--mist-500);font-size:8px;letter-spacing:.14em;pointer-events:none}dialog{width:min(92vw,540px);max-height:88dvh;overflow-y:auto;padding:44px;border:1px solid var(--glass-edge);border-radius:24px;background:#071727f5;color:var(--mist-100);box-shadow:0 30px 100px #020a16aa;backdrop-filter:blur(28px)}dialog::backdrop{background:#000208b3;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .22s ease-out}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog-close{position:absolute;top:14px;right:14px}dialog h2{margin:0 0 20px;font-family:var(--font-display);font-size:46px;line-height:1.02;letter-spacing:-.05em;font-weight:400}dialog>p:not(.eyebrow){color:var(--mist-300);font-size:14px}.dialog-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:20px}.dialog-steps li{display:flex;gap:16px}.dialog-steps li>span{color:var(--ice-400);font-size:10px;letter-spacing:.12em;padding-top:4px}.dialog-steps strong{font-size:14px;font-weight:600}.dialog-steps p{margin:3px 0 0;color:var(--mist-300);font-size:13px}dialog .wellness-note{padding-top:18px;border-top:1px solid var(--glass-edge);font-size:11px!important;line-height:1.65}.dialog-done{width:100%;min-height:48px;margin-top:20px;border:0;border-radius:10px;background:var(--ice-300);color:var(--ink-950);font-size:12px;font-weight:700}.dialog-done:hover{background:var(--mist-100)}.toast{position:fixed;z-index:20;left:50%;bottom:184px;transform:translate(-50%,12px);padding:10px 16px;border:1px solid var(--glass-edge);border-radius:30px;background:var(--glass);color:var(--mist-100);font-size:11px;letter-spacing:.04em;opacity:0;pointer-events:none;backdrop-filter:blur(16px);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:1180px){.control-dock{gap:16px;padding-left:20px}.segmented button{padding:0 10px;min-width:44px}.session-action{min-width:224px;grid-template-columns:auto minmax(140px,1fr);gap:8px 12px}.time-remaining{display:none}.session-action{grid-template-columns:minmax(150px,1fr)}.stop-button{grid-column:1}.intro{left:4vw}}@media(max-width:900px){body{overflow-y:auto}#app{min-height:100dvh;height:100dvh}.topbar{padding:max(20px,env(safe-area-inset-top)) 22px 0}.brand{width:auto}.brand-mark{font-size:26px}.concept-pill{display:none}.top-actions{width:auto}.text-button{font-size:11px}.intro{left:28px;top:130px;width:42vw;transform:none}h1{font-size:clamp(42px,7vw,62px)}.intro-copy{font-size:13px;margin-top:18px}.phase-guide{display:none}.device-caption{left:auto;right:28px;top:125px}.view-hint{left:68%;bottom:29%}.control-dock{left:18px;right:18px;bottom:42px;gap:14px;padding:14px 16px;min-height:104px}.color-divider,.color-group{display:none}.footer-note{left:24px;right:24px;bottom:14px}}@media(max-width:640px){#app{height:auto;min-height:100dvh;overflow:hidden;padding-bottom:calc(300px + env(safe-area-inset-bottom))}#scene{position:fixed;height:100dvh}.grain{position:fixed}.topbar{padding-left:18px;padding-right:12px}.brand-sub{font-size:7px;margin-top:6px}#reset-view{display:none}.text-button{padding-left:4px}.experience{position:relative;min-height:500px}.intro{left:22px;right:22px;top:106px;width:auto;text-align:center}.eyebrow{justify-content:center;margin-bottom:12px;font-size:8px}h1{font-size:44px;line-height:1}h1 br{display:none}.intro-copy{margin-top:12px;font-size:12px;line-height:1.6}.intro-copy br{display:none}.phase-readout{position:absolute;top:310px;left:50%;transform:translate(-50%);margin:0}.phase-readout>span{font-size:40px}.phase-readout strong{font-size:12px;white-space:nowrap}.device-caption,.view-hint{display:none}.control-dock{position:absolute;left:12px;right:12px;bottom:calc(32px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:18px 16px;border-radius:20px}.control-group,.control-label{gap:8px}.control-label small{font-size:7px}.segmented{gap:2px}.segmented button{flex:1;min-width:0;min-height:44px;padding:0 5px;font-size:11px}.session-group .segmented button{font-size:10px}.dock-divider{display:none}.color-group{display:flex;grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-edge);padding-top:12px}.color-group .control-label{flex-direction:column;align-items:flex-start;gap:3px}.swatches{gap:14px}.swatch{width:30px;height:30px}.session-action{grid-column:1 / -1;min-width:0;width:100%;display:grid;grid-template-columns:1fr 1.7fr;gap:12px;margin:0}.time-remaining{display:flex;align-items:flex-start;justify-content:center}.time-remaining strong{font-size:25px}.start-button{min-height:52px}.stop-button{grid-column:2}.footer-note{bottom:12px;left:0;right:0;justify-content:center;font-size:7px}.footer-note span:last-child{display:none}.fallback-device{width:62vw;transform:translateY(60px) rotate(-6deg)}.toast{bottom:330px;white-space:nowrap}dialog{padding:38px 26px 26px}dialog h2{font-size:40px}}@media(max-width:380px){.top-actions .text-button{font-size:10px}.intro{top:96px}h1{font-size:39px}.experience{min-height:490px}.swatches{gap:10px}.control-dock{padding:15px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}