*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-1);font:400 14px/1.4 var(--font-ui);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent-soft);color:var(--text-1)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{--edge: 20px;--topbar-top: 14px;--z-scene: 0;--z-stage: 20;--z-chrome: 40;--z-overlay: 80;--z-palette: 90;--z-toast: 95;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--spring: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 );--t-quick: .14s;--t-base: .24s;--t-calm: .46s;--t-slow: .8s;--t-scene: 1.4s;--case: none;--case-label: uppercase;--ink: 255, 255, 255}@media (prefers-reduced-motion: reduce){:root{--t-quick: 1ms;--t-base: 1ms;--t-calm: 1ms;--t-slow: 1ms;--t-scene: 1ms;--spring: linear(0, 1)}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}.theme-shift,.theme-shift *{transition:background-color .5s var(--ease-in-out),color .5s var(--ease-in-out),border-color .5s var(--ease-in-out)!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.panel{background:var(--panel);-webkit-backdrop-filter:blur(var(--panel-blur)) saturate(140%);backdrop-filter:blur(var(--panel-blur)) saturate(140%);border:1px solid var(--line);box-shadow:var(--e-1)}.label{font:700 11px/1.2 var(--font-ui);letter-spacing:.08em;text-transform:var(--case-label);color:var(--text-3)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;border:1px solid var(--line-strong);border-bottom-width:2px;background:rgba(var(--ink),.05);color:var(--text-2);font:600 11px/1 var(--font-ui);text-transform:none}.btn{height:40px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(var(--ink),.06);color:var(--text-1);font:600 14px/1 var(--font-ui);text-transform:var(--case);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--t-quick) var(--ease-out),transform var(--t-base) var(--spring),box-shadow var(--t-base) var(--ease-out),border-color var(--t-quick)}.btn:hover{background:rgba(var(--ink),.1);border-color:var(--line-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn svg{width:16px;height:16px;flex:none}.btn--accent{background:var(--accent-grad);color:var(--on-accent);border-color:transparent;box-shadow:0 10px 30px -10px var(--accent-glow),inset 0 1px #fff6}.btn--accent:hover{background:var(--accent-grad);border-color:transparent;filter:brightness(1.05)}.btn--rest{background:var(--rest-soft);border-color:color-mix(in srgb,var(--rest) 35%,transparent);color:var(--text-1)}.btn--rest:hover{background:color-mix(in srgb,var(--rest) 24%,transparent)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover{background:rgba(var(--ink),.06);border-color:transparent;color:var(--text-1)}.btn--sm{height:30px;padding:0 12px;font-size:12px}.icon-btn{width:32px;height:32px;flex:none;display:inline-grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-3);transition:background var(--t-quick),color var(--t-quick),transform var(--t-base) var(--spring)}.icon-btn:hover{background:rgba(var(--ink),.07);color:var(--text-1)}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:16px;height:16px}.icon-btn[aria-pressed=true]{color:var(--accent)}.icon-btn[aria-pressed=true] svg{fill:currentColor}.chip{height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;flex:none;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(var(--ink),.045);color:var(--text-2);font:600 12px/1 var(--font-ui);text-transform:var(--case);white-space:nowrap;transition:color var(--t-quick) var(--ease-out),background var(--t-quick) var(--ease-out)}.chip:hover{color:var(--text-1);background:rgba(var(--ink),.08)}.chip[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:transparent}.field{height:44px;display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;border-radius:var(--r-md);background:rgba(var(--ink),.045);border:1px solid var(--line);color:var(--text-3);transition:border-color var(--t-quick),background var(--t-quick)}.field:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:rgba(var(--ink),.065)}.field input,.field textarea{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text-1);font:500 14px var(--font-ui)}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field svg{width:16px;height:16px;flex:none}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer;--pct: 50%}.range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0 var(--pct),rgba(var(--ink),.12) var(--pct) 100%)}.range::-moz-range-track{height:4px;border-radius:4px;background:rgba(var(--ink),.12)}.range::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--text-1);box-shadow:0 0 0 4px var(--accent-soft),0 2px 8px #00000073;transition:transform var(--t-quick) var(--spring)}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.range::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--text-1)}.switch{position:relative;width:38px;height:22px;flex:none;padding:0;border:0;border-radius:999px;background:rgba(var(--ink),.14);transition:background var(--t-base) var(--ease-out)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-1);transition:transform var(--t-base) var(--spring)}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(16px);background:var(--on-accent)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:var(--r-md);background:#00000038;border:1px solid var(--line)}.seg button{height:32px;padding:0 6px;border:0;border-radius:calc(var(--r-md) - 4px);background:transparent;color:var(--text-3);font:600 12px var(--font-ui);text-transform:var(--case);white-space:nowrap;transition:color var(--t-quick) var(--ease-out),background var(--t-quick) var(--ease-out)}.seg button:hover{color:var(--text-1)}.seg button[aria-pressed=true]{background:rgba(var(--ink),.1);color:var(--text-1);box-shadow:var(--inner)}.stack{display:flex;flex-direction:column;gap:14px}[data-theme=lofi]{--bg: #120d12;--panel: rgba(31, 21, 29, .56);--panel-solid: rgba(27, 18, 25, .9);--panel-blur: 26px;--line: rgba(255, 234, 212, .08);--line-strong: rgba(255, 234, 212, .16);--inner: inset 0 1px 0 rgba(255, 238, 218, .07);--text-1: #f8ecdd;--text-2: rgba(248, 236, 221, .72);--text-3: rgba(248, 236, 221, .5);--text-4: rgba(248, 236, 221, .3);--accent: #ffb877;--accent-2: #ff8f70;--accent-grad: linear-gradient(135deg, #ffd49e 0%, #ffb877 46%, #ff9372 100%);--accent-soft: rgba(255, 184, 119, .14);--accent-glow: rgba(255, 166, 108, .42);--on-accent: #321708;--rest: #bcb6ff;--rest-soft: rgba(188, 182, 255, .14);--ok: #acd8a3;--ok-soft: rgba(172, 216, 163, .15);--danger: #ff8d7c;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Nunito", ui-rounded, system-ui, sans-serif;--font-num: "Fraunces", "Iowan Old Style", Georgia, serif;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-xl: 30px;--r-pill: 999px;--e-1: var(--inner), 0 10px 30px -12px rgba(12, 4, 10, .6);--e-2: var(--inner), 0 28px 70px -24px rgba(12, 4, 10, .78), 0 2px 6px rgba(0, 0, 0, .25);--e-3: var(--inner), 0 50px 140px -30px rgba(12, 4, 10, .88), 0 4px 14px rgba(0, 0, 0, .3);--case: lowercase;--case-label: lowercase;--grain: .085;--scene-filter: saturate(1.06) sepia(.07);--shade: rgba(14, 7, 12, .66)}[data-theme=lofi] .label{font-weight:600;letter-spacing:.04em;font-size:12px}[data-theme=lofi] .display,[data-theme=lofi] .intent{font-family:var(--font-display);font-style:italic;font-variation-settings:"SOFT" 100,"opsz" 72}[data-theme=lofi] .digits{font-family:var(--font-num);font-weight:300;font-variation-settings:"SOFT" 100,"opsz" 144;letter-spacing:-.02em}[data-theme=lofi] .scene-leak{display:block;background:radial-gradient(60% 50% at 0% 0%,rgba(255,140,90,.32),transparent 70%),radial-gradient(45% 40% at 100% 100%,rgba(255,110,150,.16),transparent 70%);mix-blend-mode:screen;animation:leak 18s ease-in-out infinite alternate}@keyframes leak{0%{opacity:.55;transform:translate3d(-2%,-1%,0) scale(1)}to{opacity:1;transform:translate3d(1%,1%,0) scale(1.06)}}.tape{position:relative;height:58px;margin:2px 2px 0;border-radius:14px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.02) 7px 8px);border:1px solid var(--line);overflow:hidden}.tape svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tape .reel{transform-box:fill-box;transform-origin:center;animation:reel 3.2s linear infinite;animation-play-state:paused}.tape.running .reel{animation-play-state:running}.tape .reel-r{animation-duration:4.4s}@keyframes reel{to{transform:rotate(1turn)}}.tape .spool{fill:#3a2733;stroke:#ffdcbe2e;transition:r 1.2s var(--ease-out)}.tape .hub{fill:none;stroke:var(--text-3);stroke-width:1.6}.tape .ribbon{stroke:#5b3f4a;stroke-width:2}.tape .window{fill:#00000047;stroke:var(--line)}.tape .label-strip{fill:var(--accent);opacity:.9}.card.break .tape .label-strip,.focus-view.break .tape .label-strip{fill:var(--rest)}[data-theme=retro]{--bg: #000000;--panel: #1d2b53;--panel-solid: #1d2b53;--panel-blur: 0px;--line: #5f574f;--line-strong: #c2c3c7;--inner: none;--text-1: #fff1e8;--text-2: #c2c3c7;--text-3: #8c83a8;--text-4: #5f574f;--accent: #ffec27;--accent-2: #ffa300;--accent-grad: #ffec27;--accent-soft: rgba(255, 236, 39, .16);--accent-glow: transparent;--on-accent: #1d2b53;--rest: #29adff;--rest-soft: rgba(41, 173, 255, .2);--ok: #00e436;--ok-soft: rgba(0, 228, 54, .2);--danger: #ff004d;--font-display: "Press Start 2P", ui-monospace, monospace;--font-ui: "DotGothic16", ui-monospace, monospace;--font-num: "Press Start 2P", ui-monospace, monospace;--r-sm: 0px;--r-md: 0px;--r-lg: 0px;--r-xl: 0px;--r-pill: 0px;--px: 3px;--frame: calc(var(--px) * -1) 0 0 0 var(--text-1), var(--px) 0 0 0 var(--text-1), 0 calc(var(--px) * -1) 0 0 var(--text-1), 0 var(--px) 0 0 var(--text-1);--e-1: var(--frame), 6px 6px 0 0 rgba(0, 0, 0, .75);--e-2: var(--frame), 8px 8px 0 0 rgba(0, 0, 0, .8);--e-3: var(--frame), 10px 10px 0 0 rgba(0, 0, 0, .85);--case: uppercase;--case-label: uppercase;--grain: 0;--scene-filter: contrast(1.08) saturate(1.3);--shade: rgba(0, 0, 0, .55);--spring: steps(6, end);--ease-out: steps(4, end);--ease-in: steps(4, end)}[data-theme=retro] body{font-size:15px;letter-spacing:.02em}[data-theme=retro] .panel{border:0;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=retro] svg{shape-rendering:crispEdges;stroke-linecap:square;stroke-linejoin:miter}[data-theme=retro] .label{font-family:var(--font-ui);font-weight:600;letter-spacing:.1em;color:var(--text-3)}[data-theme=retro] .kbd{border-radius:0;font-family:var(--font-ui)}[data-theme=retro] .btn{height:42px;border:0;background:#5f574f;color:var(--text-1);font-family:var(--font-ui);font-weight:700;letter-spacing:.08em;box-shadow:var(--frame),inset -3px -3px #00000059,inset 3px 3px #ffffff2e}[data-theme=retro] .btn:hover{background:#83769c}[data-theme=retro] .btn:active{transform:translateY(3px);box-shadow:var(--frame),inset 3px 3px #00000059}[data-theme=retro] .btn--accent{background:var(--accent);color:var(--on-accent);filter:none}[data-theme=retro] .btn--accent:hover{background:#fff58a}[data-theme=retro] .btn--rest{background:var(--rest);color:#1d2b53}[data-theme=retro] .btn--ghost{background:transparent;box-shadow:none;color:var(--text-2)}[data-theme=retro] .btn--ghost:hover{background:#fff1e814}[data-theme=retro] .chip{border:0;background:#000;box-shadow:inset 0 0 0 2px var(--line);font-family:var(--font-ui);letter-spacing:.06em}[data-theme=retro] .chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:none}[data-theme=retro] .field{background:#000;border:0;box-shadow:inset 0 0 0 2px var(--line)}[data-theme=retro] .field:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}[data-theme=retro] .field input{font-family:var(--font-ui);font-size:15px;caret-color:var(--accent)}[data-theme=retro] .seg{background:#000;border:0;box-shadow:inset 0 0 0 2px var(--line)}[data-theme=retro] .seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:none}[data-theme=retro] .switch,[data-theme=retro] .switch:after{border-radius:0}[data-theme=retro] .range::-webkit-slider-runnable-track{height:6px;border-radius:0;background:linear-gradient(90deg,var(--accent) 0 var(--pct),#5f574f var(--pct) 100%)}[data-theme=retro] .range::-webkit-slider-thumb{width:12px;height:18px;margin-top:-6px;border-radius:0;background:var(--text-1);box-shadow:3px 3px #000}[data-theme=retro] .digits{font-family:var(--font-num);font-size:50px!important;line-height:1.2!important;letter-spacing:0;text-shadow:4px 4px 0 #000}[data-theme=retro] .digits .dg{width:1em}[data-theme=retro] .digits .dg.colon{width:.7em;opacity:1;animation:blink 1s steps(1) infinite}[data-theme=retro] .paused .digits .dg.colon,[data-theme=retro] .digits.idle .dg.colon{animation:none}@keyframes blink{50%{opacity:0}}[data-theme=retro] .display,[data-theme=retro] .intent{font-family:var(--font-ui);font-weight:600;text-transform:uppercase;letter-spacing:.04em}[data-theme=retro] .scene-scan{display:block;background:repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 2px,transparent 2px 4px),radial-gradient(120% 90% at 50% 50%,transparent 60%,rgba(0,0,0,.55) 100%);animation:flicker 6s steps(2) infinite}@keyframes flicker{0%,96%{opacity:1}98%{opacity:.88}}[data-theme=retro] .scene-layer.pixel{image-rendering:pixelated}.xpbar{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;height:18px;padding:3px;background:#000;box-shadow:inset 0 0 0 2px var(--line)}.xpbar i{background:#1d2b53}.xpbar i.on{background:var(--accent);box-shadow:inset 0 -3px 0 0 var(--accent-2)}.xpbar i.head{animation:blink .8s steps(1) infinite}.break .xpbar i.on{background:var(--rest);box-shadow:inset 0 -3px #1d6fa8}.has-px>.px{display:none}[data-theme=retro] .has-px>:not(.px){display:none}[data-theme=retro] .has-px>.px{display:inline}.px .px-soft{opacity:.38}[aria-pressed=true]>.has-px .px-soft,.play-btn .has-px .px-soft{opacity:1}[data-theme=retro] *,[data-theme=retro] *:before,[data-theme=retro] *:after{font-weight:400!important;font-synthesis:none}[data-theme=retro]{--window: linear-gradient(180deg, #25318f 0%, #18216b 48%, #0e1447 100%);--window-edge: inset 0 0 0 2px #0a0f36, inset 0 3px 0 2px rgba(255, 255, 255, .12)}[data-theme=retro] .panel,[data-theme=retro] .card,[data-theme=retro] .pal,[data-theme=retro] .toast,[data-theme=retro] .ph-sheet,[data-theme=retro] .pw{background:var(--window);box-shadow:var(--window-edge),var(--e-1)}[data-theme=retro] .card,[data-theme=retro] .pal,[data-theme=retro] .pw{box-shadow:var(--window-edge),var(--e-2)}[data-theme=retro] .card-head{border-bottom:3px solid #0a0f36;box-shadow:0 3px #ffffff1a}[data-theme=retro] .card-title,[data-theme=retro] .ph-sheet-title,[data-theme=retro] .pw-title,[data-theme=retro] .gate-title{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.5;letter-spacing:.04em;text-shadow:2px 2px 0 #000}[data-theme=retro] .pw-title,[data-theme=retro] .gate-title{font-size:14px}[data-theme=retro] .label,[data-theme=retro] .kbd,[data-theme=retro] .pro-tag{font-family:Silkscreen,DotGothic16,monospace;font-weight:400;letter-spacing:.06em}[data-theme=retro] .toast{position:relative;padding-right:30px}[data-theme=retro] .toast:after{content:"";position:absolute;right:12px;bottom:9px;border:5px solid transparent;border-top:6px solid var(--text-1);border-bottom:0;animation:bob .9s steps(2) infinite}@keyframes bob{50%{transform:translateY(3px)}}[data-theme=retro] .pal-item,[data-theme=retro] .menu button,[data-theme=retro] .q-row,[data-theme=retro] .t-row,[data-theme=retro] .pref{position:relative}[data-theme=retro] .pal-item[aria-selected=true]:before,[data-theme=retro] .menu button:hover:before,[data-theme=retro] .menu button:focus-visible:before,[data-theme=retro] .q-row:hover:before,[data-theme=retro] .q-row:focus-visible:before{content:"";position:absolute;left:-2px;top:50%;margin-top:-6px;border:6px solid transparent;border-left:7px solid var(--accent);border-right:0;filter:drop-shadow(2px 2px 0 #000);animation:blink .8s steps(1) infinite}[data-theme=retro] .pal-item[aria-selected=true],[data-theme=retro] .q-row:hover{background:#0000004d}[data-theme=retro] .arr-field .btn--accent{animation:press 1.1s steps(1) infinite}@keyframes press{50%{background:#ffa300}}[data-theme=retro] .arr-kicker{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--accent);text-shadow:2px 2px 0 #000}[data-theme=retro] .tunein b:before{content:"▶ ";animation:blink .8s steps(1) infinite}[data-theme=retro] .scene-scan{background:repeating-linear-gradient(0deg,rgba(0,0,0,.38) 0 2px,transparent 2px 4px),repeating-linear-gradient(90deg,#ff003c12 0,#ff003c12 1px,#00ff780d 1px,#00ff780d 2px,#2878ff12 2px,#2878ff12 3px),radial-gradient(120% 95% at 50% 50%,transparent 58%,rgba(0,0,0,.7) 100%)}[data-theme=retro] .app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-toast);pointer-events:none;border-radius:18px/26px;box-shadow:inset 0 0 0 3px #000000e6,inset 0 0 90px #0000008c,inset 0 0 18px #508cff1f;background:repeating-linear-gradient(0deg,rgba(0,0,0,.11) 0 1px,transparent 1px 3px);animation:flicker 7s steps(2) infinite}@media (prefers-reduced-motion: reduce){[data-theme=retro] .app:after{animation:none}}[data-theme=pro]{--bg: #0a0b0d;--panel: rgba(17, 18, 21, .9);--panel-solid: #121316;--panel-blur: 14px;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .14);--inner: none;--text-1: #eceef2;--text-2: #a5aab4;--text-3: #6f7580;--text-4: #474c55;--accent: #ff5a1f;--accent-2: #ff5a1f;--accent-grad: #ff5a1f;--accent-soft: rgba(255, 90, 31, .12);--accent-glow: transparent;--on-accent: #ffffff;--rest: #86a9ff;--rest-soft: rgba(134, 169, 255, .12);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .12);--danger: #ff5c5c;--font-display: "IBM Plex Sans", system-ui, sans-serif;--font-ui: "IBM Plex Sans", system-ui, sans-serif;--font-num: "IBM Plex Mono", ui-monospace, monospace;--r-sm: 5px;--r-md: 7px;--r-lg: 10px;--r-xl: 12px;--r-pill: 7px;--e-1: 0 12px 32px -16px rgba(0, 0, 0, .8);--e-2: 0 24px 60px -24px rgba(0, 0, 0, .85), 0 1px 2px rgba(0, 0, 0, .4);--e-3: 0 40px 110px -30px rgba(0, 0, 0, .9), 0 2px 6px rgba(0, 0, 0, .4);--case: none;--case-label: uppercase;--grain: 0;--scene-filter: saturate(.5) brightness(.72) contrast(1.04);--shade: rgba(6, 7, 9, .7);--spring: cubic-bezier(.2, .8, .2, 1)}[data-theme=pro] .label{font:500 10.5px/1.2 var(--font-num);letter-spacing:.1em;color:var(--text-3)}[data-theme=pro] .btn{font-weight:500;letter-spacing:0}[data-theme=pro] .btn--accent{box-shadow:none}[data-theme=pro] .btn--accent:hover{filter:brightness(1.08)}[data-theme=pro] .chip{font-weight:500}[data-theme=pro] .kbd{font-family:var(--font-num);border-radius:4px}[data-theme=pro] .digits{font-family:var(--font-num);font-weight:300;letter-spacing:-.04em}[data-theme=pro] .digits .dg{width:.6em}[data-theme=pro] .digits .dg.colon{width:.45em;opacity:.4}[data-theme=pro] .display,[data-theme=pro] .intent{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}[data-theme=pro] .switch{border-radius:6px}[data-theme=pro] .switch:after{border-radius:4px}.ruler{position:relative;height:26px;margin:4px 0 0;--ticks: 25;--p: 0%}.ruler:before{content:"";position:absolute;inset:6px 0 auto;height:10px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px calc(100% / var(--ticks)))}.ruler:after{content:"";position:absolute;left:0;right:0;top:20px;height:1px;background:var(--line-strong)}.ruler .fill{position:absolute;left:0;top:19px;height:3px;width:var(--p);background:var(--accent);transition:width .25s linear}.ruler .head{position:absolute;top:2px;left:var(--p);width:1px;height:22px;background:var(--accent);transition:left .25s linear}.break .ruler .fill,.break .ruler .head{background:var(--rest)}[data-theme=chroma]{--bg: var(--chroma-bg, #0b0b10);--panel: var(--chroma-panel, rgba(22, 20, 32, .62));--panel-solid: var(--chroma-deep, #16141f);--panel-blur: 30px;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--inner: inset 0 1px 0 rgba(255, 255, 255, .08);--text-1: #f6f5fa;--text-2: var(--chroma-text-2, rgba(246, 245, 250, .74));--text-3: var(--chroma-text-3, rgba(246, 245, 250, .52));--text-4: rgba(246, 245, 250, .3);--accent: var(--chroma-accent, #b9aaff);--accent-2: var(--chroma-accent-2, #ffa8d8);--accent-grad: linear-gradient(135deg, var(--accent-2), var(--accent));--accent-soft: var(--chroma-soft, rgba(185, 170, 255, .16));--accent-glow: var(--chroma-glow, rgba(185, 170, 255, .34));--on-accent: var(--chroma-on, #101014);--rest: var(--chroma-rest, #9fe0d0);--rest-soft: rgba(255, 255, 255, .08);--ok: #9be3b0;--ok-soft: rgba(155, 227, 176, .15);--danger: #ff8f8f;--font-display: "Outfit", system-ui, sans-serif;--font-ui: "Manrope", system-ui, sans-serif;--font-num: "Outfit", system-ui, sans-serif;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--e-1: var(--inner), 0 12px 32px -14px rgba(0, 0, 0, .6);--e-2: var(--inner), 0 30px 70px -26px rgba(0, 0, 0, .75);--e-3: var(--inner), 0 50px 130px -30px rgba(0, 0, 0, .85);--case: none;--case-label: uppercase;--grain: 0;--scene-filter: saturate(1.12) brightness(.9);--shade: rgba(0, 0, 0, .5)}[data-theme=chroma] .panel{border-color:color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.07))}[data-theme=chroma] .label{font:700 10.5px/1.2 var(--font-ui);letter-spacing:.14em}[data-theme=chroma] .display,[data-theme=chroma] .intent{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}[data-theme=chroma] .digits{font-family:var(--font-num);font-weight:200;letter-spacing:-.03em;text-shadow:0 0 44px var(--accent-glow)}[data-theme=chroma] .digits .dg{width:.58em}[data-theme=chroma] .digits .dg.colon{width:.3em;opacity:.5}[data-theme=chroma] .btn--accent{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 8px 26px -10px var(--accent-glow)}[data-theme=chroma] .scene-leak{display:block;opacity:.55;mix-blend-mode:soft-light;background:radial-gradient(55% 45% at 88% 8%,var(--accent-glow),transparent 70%),radial-gradient(45% 40% at 6% 96%,var(--chroma-soft, transparent),transparent 70%);transition:background 1.2s var(--ease-in-out)}.skin[data-theme=chroma]{background:radial-gradient(90% 120% at 100% 0%,var(--accent-soft),transparent 70%),var(--bg)}.skin[data-theme=chroma] .skin-digits{font-weight:200;text-shadow:0 0 18px var(--accent-glow)}.glowline{position:relative;height:22px;margin-top:4px;--p: 0%}.glowline:before{content:"";position:absolute;left:0;right:0;top:10px;height:3px;border-radius:3px;background:rgba(var(--ink),.1)}.glowline .fill{position:absolute;left:0;top:10px;width:var(--p);height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 12px var(--accent-glow);transition:width .25s linear}.glowline .head{position:absolute;top:7px;left:var(--p);width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--accent-soft),0 0 16px 2px var(--accent);transition:left .25s linear}.glowline.running .head{animation:glowPulse 2.4s ease-in-out infinite}@keyframes glowPulse{50%{box-shadow:0 0 0 5px var(--accent-soft),0 0 24px 4px var(--accent)}}.break .glowline .fill{background:var(--rest);box-shadow:0 0 12px var(--rest-soft)}.break .glowline .head{box-shadow:0 0 14px 2px var(--rest)}[data-theme=synth]{--bg: #0b0218;--panel: rgba(22, 6, 40, .74);--panel-solid: #17062c;--panel-blur: 18px;--line: rgba(255, 61, 190, .2);--line-strong: rgba(45, 226, 255, .42);--inner: inset 0 1px 0 rgba(255, 150, 230, .14);--text-1: #fdf0ff;--text-2: #d9bdf2;--text-3: #9d7cc8;--text-4: #5f4688;--accent: #ff3dbe;--accent-2: #2de2ff;--accent-grad: linear-gradient(90deg, #ff3dbe 0%, #b14dff 55%, #2de2ff 100%);--accent-soft: rgba(255, 61, 190, .16);--accent-glow: rgba(255, 61, 190, .55);--on-accent: #1a0426;--rest: #2de2ff;--rest-soft: rgba(45, 226, 255, .16);--ok: #72ffb6;--ok-soft: rgba(114, 255, 182, .16);--danger: #ff5c7a;--font-display: "Orbitron", "Chakra Petch", system-ui, sans-serif;--font-ui: "Chakra Petch", system-ui, sans-serif;--font-num: "Orbitron", ui-monospace, monospace;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 10px;--r-pill: 6px;--e-1: var(--inner), 0 0 0 1px rgba(255, 61, 190, .22), 0 0 26px -8px rgba(255, 61, 190, .45), 0 16px 40px -18px rgba(0, 0, 0, .8);--e-2: var(--inner), 0 0 0 1px rgba(255, 61, 190, .28), 0 0 40px -10px rgba(255, 61, 190, .5), 0 30px 70px -26px rgba(0, 0, 0, .85);--e-3: var(--inner), 0 0 0 1px rgba(45, 226, 255, .3), 0 0 60px -12px rgba(177, 77, 255, .55), 0 50px 120px -30px rgba(0, 0, 0, .9);--case: none;--case-label: uppercase;--grain: 0;--scene-filter: saturate(1.3) hue-rotate(-14deg) contrast(1.06) brightness(.78);--shade: rgba(22, 2, 44, .64)}[data-theme=synth] :focus-visible{outline-color:var(--accent-2)}[data-theme=synth] .label{font:600 10.5px/1.2 var(--font-ui);letter-spacing:.2em;color:var(--accent-2);opacity:.8}[data-theme=synth] .display,[data-theme=synth] .intent{font-family:var(--font-ui);font-weight:600;letter-spacing:.01em}[data-theme=synth] .digits{font-family:var(--font-num);font-size:76px;font-weight:600;letter-spacing:.02em;color:#fff4fd;text-shadow:0 0 4px #ffffff,0 0 14px var(--accent),0 0 38px var(--accent),0 0 70px rgba(177,77,255,.7)}[data-theme=synth] .digits .dg{width:.78em}[data-theme=synth] .ph-home .digits{font-size:70px}[data-theme=synth] .digits .dg.colon{width:.4em;animation:neonFlicker 4s steps(1) infinite}@keyframes neonFlicker{0%,91%,95%{opacity:1}93%{opacity:.35}}[data-theme=synth] .btn{font-weight:600;letter-spacing:.06em;text-transform:uppercase}[data-theme=synth] .btn--accent{background:var(--accent-grad);color:#fff;text-shadow:0 0 8px rgba(26,4,38,.6);box-shadow:0 0 0 1px #fff3 inset,0 0 22px -4px var(--accent-glow)}[data-theme=synth] .btn--accent:hover{filter:brightness(1.12) saturate(1.1)}[data-theme=synth] .chip[aria-pressed=true],[data-theme=synth] .seg button[aria-pressed=true]{box-shadow:0 0 14px -4px var(--accent-glow)}[data-theme=synth] .arr-title,[data-theme=synth] .bl-title{font-family:var(--font-display);font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#ffe3fb 38%,#ff3dbe 50%,#7a2fc0 78%,#2de2ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px rgba(255,61,190,.45))}[data-theme=synth] .arr-title{font-size:clamp(30px,3.8vw,52px);line-height:1.12}[data-theme=synth] .bl-title{font-size:30px}[data-theme=synth] .brand{font-family:Yellowtail,cursive;font-size:30px;color:var(--accent);text-shadow:0 0 6px rgba(255,255,255,.6),0 0 18px var(--accent)}[data-theme=synth] .brand em{font-style:normal;color:var(--accent-2);text-shadow:0 0 14px var(--accent-2)}[data-theme=synth] .scene-leak{display:block;top:auto;height:42%;opacity:.5;background-image:linear-gradient(rgba(45,226,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,61,190,.55) 1px,transparent 1px);background-size:64px 32px;transform:perspective(260px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 75%);mask-image:linear-gradient(180deg,transparent 0%,#000 75%);animation:gridRoll 3.2s linear infinite}@keyframes gridRoll{to{background-position:0 32px}}[data-theme=synth] .scene-scan{display:block;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}[data-theme=synth] .journey-cap{font-family:var(--font-num);letter-spacing:.06em;text-shadow:0 0 10px var(--accent)}.skin[data-theme=synth]{background:linear-gradient(transparent 58%,rgba(255,61,190,.3) 58.5%,transparent 60%),linear-gradient(180deg,#120330,#2b0850 55%,#ff3d9a 140%)}.skin[data-theme=synth] .skin-digits{font-size:22px;font-weight:600;color:#fff4fd;text-shadow:0 0 3px #ffffff,0 0 12px var(--accent)}.skin[data-theme=synth] .skin-bar{box-shadow:0 0 10px var(--accent-glow)}[data-theme=synth] .glowline:before{height:4px;top:9px;border-radius:0;background:repeating-linear-gradient(90deg,rgba(45,226,255,.35) 0 2px,transparent 2px 10px)}[data-theme=synth] .glowline .fill{height:4px;top:9px;border-radius:0;background:var(--accent-grad);box-shadow:0 0 10px var(--accent),0 0 26px #b14dff99}[data-theme=paper]{color-scheme:light;--ink: 58, 44, 28;--bg: #efe6d6;--panel: rgba(251, 247, 238, .94);--panel-solid: #fbf7ee;--panel-blur: 10px;--line: rgba(58, 44, 28, .12);--line-strong: rgba(58, 44, 28, .26);--inner: none;--text-1: #2b2622;--text-2: #5d544a;--text-3: #8a7f71;--text-4: #b3a897;--accent: #2b4c7e;--accent-2: #c0392b;--accent-grad: #2b4c7e;--accent-soft: rgba(43, 76, 126, .1);--accent-glow: transparent;--on-accent: #fdfaf3;--rest: #3f7d5a;--rest-soft: rgba(63, 125, 90, .12);--ok: #3f7d5a;--ok-soft: rgba(63, 125, 90, .12);--danger: #c0392b;--font-display: "Caveat", "Segoe Print", cursive;--font-ui: "Karla", system-ui, sans-serif;--font-num: "Courier Prime", "Courier New", monospace;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--r-xl: 8px;--r-pill: 999px;--e-1: 0 1px 2px rgba(58, 44, 28, .12), 0 10px 24px -14px rgba(58, 44, 28, .35);--e-2: 0 1px 2px rgba(58, 44, 28, .14), 0 22px 50px -24px rgba(58, 44, 28, .45);--e-3: 0 2px 4px rgba(58, 44, 28, .16), 0 40px 90px -30px rgba(58, 44, 28, .55);--case: none;--case-label: uppercase;--grain: .05;--scene-filter: sepia(.35) saturate(.8) brightness(1.06) contrast(.92);--shade: rgba(239, 230, 214, .5)}[data-theme=paper] .card,[data-theme=paper] .ph-sheet{background-color:var(--panel);background-image:linear-gradient(90deg,transparent 18px,rgba(192,57,43,.28) 18px 19px,transparent 19px),repeating-linear-gradient(180deg,transparent 0 27px,rgba(43,76,126,.07) 27px 28px)}[data-theme=paper] .label{font:700 10.5px/1.2 var(--font-num);letter-spacing:.1em;color:var(--text-3)}[data-theme=paper] .display,[data-theme=paper] .intent{font-family:var(--font-display);font-weight:600;font-size-adjust:.5;color:var(--accent);letter-spacing:0}[data-theme=paper] .digits{font-family:var(--font-num);font-size:96px;font-weight:700;letter-spacing:-.02em;color:var(--text-1);text-shadow:0 0 1px rgba(43,38,34,.35)}[data-theme=paper] .digits .dg{width:.62em}[data-theme=paper] .ph-home .digits{font-size:88px}[data-theme=paper] .digits .dg.colon{width:.45em}[data-theme=paper] .btn{border:1.5px solid var(--line-strong);background:transparent;font-weight:700}[data-theme=paper] .btn:hover{background:#3a2c1c0d}[data-theme=paper] .btn--accent{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:2px 2px #2b4c7e40}[data-theme=paper] .btn--accent:hover{background:#1f3b64}[data-theme=paper] .btn--ghost{border-color:transparent}[data-theme=paper] .t-check{border-radius:2px;border-color:#3a2c1c73}[data-theme=paper] .t-row.done .t-check{border-color:var(--accent-2);background:transparent;color:var(--accent-2)}[data-theme=paper] .t-row.done .t-text{text-decoration-color:var(--accent-2)}[data-theme=paper] .scene-shade{background:linear-gradient(180deg,var(--shade) 0%,transparent 20%),linear-gradient(0deg,var(--shade) 0%,transparent 30%),radial-gradient(130% 95% at 50% 45%,transparent 55%,rgba(120,96,64,.28) 100%)}[data-theme=paper] .journey-cap{color:var(--text-1)}[data-theme=paper] .clock,[data-theme=paper] .tb-right .icon-btn{color:var(--text-1);text-shadow:none}[data-theme=paper] .clock{padding:4px 9px;border-radius:var(--r-pill);background:#fbf7eed1;font-family:var(--font-num);font-weight:700}[data-theme=paper] .tb-right .icon-btn{background:#fbf7eed1}[data-theme=paper] .brand{font-family:var(--font-display);font-size:30px;color:var(--text-1);text-shadow:none}[data-theme=paper] .brand em{font-style:normal;color:var(--accent)}[data-theme=paper] .arr-title,[data-theme=paper] .bl-title{font-family:var(--font-display);font-weight:600;color:#fdf9f1;text-shadow:0 2px 18px rgba(58,44,28,.55)}[data-theme=paper] .arr-title{font-size:clamp(48px,5.6vw,78px)}[data-theme=paper] .bl-title{font-size:48px;color:var(--accent);text-shadow:none}.skin[data-theme=paper]{background-color:#fbf7ee;background-image:linear-gradient(90deg,transparent 12px,rgba(192,57,43,.35) 12px 13px,transparent 13px),repeating-linear-gradient(180deg,transparent 0 15px,rgba(43,76,126,.1) 15px 16px)}.skin[data-theme=paper] .skin-digits{font-weight:700;font-size:23px}.skin[data-theme=paper] .skin-name{font:700 17px/1 var(--font-display);text-transform:none}.pencil svg{display:block;width:100%;height:auto;margin-top:6px;overflow:visible;fill:none;stroke-linecap:round}.pencil .lead{stroke:var(--text-4);stroke-width:1.2;stroke-dasharray:.6 1.1}.pencil .ink{stroke:var(--accent);stroke-width:2.6;stroke-dasharray:100;transition:stroke-dashoffset .25s linear}.break .pencil .ink{stroke:var(--rest)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-scene);overflow:hidden;background:#07070a}.scene-layer{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center;opacity:0;filter:var(--scene-filter);transition:opacity var(--t-scene) var(--ease-out),filter var(--t-scene) var(--ease-out);animation:drift 80s ease-in-out infinite alternate}.scene-layer.on{opacity:1}@keyframes drift{0%{transform:scale(1.02) translate3d(-.7%,-.4%,0)}to{transform:scale(1.09) translate3d(.7%,.6%,0)}}.scene-video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;filter:var(--scene-filter);transition:opacity 1.4s var(--ease-out),filter var(--t-scene) var(--ease-out)}.scene-video.on{opacity:1}.scene-video iframe,.scene-video>div{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;transform:translate(-50%,-50%) scale(1.22);border:0;pointer-events:none}@media (max-aspect-ratio: 9/10){.scene-video iframe,.scene-video>div{transform:translate(calc(-50% + 50vw + 72px),-50%) scale(1.22)}.scene-layer{background-position:calc(105vw + 65px - 97.8vh) center}}.scene-journey{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s var(--ease-out)}.scene-journey.on{opacity:1}.scene-journey canvas{display:block;width:100%;height:100%}[data-theme=retro] .scene-journey canvas{image-rendering:pixelated}.app.arrival .scene-layer,.app.arrival .scene-video,.app.arrival .scene-journey{filter:var(--scene-filter) blur(16px) brightness(.7)}.scene-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity 1.6s var(--ease-in-out);background:linear-gradient(180deg,var(--shade) 0%,transparent 16%),linear-gradient(0deg,var(--shade) 0%,transparent 26%),radial-gradient(130% 95% at 50% 45%,transparent 55%,rgba(0,0,0,.42) 100%)}.app.ambient .scene-shade{opacity:.4}.scene-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:var(--grain);pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain 1.4s steps(6) infinite}@keyframes grain{0%{transform:translateZ(0)}20%{transform:translate3d(-3%,2%,0)}40%{transform:translate3d(2%,-3%,0)}60%{transform:translate3d(-2%,-1%,0)}80%{transform:translate3d(3%,3%,0)}to{transform:translateZ(0)}}[data-theme=retro] .scene-grain,[data-theme=pro] .scene-grain{display:none}.scene-leak,.scene-scan{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.journey-cap{position:absolute;left:22px;bottom:26px;padding:7px 13px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--panel-solid) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 13px var(--font-ui);color:var(--text-1);text-transform:var(--case);pointer-events:none}[data-theme=retro] .journey-cap{text-shadow:2px 2px 0 #000}[data-theme=pro] .journey-cap{font-family:var(--font-num);font-weight:400}.app{position:fixed;top:0;right:0;bottom:0;left:0}.topbar{position:fixed;top:var(--topbar-top);left:var(--edge);right:var(--edge);height:44px;z-index:var(--z-chrome);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;pointer-events:none}.topbar>*{pointer-events:auto}.tb-left{display:flex;align-items:center;gap:14px;min-width:0;transition:opacity 1.2s var(--ease-in-out)}.brand{font:400 26px/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;text-shadow:0 2px 24px rgba(0,0,0,.45)}.brand em{color:var(--text-2)}[data-theme=lofi] .brand{font-style:italic;font-variation-settings:"SOFT" 100,"opsz" 72}[data-theme=retro] .brand{font-size:15px;text-shadow:3px 3px 0 #000}[data-theme=retro] .brand em{font-style:normal;color:var(--accent)}[data-theme=pro] .brand{font:600 17px/1 var(--font-ui);letter-spacing:-.02em}[data-theme=pro] .brand em{font-style:normal;color:var(--text-3)}.tb-right{justify-self:end;display:flex;align-items:center;gap:6px;transition:opacity 1.2s var(--ease-in-out)}.tb-right .icon-btn{width:36px;height:36px;color:var(--text-2)}.clock{padding:0 8px;font:600 14px var(--font-ui);color:var(--text-2);text-shadow:0 1px 12px rgba(0,0,0,.5)}[data-theme=pro] .clock{font-family:var(--font-num);font-weight:400}.avatar{width:32px;height:32px;padding:0;overflow:hidden;border-radius:50%;border:1px solid var(--line-strong);background:linear-gradient(135deg,#3b3a47,#1f1f27);color:var(--text-2);font:700 12px var(--font-ui)}.avatar img{width:100%;height:100%;object-fit:cover}[data-theme=retro] .avatar{border-radius:0;border:0;box-shadow:var(--frame)}.avatar{position:relative;overflow:visible}.avatar img{border-radius:inherit}.avatar-badge{position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 2px var(--bg)}.avatar-badge svg{width:10px;height:10px}.np{height:40px;min-width:0;max-width:460px;display:flex;align-items:center;gap:9px;padding:0 5px;border-radius:var(--r-pill)}.play-btn{width:30px;height:30px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--accent-soft);color:var(--accent);transition:background var(--t-quick),transform var(--t-quick) var(--ease-out)}.play-btn:hover{background:var(--accent);color:var(--on-accent)}.play-btn:active{transform:scale(.92)}.play-btn svg{width:14px;height:14px;fill:currentColor}.play-btn:not(.on){background:var(--accent);color:var(--on-accent)}[data-theme=retro] .play-btn{border-radius:0;box-shadow:var(--frame)}.np-eq{width:14px;height:13px;flex:none;display:flex;align-items:flex-end;gap:2px}.np-eq i{width:2.5px;height:30%;border-radius:2px;background:var(--accent);animation:eq 1.2s ease-in-out infinite}.np-eq i:nth-child(2){animation-delay:-.4s}.np-eq i:nth-child(3){animation-delay:-.8s}.np.paused .np-eq i,.ambient-np.paused .np-eq i{animation-play-state:paused;background:var(--text-3)}@keyframes eq{0%,to{height:25%}50%{height:100%}}[data-theme=retro] .np-eq i{border-radius:0;width:3px;animation-timing-function:steps(3)}.np-text{min-width:0;display:flex;align-items:baseline;gap:7px;padding:0;border:0;background:none;white-space:nowrap;overflow:hidden;text-align:left}.np-station{flex:none;font:700 13px var(--font-ui);color:var(--accent);text-transform:var(--case)}.np-title{overflow:hidden;text-overflow:ellipsis;font:600 13px var(--font-ui);color:var(--text-1)}.np .icon-btn{width:30px;height:30px}.capsule{height:44px;max-width:min(520px,40vw);display:flex;align-items:center;gap:10px;padding:0 6px 0 10px;border-radius:var(--r-pill);color:var(--text-1);opacity:0;transform:translateY(-10px) scale(.94);pointer-events:none;transition:opacity var(--t-calm) var(--ease-out),transform var(--t-calm) var(--spring),background var(--t-base)}.capsule.on{opacity:1;transform:none;pointer-events:auto}.capsule:hover{background:var(--panel-solid)}.cap-ring{width:24px;height:24px;flex:none;transform:rotate(-90deg)}.cap-ring circle{fill:none;stroke-width:2.6}.cap-ring .trk{stroke:rgba(var(--ink),.14)}.cap-ring .prg{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:62.83;transition:stroke-dashoffset .25s linear}.capsule.break .cap-ring .prg{stroke:var(--rest)}.cap-intent{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.1}.cap-time{flex:none;font:700 14px var(--font-ui);color:var(--accent)}[data-theme=pro] .cap-time{font-family:var(--font-num);font-weight:500}.capsule.break .cap-time{color:var(--rest)}.capsule.paused .cap-time{color:var(--text-3)}.cap-btn{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(var(--ink),.07);color:var(--text-1);transition:background var(--t-quick),transform var(--t-base) var(--spring)}.cap-btn:hover{background:rgba(var(--ink),.14)}.cap-btn svg{width:13px;height:13px}[data-theme=retro] .cap-btn{border-radius:0}.np-eq.still i{animation-play-state:paused;background:var(--text-3)}.cap-main{min-width:0;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;text-align:left}.dock{position:fixed;left:50%;bottom:20px;z-index:var(--z-chrome);height:64px;display:flex;align-items:center;gap:3px;padding:0 9px;border-radius:calc(var(--r-lg) + 2px);transform:translate(-50%);transition:opacity 1.2s var(--ease-in-out),transform var(--t-slow) var(--spring)}.dock-item{position:relative;width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:calc(var(--r-md) - 1px);background:transparent;color:var(--text-2);transition:background var(--t-quick),color var(--t-quick)}.dock-item>svg{width:22px;height:22px;transition:transform var(--t-base) var(--spring)}.dock-item:hover{background:rgba(var(--ink),.07);color:var(--text-1)}.dock-item:hover>svg{transform:translateY(-2px) scale(1.1)}.dock-item:active>svg{transform:scale(.9)}.dock-item.is-open{color:var(--text-1)}.dock-item.is-open:after{content:"";position:absolute;bottom:2px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}[data-theme=retro] .dock-item.is-open:after{border-radius:0}.dock-ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity var(--t-base);background:conic-gradient(var(--accent) calc(var(--p, 0) * 1turn),rgba(var(--ink),.08) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px))}.dock-item.live .dock-ring{opacity:1}.dock-item.live.break .dock-ring{background:conic-gradient(var(--rest) calc(var(--p, 0) * 1turn),rgba(var(--ink),.08) 0)}.dock-count{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:rgba(var(--ink),.16);color:var(--text-1);font:800 10px/16px var(--font-ui);text-align:center}.dock-bars{position:absolute;left:50%;bottom:7px;height:8px;display:flex;align-items:flex-end;gap:2px;transform:translate(-50%)}.dock-bars i{width:2px;height:2px;border-radius:1px;background:var(--accent)}.dock-tip{position:absolute;bottom:calc(100% + 12px);left:50%;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:11px;background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--e-1);color:var(--text-1);font:600 12px var(--font-ui);text-transform:var(--case);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:all var(--t-quick) var(--ease-out)}.dock-item:hover .dock-tip,.dock-item:focus-visible .dock-tip{opacity:1;transform:translate(-50%);transition-delay:.12s}[data-theme=retro] .dock-tip{border:0;border-radius:0}.dock-sep{width:1px;height:26px;margin:0 6px;background:var(--line-strong)}.tunein{position:fixed;left:50%;bottom:104px;z-index:var(--z-chrome);height:46px;display:flex;align-items:center;gap:12px;padding:0 18px 0 8px;border-radius:var(--r-pill);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text-1);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity var(--t-calm) var(--ease-out),transform var(--t-calm) var(--spring)}.tunein.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.ti-play{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent-grad);color:var(--on-accent);animation:breath 2.8s ease-in-out infinite}.ti-play svg{width:14px;height:14px;margin-left:2px}[data-theme=retro] .ti-play{border-radius:0;animation:blink 1.2s steps(1) infinite}@keyframes breath{0%{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 10px transparent}}.tunein b{font:700 14px var(--font-ui);text-transform:var(--case)}.tunein .sub{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px var(--font-ui);color:var(--text-2)}.toasts{position:fixed;left:50%;bottom:100px;z-index:var(--z-toast);display:flex;flex-direction:column-reverse;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.toast{min-height:42px;max-width:min(560px,90vw);display:flex;align-items:center;gap:12px;padding:0 18px 0 16px;border-radius:var(--r-pill);background:var(--panel-solid);color:var(--text-1);font:600 13px var(--font-ui);pointer-events:auto;animation:toastIn .52s var(--spring)}.toast.has-action{padding-right:6px}.toast.out{animation:toastOut .3s var(--ease-in) forwards}.toast>svg{width:16px;height:16px;flex:none;color:var(--accent)}.toast .btn{height:30px;padding:0 12px;font-size:12px}.toast-text{padding:10px 0}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px) scale(.97)}}.update-pill{position:fixed;right:var(--edge);bottom:24px;z-index:var(--z-toast);height:38px;display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;border-radius:var(--r-pill);font:600 13px var(--font-ui);animation:toastIn .52s var(--spring)}.update-pill .btn{height:28px;padding:0 12px;font-size:12px}.app.ambient .tb-left,.app.ambient .tb-right,.app.ambient .dock,.app.ambient .card,.app.ambient .tunein{opacity:0!important;pointer-events:none!important;transition:opacity 1.6s var(--ease-in-out)!important}.app.ambient .capsule{background:color-mix(in srgb,var(--panel) 60%,transparent)}.app.hide-cursor,.app.hide-cursor *{cursor:none!important}.ambient-np{position:fixed;left:26px;bottom:24px;z-index:var(--z-chrome);display:flex;align-items:center;gap:10px;font:600 13px var(--font-ui);color:var(--text-2);text-shadow:0 1px 14px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity 1.6s var(--ease-in-out)}.app.ambient .ambient-np{opacity:.75}.app.arrival .dock,.app.arrival .tb-right,.app.arrival .np,.app.arrival .capsule{opacity:0;pointer-events:none}.app.arrival .dock{transform:translate(-50%,24px)}@media (max-width: 1000px){.np-title{display:none}}@media (max-width: 900px){.clock{display:none}}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-stage);pointer-events:none}.card{position:absolute;top:0;left:0;width:var(--w, 352px);display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;pointer-events:auto;transform-origin:center;will-change:transform;transition:transform var(--t-calm) var(--spring),height var(--t-calm) var(--spring),opacity .26s var(--ease-out),background var(--t-base),box-shadow var(--t-base)}.card.is-front{background:var(--panel-solid);box-shadow:var(--e-2)}.card.entering{transition:none}.card.closing{pointer-events:none;transition:transform .38s var(--ease-in),opacity .32s var(--ease-in)}.card.dragging{box-shadow:var(--e-3);transition:height var(--t-calm) var(--spring),box-shadow var(--t-base)}[data-theme=retro] .card{overflow:visible}[data-theme=retro] .card-body{overflow:hidden}.card-head{height:52px;flex:none;display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.card.dragging .card-head{cursor:grabbing}.card-icon{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px;background:rgba(var(--ink),.06);color:var(--text-2)}.card-icon svg{width:15px;height:15px}.card.is-front .card-icon{color:var(--accent);background:var(--accent-soft)}[data-theme=retro] .card-icon{border-radius:0}.card-title{margin:0;font:700 14px/1 var(--font-ui);letter-spacing:-.01em;text-transform:var(--case)}[data-theme=retro] .card-title{letter-spacing:.08em}.card-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px var(--font-ui);color:var(--text-3);text-transform:var(--case)}[data-theme=pro] .card-meta{font-family:var(--font-num);font-weight:400;font-size:11.5px}.card-actions{margin-left:auto;display:flex;gap:2px}.card-body{flex:none;display:flex;flex-direction:column;gap:14px;padding:2px 16px 16px;transition:opacity var(--t-base)}.card.folded .card-body{opacity:0;pointer-events:none}.card.folded .card-head{cursor:pointer}.card.folded .card-head:hover{background:rgba(var(--ink),.04)}.card.capped .card-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.menu{position:absolute;top:46px;right:10px;z-index:5;min-width:196px;padding:6px;border-radius:14px;background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:var(--e-3);animation:pop var(--t-base) var(--spring)}.menu button{width:100%;height:34px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font:600 13px var(--font-ui);text-align:left;text-transform:var(--case)}.menu button:hover,.menu button:focus-visible{background:rgba(var(--ink),.07);color:var(--text-1)}.menu button svg{width:15px;height:15px}.menu button .kbd{margin-left:auto}.menu hr{height:1px;margin:5px 4px;border:0;background:var(--line)}[data-theme=retro] .menu,[data-theme=retro] .menu button{border-radius:0}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.drop-zone{position:fixed;top:76px;bottom:108px;z-index:15;width:22vw;display:grid;place-items:center;border-radius:var(--r-xl);border:1.5px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--accent);font:700 12px var(--font-ui);letter-spacing:.08em;text-transform:var(--case-label);opacity:0;pointer-events:none;transition:opacity var(--t-base)}.drop-zone.left{left:12px}.drop-zone.right{right:12px}.app.dragging .drop-zone{opacity:.35}.app.dragging .drop-zone.hot{opacity:1}.row{display:flex;align-items:center;gap:10px}.row .grow{flex:1;min-width:0}.muted{color:var(--text-3)}.f-intent{display:flex;flex-direction:column;gap:6px}.f-intent-input{width:calc(100% + 8px);min-height:30px;margin:0 -4px;padding:2px 4px;border:0;border-radius:8px;outline:0;background:transparent;color:var(--text-1);font-size:22px;line-height:1.2}.f-intent-input:hover{background:rgba(var(--ink),.04)}.f-intent-input:focus{background:rgba(var(--ink),.06);box-shadow:0 0 0 1px var(--line-strong)}.f-intent-input::placeholder{color:var(--text-4)}.f-intent-input:disabled{color:var(--text-2)}[data-theme=retro] .f-intent-input{font-size:16px}.f-time{display:flex;justify-content:center;margin:4px 0 0}.digits{display:flex;color:var(--text-1);font-size:104px;line-height:.95}.dg{display:inline-block;width:.5em;text-align:center}.dg.colon{width:.26em;opacity:.55}.dg.roll{animation:roll .38s var(--ease-out)}@keyframes roll{0%{transform:translateY(-18%);opacity:.25;filter:blur(2px)}}.break .digits{color:color-mix(in srgb,var(--rest) 30%,var(--text-1))}.f-meta{display:flex;justify-content:space-between;align-items:center;font:600 12px var(--font-ui);color:var(--text-3);text-transform:var(--case)}[data-theme=pro] .f-meta{font-family:var(--font-num);font-weight:400}.f-dots{display:flex;gap:5px}.f-dots i{width:6px;height:6px;border-radius:50%;background:rgba(var(--ink),.16)}.f-dots i.on{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}[data-theme=retro] .f-dots i{width:8px;height:8px;border-radius:0}.f-ctrl{display:flex;align-items:center;gap:6px}.f-ctrl .btn--accent{flex:1;height:44px}.f-ctrl .icon-btn{width:44px;height:44px;border-radius:var(--r-md);background:rgba(var(--ink),.05);color:var(--text-2);font:700 12px var(--font-ui)}.f-next{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.f-next button{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--text-2);font:600 13px var(--font-ui);text-align:left}.f-next button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-next button:hover{color:var(--text-1)}.f-next svg{width:14px;height:14px;flex:none}.t-hint{font:600 11px var(--font-ui);color:var(--text-4);white-space:nowrap;text-transform:var(--case)}.t-list{display:flex;flex-direction:column;margin:0 -8px}.t-row{position:relative;min-height:44px;display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:12px;transition:background var(--t-quick)}.t-row:hover{background:rgba(var(--ink),.04)}.t-check{width:22px;height:22px;flex:none;display:grid;place-items:center;padding:0;border:1.6px solid rgba(var(--ink),.3);border-radius:50%;background:transparent;color:var(--on-accent);transition:all var(--t-base) var(--spring)}.t-check:hover{border-color:var(--accent)}.t-check svg{width:13px;height:13px;stroke-width:3;opacity:0;transform:scale(.4);transition:all var(--t-base) var(--spring)}.t-row.done .t-check{background:var(--ok);border-color:var(--ok)}.t-row.done .t-check svg{opacity:1;transform:none}[data-theme=retro] .t-check{border:0;border-radius:0;box-shadow:inset 0 0 0 2px var(--text-2)}[data-theme=retro] .t-row.done .t-check{box-shadow:none}[data-theme=pro] .t-check{border-radius:5px}.t-text{flex:1;min-width:0;overflow-wrap:anywhere;font:600 14px/1.3 var(--font-ui);color:var(--text-1)}.t-text input{width:calc(100% + 8px);margin:-2px -4px;padding:2px 4px;border:0;border-radius:6px;outline:0;background:rgba(var(--ink),.08);font:inherit}.t-row.done .t-text{color:var(--text-3);text-decoration:line-through;text-decoration-color:rgba(var(--ink),.3)}.t-est{font:600 12px var(--font-ui);color:var(--text-3);white-space:nowrap}[data-theme=pro] .t-est{font-family:var(--font-num);font-weight:400}.t-live{height:22px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:700 11px var(--font-ui);text-transform:var(--case);white-space:nowrap}.t-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.t-acts{display:none;gap:2px}.t-row:hover .t-acts,.t-row:focus-within .t-acts{display:flex}.t-row:hover .t-est,.t-row:focus-within .t-est{display:none}.t-acts .icon-btn{width:28px;height:28px}.t-empty{padding:10px 8px;color:var(--text-3);font:600 13px var(--font-ui)}.t-done-toggle{align-self:flex-start;display:flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:var(--text-3);font:600 12px var(--font-ui);text-transform:var(--case)}.t-done-toggle svg{width:14px;height:14px;transition:transform var(--t-base)}.t-done-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.focus-view{container-type:inline-size}button.f-time{width:100%;padding:0;border:0;border-radius:var(--r-md);background:transparent;cursor:text;transition:background var(--t-quick)}button.f-time:hover{background:rgba(var(--ink),.04)}button.f-time:focus-visible{outline:2px solid var(--accent)}.f-time .digits{font-size:min(104px,100cqw / 2.45)}.f-time.long .digits{font-size:min(84px,100cqw / 3.25)}.f-time.editing{flex-direction:column;align-items:center;gap:6px}.f-time-edit{display:flex;align-items:baseline;gap:10px;color:var(--text-3);font:600 16px var(--font-ui);text-transform:var(--case)}.f-time-edit input{width:3.2ch;padding:0 4px;border:0;border-bottom:2px solid var(--accent);outline:0;background:transparent;color:var(--text-1);font-size:min(92px,100cqw / 3.2);line-height:1.05;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.f-time-edit input::-webkit-outer-spin-button,.f-time-edit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.f-time-hint{color:var(--text-4);font:600 11px var(--font-ui)}.f-pick{position:relative;display:flex;align-items:center;gap:4px}.f-pick .f-intent-input{flex:1;width:auto;min-width:0}.f-pick-btn[aria-expanded=true] svg{transform:rotate(180deg)}.f-menu{position:absolute;top:calc(100% + 6px);left:-4px;right:-4px;z-index:5;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style:none;border-radius:var(--r-md);background:var(--panel-solid);box-shadow:var(--e-3)}.f-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text-1);font:600 13px var(--font-ui);text-align:left}.f-menu button:hover,.f-menu button:focus-visible{background:rgba(var(--ink),.07)}.f-menu-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-menu-meta{color:var(--text-3);font-size:12px}.f-linked{display:flex;align-items:center;gap:8px;min-height:34px;padding:2px 2px 2px 10px;border-radius:var(--r-md);background:var(--accent-soft)}.f-linked .label{color:var(--accent)}.f-linked-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);font-size:17px}.f-goal{display:flex;align-items:center;gap:10px;color:var(--text-3);font:600 12px var(--font-ui)}.f-goal-bar{flex:1;height:4px;border-radius:2px;background:rgba(var(--ink),.1);overflow:hidden}.f-goal-bar i{display:block;width:var(--p);height:100%;border-radius:inherit;background:var(--accent);transition:width var(--t-calm) var(--ease-out)}.f-goal.over .f-goal-bar i{background:var(--ok)}.f-goal.over{color:var(--text-2)}.t-add{padding-right:6px}.t-add>input{flex:1;min-width:0}.t-goal-in{display:flex;align-items:center;gap:4px;flex:none;padding:4px 8px;border-radius:8px;background:rgba(var(--ink),.06);color:var(--text-3);font:600 11px var(--font-ui);white-space:nowrap}.t-goal-in input{width:4ch;border:0;outline:0;background:transparent;color:var(--text-1);font-size:13px;text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.t-goal-in input::-webkit-outer-spin-button,.t-goal-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.t-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.t-bar{width:100%;height:3px;border-radius:2px;background:rgba(var(--ink),.08);overflow:hidden}.t-bar i{display:block;width:var(--p);height:100%;background:var(--accent);opacity:.8}.t-bar.over i{background:var(--ok)}.t-row.done .t-bar{opacity:.5}.t-edit{flex:1;display:flex;align-items:center;gap:8px}.t-edit>input{flex:1;min-width:0;padding:6px 8px;border:0;border-radius:8px;outline:0;background:rgba(var(--ink),.08);box-shadow:0 0 0 1px var(--line-strong);color:var(--text-1);font:600 14px var(--font-ui)}.t-log{align-self:flex-start}@media (hover: none){.t-acts{display:flex}.t-est{display:none}}.mixes{display:flex;flex-wrap:wrap;gap:6px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{--lv: 0;position:relative;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(var(--ink),.035);color:var(--text-3);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:background var(--t-base),color var(--t-base),border-color var(--t-base),transform var(--t-base) var(--spring)}.tile:hover{background:rgba(var(--ink),.06);color:var(--text-1)}.tile:active{transform:scale(.96)}.tile.on{color:var(--text-1);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),color-mix(in srgb,var(--accent) 12%,transparent))}.tile-ring{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.tile-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--lv) * 1turn),rgba(var(--ink),.1) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}.tile-ring svg{position:relative;width:19px;height:19px}.tile.preparing .tile-ring:before{background:conic-gradient(var(--accent) .18turn,rgba(var(--ink),.1) 0);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.tile-label{font:600 12px var(--font-ui);text-transform:var(--case)}.tile-pct{position:absolute;top:7px;right:9px;font:700 10px var(--font-ui);color:var(--accent);opacity:0;transition:opacity var(--t-quick)}.tile.on:hover .tile-pct,.tile.dragging .tile-pct{opacity:1}[data-theme=retro] .tile{border:0;background:#000;box-shadow:inset 0 0 0 2px var(--line)}[data-theme=retro] .tile.on{background:#000;box-shadow:inset 0 0 0 2px var(--accent)}[data-theme=retro] .tile-ring,[data-theme=retro] .tile-ring:before{border-radius:0}[data-theme=retro] .tile-ring:before{inset:auto 0 0;height:calc(var(--lv) * 100%);background:var(--accent-soft);-webkit-mask:none;mask:none}.mix-vol{display:grid;grid-template-columns:76px 1fr 30px;align-items:center;gap:12px}.mix-vol .val{font:700 12px var(--font-ui);color:var(--text-2);text-align:right}[data-theme=pro] .mix-vol .val{font-family:var(--font-num);font-weight:400}.st-foryou{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fy{position:relative;height:124px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(160deg,var(--a),var(--b));color:#fff;text-align:left;transition:transform var(--t-base) var(--spring),border-color var(--t-base)}.fy:hover{transform:translateY(-2px);border-color:var(--line-strong)}.fy.playing{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.fy-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.85;transition:transform 6s var(--ease-out)}.fy:hover .fy-img{transform:scale(1.08)}.fy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.8) 100%)}.fy-name{position:absolute;left:11px;right:10px;bottom:26px;z-index:1;font-size:18px;line-height:1.05}.fy-why{position:absolute;left:11px;right:10px;bottom:10px;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px var(--font-ui);color:#ffffffb8;text-transform:var(--case)}[data-theme=retro] .fy-name{font-size:13px}.hscroll{display:flex;gap:6px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent);mask:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent)}.hscroll::-webkit-scrollbar{display:none}.st-now{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md);background:rgba(var(--ink),.045);border:1px solid var(--line)}.thumb{width:64px;height:40px;flex:none;border-radius:9px;background:#222 center / cover}.st-now-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.st-now-text b,.q-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px var(--font-ui)}.st-now-text span,.q-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px var(--font-ui);color:var(--text-3)}.st-why{margin-top:-6px;font:600 12px var(--font-ui);color:var(--text-3);text-transform:var(--case)}.q-list{display:flex;flex-direction:column;margin:-2px -8px 0}.q-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left}.q-row:hover{background:rgba(var(--ink),.05)}.q-row .thumb{width:48px;height:30px;border-radius:7px}.q-row>div{flex:1;min-width:0;display:flex;flex-direction:column}.q-row .icon-btn{opacity:0}.q-row:hover .icon-btn,.q-row:focus-within .icon-btn{opacity:1}.swatch{width:48px;height:30px;flex:none;border-radius:7px}.st-empty{padding:8px;color:var(--text-3);font:600 13px var(--font-ui)}[data-theme=retro] .thumb,[data-theme=retro] .swatch,[data-theme=retro] .fy,[data-theme=retro] .st-now,[data-theme=retro] .q-row{border-radius:0}.q-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0;border:0;background:none;color:inherit;text-align:left}.q-main b,.q-main span{max-width:100%}.s-top{display:flex;align-items:center;gap:18px}.s-ring{position:relative;width:104px;height:104px;flex:none}.s-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.s-ring circle{fill:none;stroke-width:7}.s-ring .trk{stroke:rgba(var(--ink),.08)}.s-ring .prg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease-out)}[data-theme=retro] .s-ring .prg{stroke-linecap:butt}.s-ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.s-ring-num b{font:400 34px/1 var(--font-num)}[data-theme=retro] .s-ring-num b{font-size:18px}.s-ring-num span{font:600 11px var(--font-ui);color:var(--text-3);text-transform:var(--case)}.s-facts{min-width:0;display:flex;flex-direction:column;gap:10px}.s-fact{display:flex;align-items:center;gap:9px;font:600 13px var(--font-ui);color:var(--text-2);text-transform:var(--case)}.s-fact svg{width:16px;height:16px;flex:none;color:var(--accent)}.s-fact b{color:var(--text-1)}.s-week{height:92px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px}.s-bar{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.s-bar i{width:100%;max-width:22px;min-height:4px;border-radius:6px;background:rgba(var(--ink),.12);transition:height 1s var(--ease-out)}.s-bar.today i{background:var(--accent-grad);box-shadow:0 0 14px var(--accent-glow)}[data-theme=retro] .s-bar i{border-radius:0}.s-bar span{font:600 11px var(--font-ui);color:var(--text-3)}.s-bar.today span{color:var(--accent)}.skins{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skin{position:relative;height:96px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);color:var(--text-1);text-align:left;transition:transform var(--t-base) var(--spring)}.skin:hover{transform:translateY(-2px)}.skin[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.skin-digits{font:300 26px/1 var(--font-num);letter-spacing:-.02em;color:var(--text-1)}.skin[data-theme=lofi] .skin-digits{font-style:italic;font-variation-settings:"SOFT" 100}.skin[data-theme=retro] .skin-digits{font-size:13px;letter-spacing:0}.skin[data-theme=pro] .skin-digits{font-size:24px;letter-spacing:-.04em}.skin-name{font:700 12px var(--font-ui);color:var(--accent);text-transform:var(--case)}.skin-bar{width:62%;height:3px;border-radius:3px;background:var(--accent-grad)}.skin[data-theme=retro],.skin[data-theme=retro] .skin-bar{border-radius:0}.prefs{display:flex;flex-direction:column;margin:0 -2px}.pref{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px;font:600 13px var(--font-ui);color:var(--text-2);text-transform:var(--case)}.pref+.pref{border-top:1px solid var(--line)}.pref .seg{width:180px}.stepper{display:flex;align-items:center;gap:2px}.stepper output{min-width:48px;text-align:center;font:700 13px var(--font-ui);color:var(--text-1);text-transform:none}[data-theme=pro] .stepper output{font-family:var(--font-num);font-weight:500}.account{display:flex;align-items:center;gap:12px}.account .avatar{width:36px;height:36px;flex:none}.account-name{min-width:0;display:flex;flex-direction:column;font:700 13px var(--font-ui)}.account-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:12px;color:var(--text-3)}.feedback{display:flex;flex-direction:column;gap:8px}.feedback textarea{width:100%;min-height:72px;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);outline:0;background:rgba(var(--ink),.045);color:var(--text-1);font:500 13px/1.4 var(--font-ui)}.feedback textarea:focus{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.links{display:flex;flex-wrap:wrap;gap:4px 14px;font:600 12px var(--font-ui)}.links a,.links button{padding:0;border:0;background:none;color:var(--text-3);text-decoration:none;text-transform:var(--case)}.links a:hover,.links button:hover{color:var(--text-1)}.feedback .btn{align-self:flex-end}.palette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-palette);background:#06060961;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade var(--t-base) var(--ease-out)}@keyframes fade{0%{opacity:0}}.pal{position:absolute;top:15vh;left:50%;width:min(640px,92vw);overflow:hidden;border-radius:var(--r-xl);background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:var(--e-3);transform:translate(-50%);animation:palIn var(--t-calm) var(--spring)}@keyframes palIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.98)}}.pal-input{height:64px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);color:var(--text-3)}.pal-input>svg{width:20px;height:20px;flex:none}.pal-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-1);font-size:22px}.pal-input input::placeholder{color:var(--text-4)}[data-theme=retro] .pal-input input{font-size:17px}.pal-list{max-height:min(420px,54vh);overflow:auto;padding:6px 8px 8px;overscroll-behavior:contain}.pal-group{padding:12px 12px 6px}.pal-item{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:7px 12px;border:0;border-radius:13px;background:transparent;color:inherit;text-align:left}.pal-item[aria-selected=true]{background:rgba(var(--ink),.075)}.pi-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:rgba(var(--ink),.06);color:var(--text-2)}.pi-icon svg{width:16px;height:16px}.pal-item[aria-selected=true] .pi-icon{color:var(--accent);background:var(--accent-soft)}.pal-item .thumb{width:52px;height:32px;border-radius:8px}.pal-item .swatch{width:32px;height:32px;border-radius:10px}.pi-text,.pi-label,.pi-sub{display:block}.pi-text{flex:1;min-width:0}.pi-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px var(--font-ui);color:var(--text-1)}.pi-label mark{background:none;color:var(--accent)}.pi-sub{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px var(--font-ui);color:var(--text-3)}.pi-hint{margin-left:auto;display:flex;align-items:center;gap:4px}.pal-foot{height:40px;display:flex;align-items:center;gap:16px;padding:0 18px;border-top:1px solid var(--line);color:var(--text-3);font:600 12px var(--font-ui)}.pal-foot span{display:inline-flex;align-items:center;gap:6px}[data-theme=retro] .pal,[data-theme=retro] .pal-item,[data-theme=retro] .pi-icon,[data-theme=retro] .pal-item .swatch,[data-theme=retro] .pal-item .thumb{border-radius:0}[data-theme=retro] .pal{border:0}.gate{display:grid;justify-items:center;gap:8px;padding:20px 16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-soft),transparent 150%);text-align:center}.gate-title{font-size:20px;line-height:1.15;text-transform:var(--case)}.gate p{max-width:270px;margin:0 0 4px;font:500 13px/1.45 var(--font-ui);color:var(--text-2)}.gate-btn,[data-theme] .gate-btn{height:40px;gap:10px;padding:0 16px;border:0;border-radius:var(--r-pill);background:#fff;color:#1f1f1f;font:600 14px var(--font-ui);letter-spacing:0;text-transform:none;box-shadow:0 1px 2px #00000040}.gate-btn:hover{background:#f2f2f2}.g-mark{width:18px;height:18px;flex:none}.you-custom.gated{max-height:290px;overflow:hidden;opacity:.4;filter:saturate(.5);-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}.pro-tag,.q-row .pro-tag{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;overflow:visible;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font:700 10.5px/1.4 var(--font-ui);letter-spacing:.04em;text-transform:uppercase}.pro-tag svg{width:11px;height:11px}.skin-note{position:absolute;right:7px;bottom:7px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--r-pill);background:#0000006b;color:#fff;font:700 10px/1.4 var(--font-ui);letter-spacing:.02em}.skin-note:empty{display:none}.skin-note svg{width:11px;height:11px}.account-line{display:flex;align-items:center;gap:8px}.upgrade{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px dashed var(--accent);border-radius:var(--r-md);background:var(--accent-soft);color:var(--text-1);text-align:left;transition:transform var(--t-base) var(--spring)}.upgrade:hover{transform:translateY(-1px)}.upgrade>svg{width:18px;height:18px;flex:none;color:var(--accent)}.upgrade b{display:block;font:700 13.5px var(--font-ui);text-transform:var(--case)}.upgrade .grow>span{font:500 12px var(--font-ui);color:var(--text-2)}.upgrade-price{font-weight:700;color:var(--accent)}.yt-label{padding:10px 8px 2px}.yt-mark{width:48px;height:30px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent)}.yt-row .kbd{flex:none;overflow:visible}.yt-wait{animation:pulse 1.4s ease-in-out infinite}.live-tag{margin-right:6px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ff5d5d}.paywall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-palette);display:grid;place-items:center;padding:16px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--t-base) var(--ease-out)}.pw{position:relative;width:min(392px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:24px 22px 14px;border-radius:var(--r-xl);box-shadow:var(--e-3);text-align:center;animation:palIn var(--t-calm) var(--spring)}.pw-close{position:absolute;top:10px;right:10px}.pw-hero{display:flex;justify-content:center;gap:10px;margin:2px 0 6px}.pw-hero .skin{width:168px;height:108px;box-shadow:var(--e-1)}.pw-hero.pair .skin{width:142px}.pw-hero .skin:hover{transform:none}.pw-title{margin:4px 0 0;font-size:22px;line-height:1.2;text-transform:var(--case)}.pw-sub{margin:0;font:500 14px var(--font-ui);color:var(--text-2)}.pw-perks{display:grid;gap:9px;margin:10px 0 8px;padding:0;list-style:none;text-align:left}.pw-perks li{display:flex;align-items:center;gap:11px;font:500 13.5px var(--font-ui);color:var(--text-1)}.pw-perks svg{width:16px;height:16px;flex:none;color:var(--accent)}.pw-buy{height:46px;justify-content:center;font-size:15px}.pw-fine{margin:0;font:500 12px var(--font-ui);color:var(--text-3)}.pw-no{align-self:center}.app.phone .paywall{place-items:end stretch;padding:0}.app.phone .pw{width:100%;max-height:92dvh;padding-bottom:calc(14px + var(--safe-bottom, 0px));border-radius:var(--r-xl) var(--r-xl) 0 0}.arrival{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(70% 60% at 50% 50%,#08080c2e,#08080c8c);transition:opacity .9s var(--ease-in-out)}.arrival.leaving{opacity:0;pointer-events:none}.arr-kicker{opacity:0;animation:rise .9s var(--ease-out) .25s forwards}.arr-title{max-width:16ch;margin:16px 0 30px;font:400 clamp(40px,4.8vw,66px)/1.04 var(--font-display);letter-spacing:-.02em;text-shadow:0 4px 40px rgba(0,0,0,.35);opacity:0;animation:rise 1s var(--ease-out) .45s forwards}[data-theme=lofi] .arr-title{font-style:italic;font-variation-settings:"SOFT" 100,"opsz" 144}[data-theme=retro] .arr-title{max-width:24ch;font-size:clamp(20px,2.6vw,34px);line-height:1.5;text-shadow:4px 4px 0 #000}[data-theme=pro] .arr-title{font-weight:500;letter-spacing:-.035em}.arr-field{width:min(620px,88vw);height:66px;display:flex;align-items:center;gap:10px;padding:0 9px 0 24px;border-radius:var(--r-lg);opacity:0;animation:rise 1s var(--ease-out) .65s forwards}.arr-field:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:var(--e-2),0 0 0 4px var(--accent-soft)}.arr-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-1);font-size:24px}.arr-field input::placeholder{color:var(--text-4)}[data-theme=retro] .arr-field input{font-size:18px}.arr-field .btn{height:48px;padding:0 20px}.arr-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;opacity:0;animation:rise 1s var(--ease-out) .8s forwards}.arr-chips .chip{height:34px;padding:0 14px;font-size:13px;background:color-mix(in srgb,var(--panel) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.arr-listen{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:6px 10px;border:0;background:transparent;color:var(--text-2);font:600 14px var(--font-ui);text-transform:var(--case);opacity:0;animation:rise 1s var(--ease-out) 1s forwards}.arr-listen:hover{color:var(--text-1)}@keyframes rise{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.flyer{position:fixed;z-index:99;white-space:nowrap;pointer-events:none;transform-origin:left center;font-size:24px;line-height:1;transition:transform .9s var(--spring),opacity .9s var(--ease-out)}.bloom{position:fixed;top:74px;left:50%;z-index:var(--z-overlay);width:min(460px,92vw);padding:26px 26px 20px;border-radius:var(--r-xl);background:var(--panel-solid);text-align:center;transform:translate(-50%);animation:bloomIn .9s var(--spring)}@keyframes bloomIn{0%{opacity:0;filter:blur(8px);transform:translate(-50%) translateY(-40px) scale(.4)}}[data-theme=retro] .bloom{animation:bloomPix .6s steps(6) both}@keyframes bloomPix{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(-20px -20px -20px -20px)}}.bl-kicker{color:var(--accent)}.bloom.break .bl-kicker{color:var(--rest)}.bl-title{margin:10px 0 6px;font:400 40px/1.05 var(--font-display);letter-spacing:-.02em}[data-theme=lofi] .bl-title{font-style:italic;font-variation-settings:"SOFT" 100,"opsz" 144}[data-theme=retro] .bl-title{font-size:22px;line-height:1.5;color:var(--accent);text-shadow:4px 4px 0 #000}[data-theme=pro] .bl-title{font-size:30px;font-weight:500;letter-spacing:-.03em}.bl-sub{color:var(--text-2);font:600 15px/1.45 var(--font-ui)}.bl-sub em{color:var(--text-1);font-size:17px}.bl-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:18px 0 16px;font:600 13px var(--font-ui);color:var(--text-2);text-transform:var(--case)}.bl-facts span{display:inline-flex;align-items:center;gap:6px}.bl-facts svg{width:15px;height:15px;color:var(--accent)}.bl-check{text-transform:var(--case);display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:0;border:0;background:transparent;color:var(--text-2);font:600 13px var(--font-ui)}.bl-check .t-check{pointer-events:none}.bl-check.on .t-check{background:var(--ok);border-color:var(--ok)}.bl-check.on .t-check svg{opacity:1;transform:none}.bl-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.bl-acts .btn{height:42px}.sparks{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) - 1);width:100%;height:100%;pointer-events:none}.breathe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:0;background:#06091080;-webkit-backdrop-filter:blur(22px) saturate(.9);backdrop-filter:blur(22px) saturate(.9);color:var(--text-1);animation:fade .9s var(--ease-out)}.orb{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff 0%,var(--rest) 40%,color-mix(in srgb,var(--rest) 35%,#000) 100%);box-shadow:0 0 90px color-mix(in srgb,var(--rest) 40%,transparent);transition:transform 4s var(--ease-in-out)}.orb.big{transform:scale(1.85)}[data-theme=retro] .orb{border-radius:0;background:var(--rest);box-shadow:8px 8px #000;transition:transform 4s steps(8)}[data-theme=pro] .orb{background:transparent;border:2px solid var(--rest);box-shadow:none}.br-label{margin-top:96px;font:400 42px var(--font-display);text-transform:var(--case)}[data-theme=lofi] .br-label{font-style:italic}[data-theme=retro] .br-label{font-size:22px}.br-sub{margin-top:12px;font:600 13px var(--font-ui);color:var(--text-3);text-transform:var(--case)}.log{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-palette);display:grid;place-items:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade var(--t-base) var(--ease-out)}.lg{width:min(1040px,100%);height:min(920px,calc(100dvh - 32px));display:flex;flex-direction:column;border-radius:var(--r-xl);box-shadow:var(--e-3);overflow:hidden;animation:palIn var(--t-calm) var(--spring)}.lg-head{display:flex;align-items:center;gap:14px;padding:16px 18px 12px 22px;border-bottom:1px solid var(--line)}.lg-head h2{flex:1;margin:0;font-size:22px;text-transform:var(--case)}.lg-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:14px 22px 22px}.lg-period{display:flex;align-items:center;gap:6px}.lg-period .label{min-width:120px;text-align:center;color:var(--text-2)}.lg-prev svg{transform:rotate(180deg)}.lg-period .icon-btn:disabled{opacity:.3}.lg-hero{display:grid;grid-template-columns:minmax(200px,.9fr) 2fr;gap:14px;align-items:stretch}.lg-hero-main{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px 20px;border-radius:var(--r-lg, 18px);overflow:hidden;background:radial-gradient(120% 90% at 0% 100%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),rgba(var(--ink),.04);border:1px solid var(--line)}.lg-big{color:var(--text-1);font-size:clamp(54px,9vw,84px);line-height:.95;letter-spacing:-.02em}.lg-hero-sub{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text-2);font:600 14px var(--font-ui)}.lg-trend{padding:3px 9px;border-radius:var(--r-pill);font:700 12px var(--font-ui);background:rgba(var(--ink),.08);color:var(--text-2)}.lg-trend.up{background:var(--accent-soft);color:var(--accent)}.lg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px}.lg-kpi{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-height:92px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(var(--ink),.035)}.lg-kpi>svg:not(.lg-ring){position:absolute;top:12px;right:12px;width:16px;height:16px;color:var(--accent)}.lg-kpi b{color:var(--text-1);font-size:26px;line-height:1.05}.lg-kpi span{color:var(--text-3);font:600 11.5px var(--font-ui);text-transform:var(--case-label);letter-spacing:.03em}.lg-ring{position:absolute;top:10px;right:10px;width:26px;height:26px;transform:rotate(-90deg)}.lg-ring circle{fill:none;stroke-width:4}.lg-ring .trk{stroke:rgba(var(--ink),.1)}.lg-ring .prg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--t-slow) var(--ease-out)}.lg-card{padding:16px 18px;border-radius:var(--r-lg, 18px);border:1px solid var(--line);background:rgba(var(--ink),.03)}.lg-card h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--text-2);font:700 12px var(--font-ui);text-transform:var(--case-label);letter-spacing:.06em}.lg-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lg-note{margin:12px 0 0;color:var(--text-3);font:500 13px var(--font-ui);text-align:center}.lg-note b{color:var(--text-1)}.lg-empty{margin:0;padding:18px 8px;color:var(--text-3);font:600 13px var(--font-ui);text-align:center}.lg-chart{position:relative}.lg-tip{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 8px));padding:6px 10px;border-radius:8px;background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:var(--e-2, var(--e-3));color:var(--text-2);font:500 12px var(--font-ui);white-space:nowrap;pointer-events:none}.lg-tip b{color:var(--text-1)}.lg-bars-plot{position:relative;height:190px;margin-left:34px}.lg-bars svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.lg-bars .hit{fill:transparent}.lg-bars .bar{fill:color-mix(in srgb,var(--accent) 55%,transparent);transition:fill var(--t-quick)}.lg-bars .bar.met{fill:var(--accent)}.lg-bars .bar.now{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow))}.lg-bars g:hover .bar{fill:var(--text-1)}.lg-grid span{position:absolute;left:-34px;right:0;border-top:1px dashed rgba(var(--ink),.1);color:var(--text-4);font:500 10px var(--font-num, var(--font-ui));line-height:0}.lg-goal{position:absolute;left:0;right:0;border-top:1.5px solid color-mix(in srgb,var(--text-1) 45%,transparent);pointer-events:none}.lg-goal span{position:absolute;right:0;top:-16px;color:var(--text-3);font:700 10px var(--font-ui);text-transform:var(--case-label);letter-spacing:.04em}.lg-axis{display:flex;margin:6px 0 0 34px}.lg-axis span{flex:1;min-width:0;color:var(--text-4);font:600 10.5px var(--font-ui);text-align:center;white-space:nowrap}.lg-axis span.now{color:var(--accent)}.lg-clock svg{display:block;width:min(230px,100%);margin:0 auto}.lg-clock .face{fill:rgba(var(--ink),.03);stroke:var(--line);stroke-width:.4}.lg-clock .seg{fill:color-mix(in srgb,var(--accent) 60%,transparent);transition:fill var(--t-quick)}.lg-clock .seg.empty{fill:rgba(var(--ink),.07)}.lg-clock .seg.best{fill:var(--accent);filter:drop-shadow(0 0 3px var(--accent-glow))}.lg-clock .seg:hover{fill:var(--text-1)}.lg-clock text{fill:var(--text-3);font:700 4.6px var(--font-ui)}.lg-weekdays{display:flex;gap:8px;height:180px}.lg-wd{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-3);font:700 11px var(--font-ui)}.lg-wd-track{flex:1;width:100%;max-width:34px;display:flex;align-items:flex-end;border-radius:8px;background:rgba(var(--ink),.05);overflow:hidden}.lg-wd-track i{width:100%;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--accent) 60%,transparent);transition:height var(--t-slow) var(--ease-out)}.lg-wd.best .lg-wd-track i{background:var(--accent)}.lg-wd.best{color:var(--text-1)}.lg-heat-scroll{overflow-x:auto;padding-bottom:4px}.lg-heat-months,.lg-heat{display:grid;grid-template-columns:repeat(53,minmax(9px,1fr));gap:3px;min-width:560px}.lg-heat-months{margin-bottom:4px}.lg-heat-months span{color:var(--text-4);font:600 10px var(--font-ui);white-space:nowrap;overflow:visible}.lg-heat-col{display:grid;grid-template-rows:repeat(7,auto);gap:3px}.lg-cell{display:block;aspect-ratio:1;width:100%;padding:0;border:0;border-radius:3px;background:rgba(var(--ink),.07);transition:transform var(--t-quick) var(--spring)}.lg-cell.l1{background:color-mix(in srgb,var(--accent) 28%,transparent)}.lg-cell.l2{background:color-mix(in srgb,var(--accent) 50%,transparent)}.lg-cell.l3{background:color-mix(in srgb,var(--accent) 75%,transparent)}.lg-cell.l4{background:var(--accent)}button.lg-cell:hover:not(:disabled){transform:scale(1.3)}.lg-cell.future{opacity:.2}.lg-cell.today{box-shadow:0 0 0 1px var(--text-2)}.lg-cell.on{box-shadow:0 0 0 2px var(--text-1)}.lg-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:10px;color:var(--text-4);font:600 10.5px var(--font-ui)}.lg-legend .lg-cell{width:11px}[data-theme=retro] .lg-cell,[data-theme=retro] .lg-wd-track,[data-theme=retro] .lg-wd-track i{border-radius:0}.lg-bests{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.lg-bests li{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;border-radius:var(--r-md);background:rgba(var(--ink),.04);border-left:3px solid var(--accent)}.lg-bests span{color:var(--text-3);font:700 11px var(--font-ui);text-transform:var(--case-label);letter-spacing:.04em}.lg-bests b{color:var(--text-1);font-size:22px}.lg-bests em{overflow:hidden;color:var(--text-3);font:500 12px var(--font-ui);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.lg-top{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.lg-top li{display:grid;grid-template-columns:1fr auto;gap:5px 10px}.lg-top-name{overflow:hidden;color:var(--text-1);font:600 13px var(--font-ui);text-overflow:ellipsis;white-space:nowrap}.lg-top-val{color:var(--text-3);font-size:12px}.lg-top i{grid-column:1 / -1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent) var(--p),rgba(var(--ink),.07) var(--p))}.lg-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.lg-list-head h3{margin:0}.lg-count{padding:1px 7px;border-radius:var(--r-pill);background:rgba(var(--ink),.08);color:var(--text-2);font-size:11px}.lg-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lg-filters .chip{height:28px}.lg-filters .chip svg{width:12px;height:12px}.lg-sep{width:1px;height:18px;margin:0 2px;background:var(--line)}.lg-search{height:32px;width:170px}.lg-search svg{width:14px;height:14px;flex:none}.lg-tasks{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.lg-task{border-radius:var(--r-md);transition:background var(--t-quick)}.lg-task:hover,.lg-task.open{background:rgba(var(--ink),.045)}.lg-task-row{display:flex;align-items:center;gap:12px;padding:10px 8px}.lg-task-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.lg-task-edit{flex:1;min-width:0;display:flex}.lg-title{overflow-wrap:anywhere;color:var(--text-1);font:600 14px/1.3 var(--font-ui)}.lg-task.done .lg-title{color:var(--text-3);text-decoration:line-through}.lg-sub{color:var(--text-3);font:500 12px var(--font-ui)}.lg-progress{display:block;width:min(280px,100%);height:3px;margin-top:2px;border-radius:2px;background:rgba(var(--ink),.08);overflow:hidden}.lg-progress i{display:block;width:var(--p);height:100%;background:var(--accent)}.lg-progress.over i{background:var(--ok)}.lg-task-time{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:70px;color:var(--text-3);font-size:11.5px;white-space:nowrap}.lg-task-time b{color:var(--text-1);font-size:15px}.lg-acts{display:flex;gap:2px;opacity:0;transition:opacity var(--t-quick)}.lg-task:hover .lg-acts,.lg-task:focus-within .lg-acts{opacity:1}@media (hover: none){.lg-acts{opacity:1}}.lg-acts .icon-btn{width:28px;height:28px}.lg-runs{margin:0 0 8px 44px;padding:0 8px 6px 14px;list-style:none;border-left:2px solid var(--line)}.lg-runs li{position:relative;display:flex;align-items:center;gap:12px;padding:5px 0;color:var(--text-2);font:500 12.5px var(--font-ui)}.lg-runs li>i{position:absolute;left:-20px;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);background:var(--panel-solid)}.lg-runs li.complete>i{background:var(--accent)}.lg-runs li.live>i{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.lg-runs li>span:first-of-type{flex:1;min-width:0}.lg-run-tag{padding:1px 7px;border-radius:var(--r-pill);background:rgba(var(--ink),.07);color:var(--text-3);font:700 10.5px var(--font-ui);text-transform:var(--case)}.lg-runs li.complete .lg-run-tag{background:var(--accent-soft);color:var(--accent)}.lg-runs li.none,.lg-runs li.lock{color:var(--text-4);font-size:11.5px}.lg-more{display:flex;margin:10px auto 0}[data-theme=retro] .lg-runs li>i{border-radius:0}@media (max-width: 760px){.lg-hero,.lg-two,.lg-bests{grid-template-columns:1fr}.lg-head{flex-wrap:wrap}.lg-range{order:3;width:100%}.lg-range button{flex:1}.lg-search{width:100%}.lg-task-row{flex-wrap:wrap}.lg-task-time{min-width:0}.lg-scroll{padding:12px 14px 18px}}.app.phone .log{place-items:end stretch;padding:0}.app.phone .lg{width:100%;height:94dvh;border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:var(--safe-bottom, 0px)}.app.phone{--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px);--tab-h: 64px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app.phone input,.app.phone textarea{-webkit-user-select:text;user-select:text}.app.phone .scene{transition:filter var(--t-calm) var(--ease-out)}.app.phone.sheet-open .scene{filter:brightness(.6)}.app.phone .scene-layer{background-position:45% center}.ph-top{position:fixed;top:calc(var(--safe-top) + 8px);left:12px;right:12px;z-index:var(--z-chrome);height:46px;display:flex;gap:8px;transition:opacity var(--t-base)}.ph-util{display:flex;flex:none;gap:6px}.ph-util-btn{width:46px;height:46px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,var(--panel) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-2);transition:color var(--t-quick)}.ph-util-btn[aria-pressed=true]{color:var(--accent)}.ph-util-btn svg{width:19px;height:19px}.ph-util-btn:active{transform:scale(.94)}[data-theme=retro] .ph-util-btn{border-radius:0;box-shadow:var(--frame)}.ph-top .np{flex:1;max-width:none;height:46px}.ph-top .np-text{flex:1}.ph-top .np .icon-btn{width:38px;height:38px}.ph-top .play-btn{width:36px;height:36px}.ph-top .play-btn svg{width:16px;height:16px}.ph-top .capsule{flex:1;max-width:none;height:46px;animation:island var(--t-calm) var(--spring)}.ph-top .cap-main,.ph-top .cap-intent{flex:1}@keyframes island{0%{opacity:0;transform:scale(.7,.85)}}.ph-home{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:calc(var(--safe-top) + 70px) 24px calc(var(--safe-bot) + var(--tab-h) + 30px);text-align:center;container-type:inline-size;transition:opacity var(--t-calm) var(--ease-out),transform var(--t-calm) var(--spring)}.app.phone.sheet-open .ph-home{opacity:0;transform:scale(.96) translateY(-12px);pointer-events:none}.ph-clock{margin:8px 0 2px;font-size:112px;line-height:.9;letter-spacing:-.03em;text-shadow:0 6px 40px rgba(0,0,0,.45)}[data-theme=retro] .ph-clock{font-size:48px;line-height:1.3;text-shadow:4px 4px 0 #000}[data-theme=pro] .ph-clock{font-family:var(--font-num);font-weight:300;font-size:96px}.ph-date{font:600 14px var(--font-ui);color:var(--text-2);text-transform:var(--case)}.ph-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}.ph-actions .btn{height:52px;padding:0 22px;font-size:15px}.ph-split{display:flex;height:52px;border-radius:var(--r-pill);background:#ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ph-split.accent{background:var(--accent-grad);box-shadow:0 10px 30px -10px var(--accent-glow)}.ph-split-main{display:flex;align-items:center;gap:8px;padding:0 10px 0 22px;border:0;background:transparent;color:inherit;font:600 15px var(--font-ui);text-transform:var(--case)}.ph-split-main svg{width:16px;height:16px;flex:none}.ph-split-edit{display:grid;place-items:center;width:44px;border:0;border-left:1px solid rgba(255,255,255,.16);background:transparent;color:inherit;opacity:.75}.ph-split-edit svg{width:15px;height:15px}.ph-split:active{transform:scale(.98)}.ph-intent{max-width:320px;margin-top:6px;font-size:24px;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.5)}.ph-home .digits{justify-content:center;margin:12px 0 10px;font-size:min(108px,84cqw / 2.35);text-shadow:0 6px 40px rgba(0,0,0,.45)}.ph-time.long .digits{font-size:min(80px,84cqw / 3.15)}[data-theme=retro] .ph-home .digits{font-size:min(40px,84cqw / 2.35)!important}[data-theme=retro] .ph-time.long .digits{font-size:min(32px,84cqw / 3.15)!important}.ph-progress{width:min(320px,82vw)}.ph-meta{margin-top:10px;font:600 13px var(--font-ui);color:var(--text-2);text-transform:var(--case)}.ph-ctrl{display:flex;align-items:center;gap:12px;margin-top:26px}.ph-ctrl .btn{min-width:150px;height:56px;padding:0 28px;font-size:16px}.round{width:56px;height:56px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-1);font:700 14px var(--font-ui);transition:transform var(--t-base) var(--spring)}.round:active{transform:scale(.94)}.round svg{width:18px;height:18px}[data-theme=retro] .round{border:0;border-radius:0;box-shadow:var(--frame)}.ph-sheet{position:fixed;left:8px;right:8px;bottom:calc(var(--safe-bot) + var(--tab-h) + 16px);z-index:45;max-height:calc(100dvh - var(--safe-top) - var(--safe-bot) - var(--tab-h) - 88px);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-xl);background:var(--panel-solid);box-shadow:var(--e-3);transform:translateY(calc(100% + 140px));visibility:hidden;transition:transform var(--t-calm) var(--spring),visibility 0s var(--t-calm)}.ph-sheet.on{visibility:visible;transform:translateY(var(--drag, 0px));transition:transform var(--t-calm) var(--spring),visibility 0s}.ph-sheet.dragging{transition:none}.ph-sheet-head{position:relative;flex:none;display:flex;align-items:baseline;gap:10px;padding:22px 12px 12px 20px;touch-action:none}.ph-grab{position:absolute;top:8px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:var(--line-strong)}.ph-sheet-title{margin:0;font-size:30px;line-height:1;letter-spacing:-.01em;text-transform:var(--case)}[data-theme=retro] .ph-sheet-title{font-size:16px}[data-theme=pro] .ph-sheet-title{font-weight:600;font-size:24px}.ph-sheet-head .icon-btn{align-self:center;margin-left:auto;width:36px;height:36px;border-radius:50%;background:rgba(var(--ink),.07)}.ph-sheet-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:22px;overflow-y:auto;overscroll-behavior:contain;padding:2px 16px 22px;scrollbar-width:none}.ph-sheet-body::-webkit-scrollbar{display:none}.ph-sheet-body>*{flex-shrink:0}.ph-tabs{position:fixed;left:12px;right:12px;bottom:calc(var(--safe-bot) + 8px);z-index:50;height:var(--tab-h);display:grid;grid-template-columns:repeat(5,1fr);padding:0 6px;border-radius:calc(var(--r-lg) + 2px)}.ph-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:transparent;color:var(--text-3);font:600 11px var(--font-ui);text-transform:var(--case)}.ph-tab-icon{position:relative;width:48px;height:30px;display:grid;place-items:center;border-radius:15px;transition:background var(--t-base) var(--ease-out),color var(--t-base)}.ph-tab svg{width:21px;height:21px}.ph-tab[aria-selected=true]{color:var(--text-1)}.ph-tab[aria-selected=true] .ph-tab-icon{background:var(--accent-soft);color:var(--accent)}[data-theme=retro] .ph-tab-icon{border-radius:0}.ph-badge{position:absolute;top:-6px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:var(--on-accent);font:800 10px/16px var(--font-ui)}.app.phone .toasts{left:16px;right:16px;bottom:calc(var(--safe-bot) + var(--tab-h) + 24px);transform:none}.app.phone.sheet-open .toasts{top:calc(var(--safe-top) + 64px);bottom:auto}.app.phone .update-pill{top:calc(var(--safe-top) + 62px);right:12px;bottom:auto}.app.phone .bloom{top:calc(var(--safe-top) + 64px)}.app.phone .bl-acts .btn{height:46px}.app.phone.arrival .ph-top,.app.phone.arrival .ph-tabs,.app.phone.arrival .ph-home{opacity:0;pointer-events:none}.app.phone .arrival{justify-content:center;padding:calc(var(--safe-top) + 40px) 22px calc(var(--safe-bot) + 30px)}.app.phone .arr-title{font-size:clamp(34px,11vw,48px)}[data-theme=retro] .app.phone .arr-title{font-size:20px}.app.phone .arr-field{width:100%;height:60px;padding-left:18px}.app.phone .arr-field input{font-size:19px}.app.phone .arr-field .btn{height:44px;padding:0 14px}.app.phone .journey-cap{bottom:calc(var(--safe-bot) + var(--tab-h) + 22px)}.app.phone .pal{top:calc(var(--safe-top) + 16px)}.ph-time{padding:0;border:0;background:transparent;color:inherit}.app.phone.ambient .ph-top,.app.phone.ambient .ph-tabs,.app.phone.ambient .ph-actions,.app.phone.ambient .ph-ctrl,.app.phone.ambient .ph-meta,.app.phone.ambient .ph-home .label,.app.phone.ambient .journey-cap{opacity:0!important;pointer-events:none!important;transition:opacity 1.6s var(--ease-in-out)!important}.app.phone.ambient .ph-home{pointer-events:none}.app.phone .ambient-np{left:20px;right:20px;bottom:calc(var(--safe-bot) + 22px);justify-content:center}