@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:300 700;src:url(../fonts/rubik-latin.woff2)format("woff2-variations"),url(../fonts/rubik-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:300 700;src:url(../fonts/rubik-latin-ext.woff2)format("woff2-variations"),url(../fonts/rubik-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;src:url(../fonts/dm-sans-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(../fonts/dm-sans-500.ttf)format("truetype");font-weight:500 600;font-display:swap}@font-face{font-family:DM Sans;src:url(../fonts/dm-sans-700.ttf)format("truetype");font-weight:700;font-display:swap}:root{--bg:#f6f0e6;--bg-glow:#fffaf1;--card:#fffaf3;--ink:#161412;--ink-soft:#3b352f;--muted:#7b7166;--line:#e4dacb;--chip:#ece3d5;--accent:#ef4a82;--accent-ink:#fff;--target:#1f9d55;--over:#ff4b3e;--under:#2f6bff;--good:#22a55b;--close:#f0a020;--shadow:0 1px 0 #1614120f, 0 12px 32px -16px #16141247;--display:"Rubik", "Arial Black", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;color:var(--ink);background:var(--bg);font-family:DM Sans,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--bg:#141210;--bg-glow:#221e1a;--card:#1d1a17;--ink:#f6f0e6;--ink-soft:#d9d0c3;--muted:#9b9084;--line:#2f2a24;--chip:#2a2520;--accent:#ff73a0;--accent-ink:#2b0916;--target:#3ccf7a;--over:#ff5a4c;--under:#4d82ff;--good:#35c170;--close:#f5b030;--shadow:0 1px 0 #0000004d, 0 12px 32px -16px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(120% 70% at 50% 38%, var(--bg-glow) 0%, var(--bg) 62%);background-color:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}h1,h2,h3,p{margin:0}a{color:inherit}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.icons{width:0;height:0;position:absolute;overflow:hidden}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:10px}.app{max-width:560px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex;position:relative}.bar{flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 12px 0 18px;display:flex}.brand{background:0 0;border:0;padding:4px 2px}.wordmark{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);align-items:flex-end;font-size:31px;font-weight:800;line-height:1;display:inline-flex}.wordmark i{transform-origin:50% 100%;font-style:normal;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:inline-block}.wordmark i:first-child{transform:scale(1.02,.98)}.wordmark i:nth-child(2){transform:scale(1.1,.86)}.wordmark i:nth-child(3){margin:0 .04em;transform:scale(1.26,.7)}.wordmark i:nth-child(4){transform:scale(1.12,.82)}.wordmark i:nth-child(5){transform:scale(1.04,.93)}.brand:hover .wordmark i,.brand:focus-visible .wordmark i{transform:scale(1)}.brand:active .wordmark i{transform:scale(1.3,.62)}.bar-actions{gap:2px;display:flex}.icon-btn{width:44px;height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--chip);color:var(--ink)}.icon-btn:disabled{opacity:.35;background:0 0}.main{flex-direction:column;flex:1;min-height:0;display:flex}.hud{flex-shrink:0;padding:2px 18px 0;position:relative}.hud-row{align-items:center;gap:12px;min-height:36px;display:flex}.round-dots{gap:6px;display:flex}.round-dots span{background:var(--line);border-radius:50%;width:9px;height:9px;transition:background .2s,transform .2s}.round-dots .done{background:var(--ink)}.round-dots .now{background:var(--accent);transform:scale(1.25)}.round-title{text-align:center;font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(19px,5.4vw,24px);font-weight:800;line-height:1.05;overflow:hidden}.timer{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;color:var(--ink);font-size:16px;font-weight:700}.timer.low{color:var(--over);animation:1s ease-in-out infinite throb}@keyframes throb{50%{transform:scale(1.12)}}.time-bar{background:var(--line);border-radius:5px;height:5px;margin-top:6px;overflow:hidden}.time-bar span{background:var(--ink);transform-origin:0;height:100%;display:block}.hud:has(.timer.low) .time-bar span{background:var(--over)}.hud.revealed .time-bar,.hud.revealed .timer{visibility:hidden}.score-pop{z-index:4;pointer-events:none;text-align:left;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:46px;left:18px}.score-pop strong{font-family:var(--display);letter-spacing:-.03em;transform-origin:0 100%;font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 2px 0 var(--bg), 0 0 18px var(--bg);font-size:clamp(40px,11vw,56px);font-weight:800;line-height:.95}.score-pop.landed strong{animation:.5s cubic-bezier(.3,1.6,.5,1) squash}@keyframes squash{0%{transform:scale(1.25,.7)}to{transform:none}}.score-pop span{max-width:13em;color:var(--ink-soft);text-shadow:0 0 10px var(--bg);font-size:14px;font-weight:600;line-height:1.3}.stage-wrap{flex:1;min-height:240px;position:relative}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.handles{fill:none;stroke:none;stroke-width:0;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.handles.hidden{opacity:0;pointer-events:none}.handles.dragging{cursor:grabbing}.handles .band{fill:var(--accent);opacity:0;transition:opacity .2s}.handles .band.on{opacity:.32}.handles .rest{fill:var(--card);stroke:var(--accent);stroke-width:2px;opacity:0;transition:opacity .2s}.handles .rest.on{opacity:.9}.handles .reach{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:2 6;stroke-linecap:round;opacity:0;transition:opacity .2s}.handles .reach.on{opacity:.55}.handles .handle{cursor:grab}.handles .handle:focus{outline:none}.handles .hit{fill:#0000}.handles .halo{fill:var(--accent);opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);transform:scale(.5)}.handles .knob{fill:var(--card);stroke:var(--ink);stroke-width:2.5px;filter:drop-shadow(0 2px 3px #00000047);transform-box:fill-box;transform-origin:50%;transition:fill .15s,stroke .15s,transform .2s cubic-bezier(.3,1.6,.5,1)}.handles .pip{fill:var(--accent);pointer-events:none;transition:fill .15s,opacity .15s}.handles .handle.moved .knob{fill:var(--accent);stroke:var(--card)}.handles .handle.moved .pip{fill:var(--card)}.handles .handle.focused .halo{opacity:.22;transform:none}.handles .handle.focused .knob{stroke:var(--accent);stroke-width:3.5px}.handles .handle.moved.focused .knob{stroke:var(--card)}.handles .handle.active .halo{opacity:.22;transform:scale(1.15)}.handles .handle.active .knob{fill:var(--accent);stroke:var(--card);transform:scale(1.25)}.handles .handle.active .pip{fill:var(--card)}.handles.dragging .handle:not(.active){opacity:.5}.handles.fresh .halo{animation:1.8s ease-in-out infinite invite}@keyframes invite{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.25;transform:none}}.handles .tag{opacity:0;pointer-events:none;transition:opacity .15s,transform .2s;transform:translateY(6px)}.handles .pill{fill:var(--ink)}.handles .name{fill:var(--bg);font:700 12px DM Sans,system-ui,sans-serif}.handles .handle.active .tag,.handles .handle.focused .tag{opacity:1;transform:none}@media (hover:hover){.handles:not(.dragging) .handle:hover .halo{opacity:.14;transform:none}.handles:not(.dragging) .handle:hover .tag{opacity:1;transform:none}}.handles .mark{fill:#fff;pointer-events:none;font:800 14px DM Sans,system-ui,sans-serif}.handles.revealed .handle{cursor:default;pointer-events:none}.handles.revealed .knob{animation:.3s cubic-bezier(.3,1.6,.5,1) pop-in}.handles.revealed .band,.handles.revealed .rest,.handles.revealed .reach,.handles.revealed .halo,.handles.revealed .pip,.handles.revealed .tag{display:none}.handles .goal{fill:color-mix(in srgb, var(--target) 14%, transparent);stroke:var(--target);stroke-width:3px;stroke-dasharray:5 4;animation:.4s cubic-bezier(.3,1.6,.5,1) both pop-in}.handles .miss{stroke-width:3.5px;stroke-linecap:round}.handles .miss.good{stroke:var(--good)}.handles .miss.close{stroke:var(--close)}.handles .miss.off{stroke:var(--over)}.handles .handle.good .knob{fill:var(--good);stroke:var(--card)}.handles .handle.close .knob{fill:var(--close);stroke:var(--card)}.handles .handle.off .knob{fill:var(--over);stroke:var(--card)}@keyframes pop-in{0%{transform:scale(0)}}.handles .goal{transform-box:fill-box;transform-origin:50%}.banner{z-index:3;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;border-radius:999px;flex-direction:column;align-items:center;gap:7px;padding:9px 18px;font-size:15px;font-weight:700;animation:.3s ease-out rise;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.banner-bar{background:color-mix(in srgb, var(--bg) 25%, transparent);border-radius:4px;width:120px;height:4px;display:none;overflow:hidden}.banner.counting .banner-bar{display:block}.banner.counting{padding-bottom:11px}.banner-bar span{background:var(--bg);transform-origin:0;height:100%;display:block}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.stage-hint{background:var(--card);box-shadow:var(--shadow);color:var(--ink-soft);white-space:nowrap;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .6s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.stage-hint.fade{opacity:0}.panel{flex-shrink:0;padding:12px 18px 18px}.btn{white-space:nowrap;letter-spacing:-.005em;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-size:16px;font-weight:700;transition:transform .12s,background .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97,.94)}.btn svg{stroke-width:2.2px;width:19px;height:19px}.btn.primary{background:var(--ink);color:var(--bg);box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 60%, var(--accent))}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 88%, var(--accent))}.btn.secondary{background:var(--chip);color:var(--ink)}.btn.secondary:hover:not(:disabled){background:color-mix(in srgb, var(--chip) 80%, var(--ink))}.btn:disabled{opacity:.4}.btn small{color:var(--over);font-size:12px;font-weight:700}.btn.big{min-height:58px;font-size:18px}.text-btn{color:var(--muted);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;border:0;padding:10px 4px;font-size:14px;font-weight:600}.text-btn:hover{color:var(--ink)}.home-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-bottom:22px;display:flex}.headline{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(36px,10vw,48px);font-weight:800;line-height:1}.headline span{color:var(--accent);transform-origin:50% 100%;animation:3.2s ease-in-out infinite breathe;display:inline-block}@keyframes breathe{0%,to{transform:none}45%{transform:scale(1.08,.9)}55%{transform:scale(.98,1.04)}}.lede{color:var(--ink-soft);max-width:34ch;font-size:16px;line-height:1.5}.home-actions{grid-template-columns:1fr;gap:10px;width:100%;max-width:380px;margin-top:6px;display:grid}.meta{color:var(--muted);font-size:13px}.ready-panel{text-align:center;flex-direction:column;align-items:center;gap:6px;animation:.35s cubic-bezier(.3,1.3,.5,1) rise-panel;display:flex}.ready-copy{color:var(--muted);max-width:32ch;margin-bottom:8px;font-size:15px;line-height:1.45}.ready-panel .btn{width:100%;max-width:380px}@keyframes rise-panel{0%{opacity:0;transform:translateY(12px)}}.action-row{grid-template-columns:1fr 1.15fr 1.25fr;gap:8px;display:grid}.action-row .btn{padding:0 10px;font-size:15px}.reveal-panel{flex-direction:column;gap:12px;display:flex}.grade-chips{flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px;margin:0;padding:0;list-style:none;display:flex}.grade-chip{background:var(--chip);border-radius:15px;align-items:center;gap:5px;height:30px;padding:0 11px 0 5px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.3,1.6,.5,1) both chip-in;display:inline-flex}.grade-chip i{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid}.grade-chip.good i{background:var(--good)}.grade-chip.close i{background:var(--close)}.grade-chip.off i{background:var(--over)}@keyframes chip-in{0%{opacity:0;transform:scale(.4)}}.reveal-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.segmented{background:var(--chip);border-radius:16px;gap:4px;padding:4px;display:flex}.segmented button{min-width:0;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-size:15px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.segmented button[aria-checked=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000001f}.segmented button[data-view=target][aria-checked=true]{background:var(--target);color:#fff}.segmented button[data-view=yours][aria-checked=true]{background:var(--accent);color:#fff}.view-caption{z-index:3;color:var(--muted);text-shadow:0 0 8px var(--bg);white-space:nowrap;pointer-events:none;align-items:center;gap:16px;font-size:12px;font-weight:600;animation:.3s ease-out both rise;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.view-caption span{align-items:center;gap:6px;display:inline-flex}.view-caption .dash{border-top:3px dashed var(--target);width:22px}.view-caption .dash.mine{border-top-color:var(--accent)}.coach{z-index:4;background:var(--card);width:min(92%,400px);box-shadow:var(--shadow), 0 0 0 1px var(--line);border-radius:18px;padding:13px 15px 10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.coach.bump{animation:.35s cubic-bezier(.3,1.5,.5,1) coach-in}.coach.low{top:auto;bottom:30px}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}}.coach-step{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.coach-text{margin-top:4px;font-size:15px;font-weight:500;line-height:1.4}.coach-actions{justify-content:space-between;align-items:center;min-height:40px;margin-top:6px;display:flex}.coach-actions .text-btn{padding-left:0;font-size:13px}.btn.small{border-radius:13px;min-height:40px;padding:0 18px;font-size:15px}.btn[hidden]{display:none}.hud.tutorial .timer,.hud.tutorial .time-bar,.hud.tutorial .round-dots{visibility:hidden}.handles .hint-ring{fill:color-mix(in srgb, var(--target) 12%, transparent);stroke:var(--target);stroke-width:3px;stroke-dasharray:5 4;transform-box:fill-box;transform-origin:50%;animation:6s linear infinite hint-spin}@keyframes hint-spin{to{transform:rotate(360deg)}}.handles .finger{pointer-events:none;transition:opacity .1s}.handles .finger-tip{fill:#ffffffe6;stroke:var(--ink);stroke-width:2px}.handles .finger-press{fill:var(--ink);opacity:.12;transform-box:fill-box;transform-origin:50%;transition:transform .15s,opacity .15s;transform:scale(.6)}.handles .finger.pressed .finger-press{opacity:.2;transform:none}.handles .finger.pressed .finger-tip{transform-box:fill-box;transform-origin:50%;transform:scale(.85)}#done-btn.nudge{animation:1.2s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:none}40%{transform:scale(1.06)}55%{transform:scale(.98)}}.reveal-panel .btn{width:100%;min-width:0}.summary{background:var(--bg);overscroll-behavior:contain;animation:.3s ease-out fadein;position:absolute;inset:60px 0 0;overflow-y:auto}@keyframes fadein{0%{opacity:0}}.summary-inner{padding:8px 18px calc(28px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.summary-total{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:84px;font-weight:800;line-height:.95}.summary-verdict{color:var(--ink-soft);margin-bottom:10px;font-size:17px;font-weight:600}.result-rows{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.result-rows li{background:var(--card);box-shadow:var(--shadow);text-align:left;border-radius:22px;grid-template-columns:1fr 112px;align-items:center;gap:12px;padding:10px;display:grid}.thumbs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.thumbs figure{background:var(--chip);aspect-ratio:1;border-radius:16px;margin:0;position:relative;overflow:hidden}.thumbs canvas{width:100%;height:100%;display:block}.thumbs figcaption{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700;position:absolute;top:8px;left:10px}.row-info{flex-direction:column;gap:2px;display:flex}.row-info strong{font-family:var(--display);letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1}.row-info span{font-size:13px;font-weight:600;line-height:1.3}.row-info small{color:var(--muted);font-size:12px}.summary-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:14px;display:grid}.summary-actions .btn[hidden]+.btn{grid-column:1/-1}.toast{min-height:20px;color:var(--good);font-size:13px;font-weight:600}.stat-strip{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin:4px 0 0;display:grid}.stat-strip div{background:var(--chip);border-radius:14px;padding:10px 4px}.stat-strip dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.stat-strip dd{font-family:var(--display);margin:2px 0 0;font-size:24px;font-weight:800}.countdown{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:14px;font-size:14px;font-weight:600}.summary-links{flex-wrap:wrap;justify-content:center;gap:4px 18px;display:flex}.sheet{background:var(--card);width:min(100vw - 24px,440px);max-height:calc(100dvh - 40px);color:var(--ink);border:0;border-radius:26px;padding:26px 24px 22px;box-shadow:0 30px 80px -20px #00000080}.sheet[open]{animation:.3s cubic-bezier(.3,1.3,.5,1) rise}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14121073}.sheet h2{font-family:var(--display);letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:800}.sheet h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:12px;font-weight:700}.sheet-close{position:absolute;top:12px;right:12px}.steps{color:var(--ink-soft);flex-direction:column;gap:10px;margin:0;padding:0 0 0 20px;font-size:15px;line-height:1.5;display:flex}.steps b{color:var(--ink)}.fine{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.5}.dist{flex-direction:column;gap:5px;display:flex}.dist-row{color:var(--muted);grid-template-columns:36px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:600;display:grid}.dist-row i{width:var(--w);background:var(--chip);text-align:right;border-radius:6px;min-width:24px;padding:3px 8px;font-style:normal;display:block}.dist-row b{color:var(--ink);font-size:12px}.dist-row.today i{background:var(--accent)}.dist-row.today b{color:var(--accent-ink)}body[data-screen=summary] .main{visibility:hidden}body[data-screen=home] .stage-wrap{min-height:200px}@media (min-width:720px){.app{max-width:600px}.bar{height:68px;padding-top:8px}.summary{top:68px}}@media (max-height:640px){.headline{font-size:34px}.lede{font-size:14px}.btn{min-height:46px}.btn.big{min-height:50px}.panel{padding-top:8px;padding-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sheet h2:focus{outline:none}#tutorial-btn{width:100%;margin-top:16px}.vol{grid-template-columns:70px 1fr 44px;align-items:center;gap:12px;padding:12px 2px;font-size:15px;font-weight:700;display:grid}.vol b{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.vol input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}.vol input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--p,50%), var(--line) var(--p,50%));border-radius:3px;height:6px}.vol input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}.vol input[type=range]::-moz-range-progress{background:var(--ink);border-radius:3px;height:6px}.vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg);border:2.5px solid var(--ink);border-radius:50%;width:24px;height:24px;margin-top:-9px}.vol input[type=range]::-moz-range-thumb{background:var(--bg);border:2.5px solid var(--ink);border-radius:50%;width:20px;height:20px}.vol input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.mute-all{align-items:center;gap:10px;padding:14px 2px 18px;font-size:15px;font-weight:600;display:flex}.mute-all input{width:20px;height:20px;accent-color:var(--ink);margin:0}#sound-sheet .btn{width:100%}