:root{--accent-hsl:18 88% 64%;--bg:#08080a;--surface:#ffffff0a;--surface-strong:#ffffff12;--border:#ffffff17;--border-strong:#ffffff29;--text:#f4f4f7;--text-dim:#f4f4f79e;--text-faint:#f4f4f757;--radius-sm:10px;--radius:16px;--radius-lg:24px;--ease:cubic-bezier(.32, .72, 0, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.app{--accent:hsl(var(--accent-hsl));--accent-soft:hsl(var(--accent-hsl) / .16);--accent-line:hsl(var(--accent-hsl) / .35);isolation:isolate;min-height:100%;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-left)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-right));transition:background .9s var(--ease);flex-direction:column;display:flex;position:relative}.ambient{z-index:-1;pointer-events:none;background:radial-gradient(58vmax 58vmax at 50% 38%, hsl(var(--accent-hsl) / .17), transparent 68%), radial-gradient(40vmax 40vmax at 50% 100%, hsl(var(--accent-hsl) / .07), transparent 70%);transition:background .9s var(--ease);position:fixed;inset:0}.ambient:after{content:"";opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.brand{letter-spacing:.02em;color:var(--text-dim);align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.brand-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px hsl(var(--accent-hsl) / .9);transition:background .6s var(--ease);border-radius:50%}.topbar-actions{align-items:center;gap:6px;display:flex}.icon-button{width:38px;height:38px;color:var(--text-dim);transition:background .2s var(--ease), color .2s var(--ease);border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:var(--surface);color:var(--text)}.icon-button[data-active=true]{color:var(--accent);background:var(--accent-soft)}.stat-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;align-items:baseline;gap:5px;padding:7px 12px;font-size:12px;display:flex}.stat-chip b{color:var(--text);font-weight:600}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding:24px 0;display:flex}.phase-tabs{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;gap:3px;padding:4px;display:flex}.phase-tab{color:var(--text-faint);white-space:nowrap;transition:color .22s var(--ease), background .22s var(--ease);border-radius:999px;padding:8px 17px;font-size:13px;font-weight:500;position:relative}.phase-tab:hover{color:var(--text-dim)}.phase-tab[aria-selected=true]{color:var(--text);background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--accent-line)}.ring-wrap{aspect-ratio:1;place-items:center;width:min(78vw,340px);display:grid;position:relative}.ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff0f;stroke-width:3px}.ring-progress{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 7px hsl(var(--accent-hsl) / .65))}.ring-head{fill:var(--accent);filter:drop-shadow(0 0 9px hsl(var(--accent-hsl) / .95));transition:opacity .3s var(--ease)}.ring-face{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.phase-name{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);transition:color .6s var(--ease);font-size:12px;font-weight:600}.clock{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:clamp(56px,17vw,82px);font-weight:250;line-height:1}.clock[data-paused=true]{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1}50%{opacity:.42}}.cycle{align-items:center;gap:7px;height:8px;display:flex}.pip{width:6px;height:6px;transition:background .4s var(--ease), transform .4s var(--ease);background:#ffffff29;border-radius:50%}.pip[data-done=true]{background:var(--accent);transform:scale(1.18)}.controls{align-items:center;gap:14px;display:flex}.control{width:48px;height:48px;color:var(--text-dim);border:1px solid var(--border);background:var(--surface);transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .14s var(--ease);border-radius:50%;place-items:center;display:grid}.control:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-strong)}.control:active{transform:scale(.93)}.control-primary{color:#0a0a0c;background:var(--accent);width:74px;height:74px;box-shadow:0 10px 34px hsl(var(--accent-hsl) / .32);border-color:#0000}.control-primary:hover{background:var(--accent);color:#0a0a0c;filter:brightness(1.08)}.app[data-immersed=true] .topbar,.app[data-immersed=true] .phase-tabs,.app[data-immersed=true] .music-dock,.app[data-immersed=true] .controls .control:not(.control-primary){opacity:.14}.topbar,.phase-tabs,.music-dock,.controls .control{transition:opacity 1s var(--ease)}.app[data-immersed=true] .control-primary{opacity:.55}.music-dock{border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#ffffff0b;align-items:center;gap:14px;width:100%;max-width:460px;margin:0 auto;padding:11px 14px;display:flex}.music-dock[data-empty=true]{justify-content:center}.art{object-fit:cover;background:var(--surface-strong);border-radius:11px;flex-shrink:0;width:46px;height:46px;box-shadow:0 4px 14px #00000073}.art-placeholder{color:var(--text-faint);place-items:center;display:grid}.track{flex:1;min-width:0}.track-name,.track-artist{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-name{letter-spacing:-.005em;font-size:13.5px;font-weight:550}.track-artist{color:var(--text-faint);margin-top:2px;font-size:12px}.player-buttons{align-items:center;gap:2px;display:flex}.connect-button{color:var(--text);background:var(--surface-strong);border:1px solid var(--border-strong);transition:background .2s var(--ease), transform .14s var(--ease);border-radius:999px;align-items:center;gap:9px;padding:10px 18px;font-size:13.5px;font-weight:550;display:flex}.connect-button:hover{background:#ffffff1c}.connect-button:active{transform:scale(.97)}.hint{color:var(--text-faint);text-align:center;font-size:12.5px;line-height:1.5}.scrim{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .24s var(--ease);background:#04040699;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{z-index:50;overscroll-behavior:contain;max-height:88vh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--border);animation:rise .34s var(--ease);background:#121215;border-radius:26px 26px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -24px 60px #0009}@media (width>=620px){.sheet{border:1px solid var(--border);width:min(520px,100vw - 40px);animation:pop .26s var(--ease);border-radius:24px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}}.grabber{background:var(--border-strong);border-radius:999px;width:38px;height:4px;margin:0 auto 14px}@media (width>=620px){.grabber{display:none}}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-title{letter-spacing:-.01em;font-size:17px;font-weight:600}.section{margin-bottom:26px}.section:last-child{margin-bottom:6px}.section-label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-bottom:11px;font-size:11px;font-weight:600}.preset-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.preset-card{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:background .2s var(--ease), border-color .2s var(--ease);padding:13px 14px}.preset-card:hover{background:var(--surface-strong)}.preset-card[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.preset-name{margin-bottom:3px;font-size:14px;font-weight:600}.preset-times{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.preset-blurb{color:var(--text-faint);margin-top:5px;font-size:11.5px;line-height:1.4}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.row:last-child{border-bottom:none}.row-label{font-size:14px}.row-sub{color:var(--text-faint);margin-top:3px;font-size:12px;line-height:1.4}.stepper{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.stepper button{width:28px;height:28px;color:var(--text-dim);transition:background .16s var(--ease);border-radius:50%;place-items:center;font-size:17px;line-height:1;display:grid}.stepper button:hover:not(:disabled){background:var(--surface-strong);color:var(--text)}.stepper button:disabled{opacity:.28;cursor:default}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:13.5px}.switch{width:47px;height:29px;transition:background .26s var(--ease);background:#ffffff21;border-radius:999px;flex-shrink:0;position:relative}.switch[aria-checked=true]{background:var(--accent)}.switch:after{content:"";width:23px;height:23px;transition:transform .26s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.switch[aria-checked=true]:after{transform:translate(18px)}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:11px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--text-faint);white-space:nowrap;transition:background .18s var(--ease), color .18s var(--ease);border-radius:8px;padding:6px 12px;font-size:12.5px}.segmented button[aria-pressed=true]{background:var(--surface-strong);color:var(--text)}.list{flex-direction:column;gap:5px;max-height:260px;margin:0 -6px;padding:0 6px;display:flex;overflow-y:auto}.list-tall{max-height:340px}.search-input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);transition:border-color .18s var(--ease);border-radius:12px;outline:none;margin-bottom:10px;padding:10px 13px;font-size:13.5px}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{border-color:var(--accent-line)}.list-item{text-align:left;width:100%;transition:background .18s var(--ease);border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:9px 11px;display:flex}.list-item:hover{background:var(--surface)}.list-item[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.list-art{object-fit:cover;background:var(--surface-strong);border-radius:8px;flex-shrink:0;width:36px;height:36px}.list-text{flex:1;min-width:0}.list-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.list-sub{color:var(--text-faint);margin-top:2px;font-size:11.5px}.device-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px hsl(var(--accent-hsl) / .9);border-radius:50%;flex-shrink:0}.banner{border-radius:var(--radius);color:#ffc9c4;background:#ff8a801a;border:1px solid #ff8a803d;align-items:flex-start;gap:10px;margin-bottom:16px;padding:11px 13px;font-size:12.5px;line-height:1.5;display:flex}.banner button{color:inherit;opacity:.7;flex-shrink:0;margin-left:auto}.banner-info{background:var(--surface);border-color:var(--border);color:var(--text-dim)}.banner-floating{left:50%;bottom:calc(94px + env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);width:min(460px,100vw - 36px);animation:banner-in .28s var(--ease);background:#341210eb;margin:0;position:fixed;transform:translate(-50%);box-shadow:0 12px 34px #0000008c}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,8px)}}.slider{appearance:none;background:#ffffff29;border-radius:999px;outline:none;width:116px;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 5px #00000080}.slider::-moz-range-thumb{background:var(--text);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}.link-button{color:var(--accent);font-size:12.5px;text-decoration:none}.link-button:hover{text-decoration:underline}.footnote{color:var(--text-faint);font-size:11.5px;line-height:1.55}.footnote code{background:var(--surface-strong);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}