:root{--paper: #f4f6f3;--panel: #ffffff;--panel-2: #eceff0;--line: #dfe4df;--line-strong: #ccd3cd;--ink: #191d1b;--ink-2: #5a625e;--muted: #6f7773;--accent: #0f6e62;--accent-2: #0c5b51;--accent-ink: #ffffff;--accent-soft: #dcefe9;--ok: #1f7d4f;--ok-bg: #dff1e5;--bad: #b3281f;--bad-bg: #f9e2df;--warn: #a5571b;--warn-bg: #fbe9d8;--info-bg: #eceff0;--shadow-pop: 0 12px 32px -12px rgb(25 29 27 / .28), 0 2px 6px -2px rgb(25 29 27 / .12);--r-panel: 14px;--r-ctl: 8px;--sidebar: 232px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--paper: #0f1311;--panel: #171c1a;--panel-2: #1f2523;--line: #262d2a;--line-strong: #333c38;--ink: #e8ece8;--ink-2: #a0a9a4;--muted: #858d89;--accent: #5bc0ad;--accent-2: #7fd0c0;--accent-ink: #0b1613;--accent-soft: #163029;--ok: #52c78b;--ok-bg: #14301f;--bad: #ec7268;--bad-bg: #3b1c19;--warn: #e29a55;--warn-bg: #3a2611;--info-bg: #1f2523;--shadow-pop: 0 12px 32px -12px rgb(0 0 0 / .7), 0 2px 6px -2px rgb(0 0 0 / .5)}}*{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:-apple-system,SF Pro Text,Segoe UI Variable,Segoe UI,Roboto,Noto Sans,Noto Sans Thai,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 12px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.brand .mark{width:32px;height:32px;flex-shrink:0;border-radius:var(--r-ctl);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.brand .name{font-size:15px;font-weight:650;line-height:1.25;letter-spacing:-.005em}.brand .sub{font-size:12px;color:var(--muted);line-height:1.3}.brand.compact{padding:0;gap:8px}.brand.compact .mark{width:28px;height:28px}.nav-section+.nav-section{margin-top:10px}.nav-head{display:flex;align-items:center;gap:10px;padding:6px 10px;color:var(--ink);font-size:14px;font-weight:600;letter-spacing:-.005em}.nav-head svg{color:var(--ink-2);flex-shrink:0}.nav-pages{margin:2px 0 0 19px;padding-left:9px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:1px}.nav-pages a{display:block;padding:5px 10px;border-radius:var(--r-ctl);color:var(--ink-2);font-size:13.5px;text-decoration:none;transition:background-color .15s,color .15s}.nav-pages a:hover{background:var(--panel-2);color:var(--ink)}.nav-pages a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar .grow{flex:1;min-height:16px}.whoami{border-top:1px solid var(--line);padding:12px 4px 0;display:flex;align-items:center;gap:10px}.whoami .avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:13px;font-weight:650;text-transform:uppercase}.whoami .who{min-width:0;flex:1;line-height:1.3}.whoami .who strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whoami .who span{font-size:12px;color:var(--muted)}.whoami button{background:transparent;color:var(--ink-2);border-color:transparent;min-height:30px;padding:5px 8px;font-size:12.5px;font-weight:500}.whoami button:hover{background:var(--panel-2);color:var(--ink);border-color:transparent}.topbar,.nav-strip{display:none}.main{flex:1;min-width:0;padding:36px 44px 20px;display:flex;flex-direction:column}.page{width:100%;max-width:1040px;margin:0 auto}.credit{margin-top:auto;padding-top:48px;color:var(--muted);font-size:12px;text-align:center}.credit a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.credit a:hover{color:var(--ink);text-decoration-color:currentColor}.credit.on-board{position:absolute;bottom:16px;left:0;right:0;padding:0}h1{font-size:24px;font-weight:650;line-height:1.25;margin:0;letter-spacing:-.018em}h2{font-size:15px;font-weight:600;line-height:1.35;margin:0;letter-spacing:-.005em}p{margin:6px 0}.lede{color:var(--ink-2);margin:6px 0 0;max-width:68ch}.muted{color:var(--muted)}.small{font-size:12.5px}.ok{color:var(--ok)}.error{color:var(--bad);margin:8px 0}.num{font-variant-numeric:tabular-nums}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.page-actions{display:flex;gap:8px;flex-shrink:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 2px #191d1b0a}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.panel-head .right{font-size:13px;color:var(--muted)}.panel.flush{padding:0;overflow:hidden}.panel.flush .panel-head{padding:18px 22px 0;margin-bottom:10px}.two-col{display:grid;grid-template-columns:3fr 2fr;gap:16px;align-items:start}.banner{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--r-panel);margin-bottom:16px;border:1px solid transparent;border-left-width:3px}.banner.warn{background:var(--warn-bg);border-color:color-mix(in oklab,var(--warn) 25%,transparent);border-left-color:var(--warn);color:color-mix(in oklab,var(--warn) 55%,var(--ink))}.banner.bad{background:var(--bad-bg);border-color:color-mix(in oklab,var(--bad) 25%,transparent);border-left-color:var(--bad);color:color-mix(in oklab,var(--bad) 55%,var(--ink))}.banner .grow{flex:1}.banner a{color:inherit;font-weight:600}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-weight:550;font-size:12.5px;padding-top:10px;padding-bottom:10px;background:color-mix(in oklab,var(--panel-2) 45%,var(--panel))}td{font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:color-mix(in oklab,var(--panel-2) 55%,var(--panel))}td.actions-cell{text-align:right;white-space:nowrap}td.actions-cell button{min-height:30px;padding:4px 10px;font-size:12.5px}td.actions-cell button+button{margin-left:4px}td.actions-cell button.secondary{border-color:transparent;background:transparent;color:var(--ink-2)}td.actions-cell button.danger{background:transparent;color:var(--ink-2)}tbody tr:hover td.actions-cell button.secondary{border-color:var(--line);background:var(--panel);color:var(--ink)}tbody tr:hover td.actions-cell button.danger{color:var(--bad)}td.actions-cell button.secondary:hover{background:var(--panel-2)!important}td.actions-cell button.danger:hover{background:var(--bad-bg)!important;color:var(--bad)}tbody tr:hover{background:color-mix(in oklab,var(--panel-2) 35%,var(--panel))}@media (hover: none){td.actions-cell button.secondary{border-color:var(--line);color:var(--ink)}td.actions-cell button.danger{color:var(--bad)}}.panel.flush table th:first-child,.panel.flush table td:first-child{padding-left:22px}.panel.flush table th:last-child,.panel.flush table td:last-child{padding-right:22px}.empty{color:var(--muted);padding:32px 16px;text-align:center}.empty a{font-weight:600}button{font:inherit;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:var(--r-ctl);min-height:38px;padding:7px 15px;font-weight:550;cursor:pointer;line-height:1.3;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}button:hover{background:var(--accent-2);border-color:var(--accent-2)}button:active:not(:disabled){transform:translateY(.5px)}a.button{display:inline-block;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:var(--r-ctl);padding:7px 14px;font-weight:550;line-height:1.3;text-decoration:none;text-align:center}a.button:hover{background:var(--accent-2);border-color:var(--accent-2)}a.button.block{display:block}button.secondary{background:var(--panel);color:var(--ink);border-color:var(--line)}button.secondary:hover{background:var(--panel-2);border-color:var(--line-strong)}button.danger{background:var(--bad-bg);color:var(--bad);border-color:transparent}button.danger:hover{background:var(--bad);color:#fff;border-color:var(--bad)}button.quiet{background:transparent;color:var(--ink-2);border-color:transparent;padding-left:6px;padding-right:6px}button.quiet:hover{background:var(--panel-2);color:var(--ink)}button.sm{min-height:30px;padding:4px 11px;font-size:12.5px}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{background:var(--accent);border-color:var(--accent)}button.secondary:disabled:hover{background:var(--panel);border-color:var(--line)}button.danger:disabled:hover{background:var(--bad-bg);color:var(--bad);border-color:transparent}button.broadcast{font-size:14.5px;font-weight:650;min-height:40px;padding:8px 24px;white-space:nowrap;box-shadow:0 1px 2px #0f6e6240}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}input,select,textarea{font:inherit;padding:8px 11px;min-height:38px;border:1px solid var(--line);border-radius:var(--r-ctl);width:100%;background:var(--panel);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}label{display:block;margin:14px 0 5px;color:var(--ink-2);font-size:12.5px;font-weight:550}label.check{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--ink)}label.check input{width:auto;margin:0}.hint{color:var(--muted);font-size:12.5px;margin:4px 0 0}.row{display:flex;gap:12px}.row>*{flex:1}.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:22px}.actions .grow{flex:1}details.advanced{margin-top:12px}details.advanced summary{cursor:pointer;color:var(--ink-2);font-size:13px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;background:var(--info-bg);color:var(--ink-2);white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.online{background:var(--ok-bg);color:var(--ok)}.badge.offline{background:var(--bad-bg);color:var(--bad)}.broadcast-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.broadcast-form label{margin-top:0}.speaker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:14px}.speaker{border:1px solid var(--line);border-radius:var(--r-ctl);padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--paper)}.speaker .who{min-width:0}.speaker .who .n{font-weight:650;font-variant-numeric:tabular-nums}.speaker .who .name{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker.ok{background:var(--ok-bg);border-color:color-mix(in oklab,var(--ok) 30%,transparent)}.speaker.bad{background:var(--bad-bg);border-color:color-mix(in oklab,var(--bad) 30%,transparent)}.speaker .state{font-size:12px;font-weight:600}.speaker.ok .state{color:var(--ok)}.speaker.bad .state{color:var(--bad)}.speaker.pending .state{color:var(--muted)}.live-line{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.live-line .pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.live-line .pulse{animation:none}}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:64px 12px 1fr auto;gap:0 12px;align-items:center;padding:8px 0;position:relative}.timeline li+li:before{content:"";position:absolute;left:81px;top:-14px;height:22px;border-left:2px solid var(--line)}.timeline .t{font-variant-numeric:tabular-nums;font-weight:650;font-size:15px}.timeline .dot{width:12px;height:12px;border-radius:50%;background:var(--line-strong);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line-strong)}.timeline .dot.ok{background:var(--ok);box-shadow:0 0 0 1px var(--ok)}.timeline .dot.bad{background:var(--bad);box-shadow:0 0 0 1px var(--bad)}.timeline .what{min-width:0}.timeline .what .why{color:var(--bad);font-size:12.5px}.timeline .what .sub{color:var(--muted);font-size:12.5px}.timeline li.past{opacity:.85}.timeline li.now-marker{grid-template-columns:64px 1fr;padding:4px 0}.timeline li.now-marker .t{color:var(--accent);font-size:12.5px}.timeline li.now-marker .rule{border-top:2px dashed var(--accent)}.timeline li.now-marker+li:before{display:none}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.checklist li:first-child{border-top:none;padding-top:4px}.checklist .tick{width:24px;height:24px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:13px;color:var(--accent-ink)}.checklist li.done .tick{background:var(--accent);border-color:var(--accent)}.checklist .title{font-weight:650}.checklist li.done .title{color:var(--ink-2);font-weight:550}.checklist .detail{color:var(--muted);font-size:12.5px}.stat-row{display:flex;gap:22px;margin-bottom:8px}.stat .v{font-size:26px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.stat .k{color:var(--muted);font-size:12.5px}.stat.bad .v{color:var(--bad)}.stat.ok .v{color:var(--ok)}.list-plain{list-style:none;margin:0;padding:0}.list-plain li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f131173;display:flex;align-items:center;justify-content:center;z-index:10;padding:16px}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);padding:22px 24px;width:500px;max-width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-pop)}.dialog h2{font-size:17px;font-weight:650;margin-bottom:4px;letter-spacing:-.01em}.dialog>.actions:last-child{margin:22px -24px -22px;padding:14px 24px;border-top:1px solid var(--line);background:color-mix(in oklab,var(--panel-2) 40%,var(--panel));border-radius:0 0 var(--r-panel) var(--r-panel)}.dialog .lede{margin-bottom:4px}.toast-host{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:20}.toast{background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:var(--r-ctl);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-pop);max-width:380px}.toast a{color:var(--paper);font-weight:600;text-decoration:underline}.login-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px 64px}.login-card{width:360px;max-width:100%}.login-card.panel{background:transparent;border:none;padding:0}.login-card .brand{padding:0 0 22px}.login-card .brand .mark{width:40px;height:40px;border-radius:var(--r-panel)}.login-card h1{margin-bottom:2px}.copybox{font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--paper);border:1px solid var(--line);padding:9px 12px;border-radius:var(--r-ctl);word-break:break-all;font-size:15px;letter-spacing:.02em}.duallist{display:flex;gap:8px;align-items:stretch}.duallist select{height:180px}.duallist .arrows{display:flex;flex-direction:column;justify-content:center;gap:6px}@media (max-width: 820px){.layout{flex-direction:column}.sidebar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.nav-strip{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.nav-strip::-webkit-scrollbar{display:none}.nav-strip-group{display:flex;gap:4px;flex-shrink:0}.nav-strip-group+.nav-strip-group{padding-left:8px;margin-left:4px;border-left:1px solid var(--line)}.nav-strip a{flex-shrink:0;white-space:nowrap;padding:5px 12px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-size:13.5px}.nav-strip a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{padding:22px 16px 16px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:12px}h1{font-size:21px}.two-col,.broadcast-form{grid-template-columns:1fr}.panel{padding:16px}.panel.flush{overflow-x:auto}.panel.flush th,.panel.flush td{white-space:nowrap}.ext-table .col-kind{display:none}}.checks{list-style:none;margin:4px 0 0;padding:0;border:1px solid var(--line);border-radius:var(--r-ctl);max-height:260px;overflow-y:auto}.checks li+li{border-top:1px solid var(--line)}.checks label.check{margin:0;padding:8px 12px;cursor:pointer}.checks label.check:hover{background:var(--paper)}.checks .num{font-weight:600;font-variant-numeric:tabular-nums;min-width:40px}.console{display:grid;gap:16px}.console>.panel{margin-bottom:0}.console+*{margin-top:16px}.broadcast-form.two{grid-template-columns:1fr auto}.console-row{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.console-row.tight{margin-top:0}.console-row .grow{flex:1}.console-row select{width:auto}.live-line.flush{margin-top:0;padding-top:0;border-top:0}.queue{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--line)}.queue li{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--line)}.queue li .grow{flex:1;min-width:0}.queue li select{width:64px;padding:4px 6px;min-height:0}.queue li.playing{background:var(--ok-bg)}.level{flex:1;height:8px;border:none;border-radius:999px;overflow:hidden;background:var(--panel-2);min-width:200px}.level>div{height:100%;background:var(--accent);transition:width 80ms linear}@media (max-width: 720px){.broadcast-form.two{grid-template-columns:1fr}}.player{display:flex;align-items:center;gap:10px;width:100%;min-width:220px}.player audio{display:none}.player-btn{width:30px;height:30px;min-height:0;padding:0;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-color:transparent}.player-btn:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.player.on .player-btn{background:var(--accent);color:var(--accent-ink)}.player-btn svg{margin-left:1px}.player.on .player-btn svg{margin-left:0}.player-time{flex-shrink:0;min-width:76px;text-align:right;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.player.on .player-time{color:var(--ink-2)}input[type=range].player-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:80px;min-height:0;height:18px;padding:0;margin:0;border:none;background:transparent;box-shadow:none;cursor:pointer}input[type=range].player-track:focus{box-shadow:none}.player-track::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--p, 0%),var(--line-strong) var(--p, 0%))}.player-track::-moz-range-track{height:4px;border-radius:999px;background:var(--line-strong)}.player-track::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}.player-track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--accent);opacity:0;transition:opacity .15s}.player-track::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);opacity:0}.player:hover .player-track::-webkit-slider-thumb,.player.on .player-track::-webkit-slider-thumb,.player-track:focus-visible::-webkit-slider-thumb{opacity:1}.player:hover .player-track::-moz-range-thumb,.player.on .player-track::-moz-range-thumb{opacity:1}td.preview-cell{width:40%;min-width:260px}.media-table th,.media-table td:not(:first-child){white-space:nowrap}.queue li.playing{flex-wrap:wrap}.queue-progress{flex-basis:100%;height:3px;border-radius:999px;background:color-mix(in oklab,var(--ok) 18%,transparent);overflow:hidden;margin:2px 0 0}.queue-progress>div{height:100%;background:var(--ok);transition:width 1s linear}.add-preview{margin-top:10px}.table-note{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--ink-2)}.table-note.bad{background:var(--bad-bg);color:var(--bad)}.table-note .ok{color:var(--ok)}.ext-table td:nth-child(n+3),.ext-table th:nth-child(n+3){white-space:nowrap}button.link{min-height:0;padding:0;border:0;background:none;box-shadow:none;color:var(--accent);font:inherit;cursor:pointer}button.link:hover:not(:disabled){text-decoration:underline;background:none}button.link:disabled{color:var(--muted);cursor:default;opacity:1}.vol-field{margin-top:14px}.vol-head{display:flex;align-items:baseline;justify-content:space-between}.vol-head label{margin:0}.vol-value{font-weight:650;font-size:15px}input[type=range].vol-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;min-height:0;height:24px;padding:0;margin:6px 0 0;border:none;background:transparent;box-shadow:none;cursor:pointer}input[type=range].vol-track:focus{box-shadow:none}.vol-track::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--p, 0%),var(--line-strong) var(--p, 0%))}.vol-track::-moz-range-track{height:6px;border-radius:999px;background:var(--line-strong)}.vol-track::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}.vol-track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--panel);border:2px solid var(--accent);box-shadow:0 1px 3px #0000002e}.vol-track::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--panel);border:2px solid var(--accent)}.vol-track:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.vol-scale{position:relative;height:18px;margin-top:2px}.vol-scale>span:first-child{position:absolute;left:0}.vol-scale>span:last-child{position:absolute;right:0}.vol-scale>button.link{position:absolute;left:var(--z, 75%);transform:translate(-50%);font-size:12px}