@layer reset{*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}img{max-inline-size:100%}[hidden]{display:none!important}}@layer tokens{:root{--black:#000;--white:#fff;--cyan:#4df3ff;--violet:#9d7bff;--light-line:#0a9a95;--light-fill:#3fdcea;--light-violet:#6a4fe0;--dark-ground:#05060a;--dark-ink:#e8edff;--dark-blue:#7aa2ff;--light-ground:#f3f5fa;--light-ink:#0b1020;--dark-good:#74e8b8;--dark-warn:#ffb547;--dark-bad:#f0607a;--light-good:#3150c4;--light-warn:#704600;--light-bad:#c0185c;--dark-direction:#8f2621;--light-direction:#96211b;--windows-close:#c42b1c;--sony-led:#fff;--sony-led-glow:#5f9dff;--switch-led:#6dff5c;--switch-led-glow:#1ed40e;--switch-home:#45a8ff;--switch-home-glow:#16f;--bg:light-dark(var(--light-ground),var(--dark-ground));--bar:light-dark(var(--white),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 3%));--surface:light-dark(var(--white),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 6%));--surface-raised:light-dark(var(--white),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 12%));--border:light-dark(color-mix(in oklab, var(--light-ground), var(--light-ink) 52%),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 72%));--border-subtle:light-dark(color-mix(in oklab, var(--white), var(--light-ink) 14%),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 34%));--border-faint:light-dark(color-mix(in oklab, var(--white), var(--light-ink) 8%),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 20%));--text:light-dark(var(--light-ink),var(--dark-ink));--text-muted:light-dark(color-mix(in oklab, var(--light-ink), var(--light-ground) 25%),color-mix(in oklab, var(--dark-ink), var(--dark-ground) 30%));--accent:light-dark(var(--light-line),var(--cyan));--accent-fill:light-dark(var(--light-fill),var(--cyan));--on-accent:var(--dark-ground);--accent-text:light-dark(color-mix(in oklab, var(--light-line), var(--light-ink) 22%),var(--cyan));--accent-soft:light-dark(color-mix(in oklab, var(--white), var(--light-fill) 22%),color-mix(in oklab, var(--dark-ground), var(--cyan) 14%));--accent-glow:light-dark(transparent,color-mix(in oklab, var(--cyan), transparent 65%));--focus:light-dark(color-mix(in oklab, var(--light-line), var(--light-ink) 35%),color-mix(in oklab, var(--cyan), var(--dark-ink) 40%));--extra:light-dark(var(--light-violet),var(--violet));--extra-text:light-dark(color-mix(in oklab, var(--light-violet), var(--light-ink) 12%),color-mix(in oklab, var(--violet), var(--dark-ink) 30%));--extra-soft:light-dark(color-mix(in oklab, var(--white), var(--light-violet) 8%),color-mix(in oklab, var(--dark-ground), var(--violet) 14%));--extra-line:light-dark(color-mix(in oklab, var(--white), var(--light-violet) 50%),color-mix(in oklab, var(--dark-ground), var(--violet) 55%));--brand-start:light-dark(var(--light-line),var(--cyan));--brand-end:light-dark(var(--light-violet),var(--violet));--fill-start:light-dark(var(--light-fill),var(--cyan));--fill-end:light-dark(color-mix(in oklab, var(--light-violet), var(--white) 45%),var(--violet));--fill-middle:color-mix(in oklab, var(--fill-start), var(--fill-end));--headline-start:light-dark(color-mix(in oklab, var(--light-line), var(--light-ink) 22%),color-mix(in oklab, var(--cyan), var(--white) 60%));--headline-end:light-dark(color-mix(in oklab, var(--light-violet), var(--light-ink) 12%),var(--violet));--headline-middle:color-mix(in oklab, var(--headline-start), var(--headline-end));--wash-start:light-dark(color-mix(in oklab, var(--light-line), transparent 92%),color-mix(in oklab, var(--cyan), transparent 92%));--wash-end:light-dark(color-mix(in oklab, var(--light-violet), transparent 91%),color-mix(in oklab, var(--violet), transparent 85%));--dot:light-dark(color-mix(in oklab, var(--light-ink), transparent 92%),color-mix(in oklab, var(--dark-blue), transparent 91%));--good:light-dark(var(--light-good),var(--dark-good));--warn:light-dark(var(--light-warn),var(--dark-warn));--bad:light-dark(var(--light-bad),var(--dark-bad));--pad-body:light-dark(var(--white),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 14%));--pad-edge:light-dark(color-mix(in oklab, var(--white), var(--light-ink) 62%),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 48%));--pad-button:light-dark(color-mix(in oklab, var(--light-ground), var(--light-ink) 3%),color-mix(in oklab, var(--dark-ground), var(--dark-blue) 22%));--pad-label:light-dark(var(--light-ink),var(--dark-ink));--pad-lit:light-dark(var(--light-fill),var(--cyan));--pad-lit-label:var(--dark-ground);--pad-direction:light-dark(var(--light-direction),var(--dark-direction));--pad-direction-label:light-dark(var(--white),var(--dark-ink));--scrim:light-dark(color-mix(in oklab, var(--light-ink), transparent 78%),color-mix(in oklab, var(--black), transparent 55%));--shadow:light-dark(color-mix(in oklab, var(--light-ink), transparent 88%),color-mix(in oklab, var(--black), transparent 55%));--window-close:var(--windows-close);--on-window-close:var(--white);--view-ink:var(--white);--view-shade:color-mix(in oklab, var(--black), transparent 45%);--view-hurt:color-mix(in oklab, var(--dark-bad), transparent 40%);--view-head:var(--dark-warn);--view-down:var(--dark-bad);--view-throttle:var(--dark-good);--view-brake:var(--dark-bad);--view-mark:var(--dark-warn);--view-health:var(--dark-warn);--font-sans:"Space Grotesk Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, "Noto Sans Mono", monospace}:root:lang(zh-Hans){--font-sans:"Space Grotesk Variable", "PadBench SC", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, "PadBench SC", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", monospace}:root:lang(zh-Hant){--font-sans:"Space Grotesk Variable", "PadBench TC", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, "PadBench TC", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", monospace}:root{color-scheme:light dark}:root[data-mode=dark]{color-scheme:dark}:root[data-mode=light]{color-scheme:light}:root[data-skin=contrast]{--bg:light-dark(var(--white),var(--black));--surface:light-dark(var(--white),var(--black));--surface-raised:light-dark(var(--white),#0d0d0d);--border:light-dark(var(--black),var(--white));--border-subtle:light-dark(#333,#b3b3b3);--border-faint:light-dark(#333,#b3b3b3);--text:light-dark(var(--black),var(--white));--text-muted:light-dark(#1a1a1a,#e0e0e0);--bar:light-dark(var(--white),var(--black));--accent:light-dark(#00594f,#a8f7ff);--accent-fill:light-dark(#3fdcea,#a8f7ff);--on-accent:light-dark(var(--black),var(--black));--accent-text:light-dark(#00463f,#c9fbff);--accent-soft:light-dark(#c5f5f9,#0d3a40);--accent-glow:transparent;--extra:light-dark(#3b23a8,#d2c4ff);--extra-text:light-dark(#2e1b88,#e1d7ff);--extra-soft:light-dark(#ece7ff,#2a2147);--extra-line:var(--extra);--wash-start:transparent;--wash-end:transparent;--focus:light-dark(var(--black),var(--white));--good:light-dark(#1d3796,#9df0cc);--warn:light-dark(#4d3000,#ffd27a);--bad:light-dark(#8e0f42,#ff9aad);--pad-body:light-dark(var(--white),var(--black));--pad-edge:light-dark(var(--black),var(--white));--pad-button:light-dark(var(--white),#1f1f1f);--pad-label:light-dark(var(--black),var(--white));--pad-lit:var(--accent-fill);--pad-lit-label:var(--black);--scrim:light-dark(color-mix(in oklab, var(--black), transparent 55%),color-mix(in oklab, var(--black), transparent 30%))}}@layer base{body{background:radial-gradient(1100px 680px at 88% -14%, var(--wash-end), transparent 62%), radial-gradient(900px 620px at -12% 22%, var(--wash-start), transparent 60%), var(--bg);color:var(--text);font:14px/1.4 var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed}body:lang(zh){line-height:1.6}button{border:1px solid var(--border);background:var(--surface-raised);min-block-size:30px;color:var(--text);cursor:pointer;padding-inline:10px}button:hover:not(:disabled){background:var(--accent-soft)}:where(button,[data-cut-control]){--cut-start:var(--cut-control,6px);--cut-end:var(--cut-control,6px);--bw:1px;clip-path:polygon(calc(var(--cut-start) + 24px) -24px, calc(100% + 24px) -24px, calc(100% + 24px) calc(100% - var(--cut-end) - 24px), calc(100% - var(--cut-end) - 24px) calc(100% + 24px), -24px calc(100% + 24px), -24px calc(var(--cut-start) + 24px));position:relative}:where(button,[data-cut-control]):before,:where(button,[data-cut-control]):after{--reach:calc(var(--cut) + min(var(--cut) * 100, var(--bw) * 1.4142));content:"";inline-size:calc(var(--cut) + 2 * var(--bw));border-block-start:calc(var(--cut) + 2 * var(--bw)) solid;border-block-start-style:inherit;border-block-start-color:inherit;pointer-events:none;block-size:0;position:absolute}:where(button,[data-cut-control]):before{--cut:var(--cut-start);clip-path:polygon(0 0, var(--reach) 0, 0 var(--reach));inset-block-start:calc(-1 * var(--bw));inset-inline-start:calc(-1 * var(--bw))}:where(button,[data-cut-control]):after{--cut:var(--cut-end);clip-path:polygon(100% 100%, calc(100% - var(--reach)) 100%, 100% calc(100% - var(--reach)));inset-block-end:calc(-1 * var(--bw));inset-inline-end:calc(-1 * var(--bw))}:where(button,[data-cut-control]):dir(rtl){clip-path:polygon(-24px -24px, calc(100% - var(--cut-start) - 24px) -24px, calc(100% + 24px) calc(var(--cut-start) + 24px), calc(100% + 24px) calc(100% + 24px), calc(var(--cut-end) + 24px) calc(100% + 24px), -24px calc(100% - var(--cut-end) - 24px))}:where(button,[data-cut-control]):dir(rtl):before{clip-path:polygon(100% 0, calc(100% - var(--reach)) 0, 100% var(--reach))}:where(button,[data-cut-control]):dir(rtl):after{clip-path:polygon(0 100%, var(--reach) 100%, 0 calc(100% - var(--reach)))}:where(button:disabled,[aria-disabled=true]):before,:where(button:disabled,[aria-disabled=true]):after{border-block-start-style:solid;mask-image:repeating-linear-gradient(45deg,#000 0 3px,#0000 3px 6px)}:where(button:disabled,[aria-disabled=true]):dir(rtl):before,:where(button:disabled,[aria-disabled=true]):dir(rtl):after{mask-image:repeating-linear-gradient(-45deg,#000 0 3px,#0000 3px 6px)}select{border-radius:0}button,select,summary,[role=tab],.pad-frame{-webkit-user-select:none;user-select:none}button:disabled{color:var(--text-muted);cursor:not-allowed;border-style:dashed}input,select{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:where(button,[data-cut-control]):focus-visible{outline-offset:-2px}:where(button,[data-cut-control]):focus-visible:before,:where(button,[data-cut-control]):focus-visible:after{--reach:calc(var(--cut) + min(var(--cut) * 100, 2px * 1.4142));border-block-start-style:solid;border-block-start-color:var(--focus);mask-image:none}@media not (forced-colors:active){:where(:root[data-windows],:root[data-windows] *)::-webkit-scrollbar{block-size:10px;inline-size:10px}:where(:root[data-windows],:root[data-windows] *)::-webkit-scrollbar-track{background:0 0}:where(:root[data-windows],:root[data-windows] *)::-webkit-scrollbar-corner{background:0 0}:where(:root[data-windows],:root[data-windows] *)::-webkit-scrollbar-button{display:none}:where(:root[data-windows],:root[data-windows] *)::-webkit-scrollbar-thumb{background:var(--border) padding-box;border:2px solid #0000}:where(:root[data-windows],:root[data-windows] *)::-webkit-scrollbar-thumb:hover{background-color:var(--accent);border-width:1px}:where(:root[data-windows],:root[data-windows] *)::-webkit-scrollbar-thumb:active{background-color:var(--accent);border-width:1px}}@supports not selector(::-webkit-scrollbar){:root[data-windows]{scrollbar-color:var(--border) transparent}:root[data-windows],:root[data-windows] *{scrollbar-width:thin}}a{color:var(--accent-text)}.bold-width{justify-items:center;display:inline-grid}.bold-width:after{content:attr(data-text);visibility:hidden;block-size:0;font-weight:700;overflow:hidden}.too-old{display:none}@supports not (color:light-dark(#000, #fff)){.too-old{color:#000;background:#fff3cd;border-block-end:2px solid #704600;margin:0;padding:.75rem 1rem;display:block}}}@layer components{.segments{display:inline-flex}.segments>button{border:1px solid var(--border);background:var(--surface-raised);min-block-size:32px;color:var(--text);margin-inline-start:-1px;padding-inline:10px}.segments>button:first-child{margin-inline-start:0}.segments>button{--cut-control:0px}.segments>button:first-child{--cut-start:var(--cut-group,6px)}.segments>button:last-child{--cut-end:var(--cut-group,6px)}.segments>button:hover{background:var(--accent-soft)}.segments>button[aria-pressed=true]{z-index:1;border-color:var(--accent);background:var(--accent-soft);font-weight:700;position:relative}.icon-button{block-size:32px;inline-size:36px;color:var(--text);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--accent-soft)}.icon-button:is([aria-pressed=true],[aria-expanded=true]){--bw:2px;border:2px solid var(--accent);background:var(--accent-soft)}.cut{--c:8px;--cut-width:1px;--cut-fill:var(--surface);--cut-line:var(--border-subtle);--cut-notch:var(--cut-line);isolation:isolate;position:relative}.cut:before,.cut:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:absolute}.cut:before{--w:var(--cut-width);--d:calc(var(--c) + .414 * var(--w));background:linear-gradient(var(--cut-notch), var(--cut-notch)) 0 0 / var(--c) var(--c) no-repeat, var(--cut-line);clip-path:polygon(evenodd, var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c), var(--c) 0, var(--d) var(--w), var(--w) var(--d), var(--w) calc(100% - var(--w)), calc(100% - var(--d)) calc(100% - var(--w)), calc(100% - var(--w)) calc(100% - var(--d)), calc(100% - var(--w)) var(--w), var(--d) var(--w));inset:0}.cut:after{inset:var(--cut-width);background:linear-gradient(to bottom right, var(--cut-notch) calc(50% + 1.2px), transparent 0) 0 0 / var(--c) var(--c) no-repeat, var(--cut-fill)}@media (forced-colors:active){.segments>button[aria-pressed=true],.icon-button:is([aria-pressed=true],[aria-expanded=true]){forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.cut{border:1px solid canvastext}.cut:before,.cut:after{display:none}}[dir=rtl] .cut:before,[dir=rtl] .cut:after{scale:-1 1}}@layer utilities{:lang(zh){letter-spacing:normal}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;inset-block-start:0;overflow:hidden}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.live-figure{contain:size layout;inline-size:var(--figure-width);vertical-align:top;white-space:nowrap;block-size:1lh;display:inline-block}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");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:PadBench SC;src:local(PingFang SC Regular),local(PingFangSC-Regular),local(Microsoft YaHei),local(MicrosoftYaHei),local(Noto Sans CJK SC),local(NotoSansCJKsc-Regular);font-weight:100 549;size-adjust:110%;unicode-range:U+2E80-2FDF,U+3000-303F,U+3100-312F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF,U+20000-2FA1F}@font-face{font-family:PadBench SC;src:local(PingFang SC Semibold),local(PingFangSC-Semibold),local(Microsoft YaHei Bold),local(MicrosoftYaHei-Bold),local(Noto Sans CJK SC Bold),local(NotoSansCJKsc-Bold);font-weight:550 900;size-adjust:110%;unicode-range:U+2E80-2FDF,U+3000-303F,U+3100-312F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF,U+20000-2FA1F}@font-face{font-family:PadBench TC;src:local(PingFang TC Regular),local(PingFangTC-Regular),local(Microsoft JhengHei),local(MicrosoftJhengHeiRegular),local(Noto Sans CJK TC),local(NotoSansCJKtc-Regular);font-weight:100 549;size-adjust:110%;unicode-range:U+2E80-2FDF,U+3000-303F,U+3100-312F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF,U+20000-2FA1F}@font-face{font-family:PadBench TC;src:local(PingFang TC Semibold),local(PingFangTC-Semibold),local(Microsoft JhengHei Bold),local(MicrosoftJhengHeiBold),local(Noto Sans CJK TC Bold),local(NotoSansCJKtc-Bold);font-weight:550 900;size-adjust:110%;unicode-range:U+2E80-2FDF,U+3000-303F,U+3100-312F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF,U+20000-2FA1F}@property --x{syntax:"<number>";inherits:false;initial-value:0}@property --y{syntax:"<number>";inherits:false;initial-value:0}@property --value{syntax:"<number>";inherits:false;initial-value:0}@property --high{syntax:"<number>";inherits:false;initial-value:0}@property --demo-button{syntax:"<color>";inherits:true;initial-value:#0000}@property --demo-lit{syntax:"<color>";inherits:true;initial-value:#0000}@property --demo-edge{syntax:"<color>";inherits:true;initial-value:#0000}@property --demo-line{syntax:"<color>";inherits:true;initial-value:#0000}@property --demo-marked-line{syntax:"<color>";inherits:true;initial-value:#0000}@property --demo-marked{syntax:"<color>";inherits:true;initial-value:#0000}@property --player-off{syntax:"<color>";inherits:true;initial-value:#0000}