@font-face{font-family:Iosevka Charon Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/iosevka-charon-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Iosevka Charon Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/iosevka-charon-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Iosevka Charon Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/iosevka-charon-mono-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Iosevka Charon Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/iosevka-charon-mono-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/montserrat-400-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/montserrat-400-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mono: "Iosevka Charon Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root,:root[data-theme=dark]{--bg: #0e0f12;--panel: #171a20;--panel-hi: #21252d;--line: #2f3542;--fg: #eef0f6;--text2: #c5cbd9;--dim: #98a1b2;--accent: #6ee7a8;--bad: #ff8a8a}@media(prefers-color-scheme:light){:root{--bg: #f6f7f9;--panel: #ffffff;--panel-hi: #eaedf2;--line: #d5dae3;--fg: #0f1115;--text2: #363d4a;--dim: #59616f;--accent: #0b7a44;--bad: #b3291c}}:root[data-theme=light]{--bg: #f6f7f9;--panel: #ffffff;--panel-hi: #eaedf2;--line: #d5dae3;--fg: #0f1115;--text2: #363d4a;--dim: #59616f;--accent: #0b7a44;--bad: #b3291c}*{box-sizing:border-box}body{margin:0;padding:20px 16px 48px;background:var(--bg);color:var(--fg);font:14px/1.5 var(--sans)}.theme-toggle{position:fixed;top:14px;right:14px;z-index:10;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.theme-toggle:hover{color:var(--fg);background:var(--panel-hi)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .tt-label{letter-spacing:.04em}@media(max-width:640px){.theme-toggle .tt-label{display:none}}.now-val,.v,.out .r,.out.tags .n,.zone-info,.stack .val,code,kbd,input{font-family:var(--mono)}main{max-width:720px;margin:0 auto}.intro{margin-bottom:16px}.intro h1{font-size:18px;font-weight:600;margin:0 0 6px;display:flex;align-items:center;gap:9px}.logo{width:21px;height:21px;flex:none;fill:none;stroke:var(--accent);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.intro p{color:var(--text2);font-size:14px;margin:0}.tabs{display:flex;gap:4px;margin-bottom:16px}.tabs a{flex:1;text-align:center;text-decoration:none;color:var(--dim);border:1px solid transparent;border-radius:8px;padding:8px 12px}.tabs a:hover{color:var(--fg)}.tabs a[aria-current=page]{background:var(--panel);border-color:var(--line);color:var(--fg)}.prose{margin-top:28px}.prose h2{font-size:14px;font-weight:600;margin:18px 0 6px}.prose p{color:var(--text2);font-size:14px;line-height:1.7;margin:0}.prose code,.foot code{color:var(--fg)}.foot{margin-top:24px;border-top:1px solid var(--line);padding-top:14px}.foot p{color:var(--text2);font-size:13px;margin:0}.foot a{color:var(--accent)}.foot .meta{margin-top:8px;font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.now{text-align:center;padding:20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.now:hover{background:var(--panel-hi)}.now-val{font-size:clamp(28px,8vw,44px);font-weight:700;margin:6px 0 4px;font-variant-numeric:tabular-nums}.label{color:var(--dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sub{color:var(--text2);font-size:13px}.zone-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;color:var(--dim)}.zone-row label{letter-spacing:.08em;text-transform:uppercase}.zone-row select{font:inherit;font-size:13px;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;max-width:260px;cursor:pointer}.zone-row select:focus{outline:none;border-color:var(--accent)}.zone-info{color:var(--accent);font-variant-numeric:tabular-nums}.now .muted{color:var(--dim);font-size:12px}.unit-toggle{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:10px;flex-wrap:wrap}.unit-toggle button,.unit-toggle select{font:inherit;font-size:12px;color:var(--text2);background:transparent;border:1px solid var(--line);border-radius:8px;padding:5px 14px;cursor:pointer}.unit-toggle select{padding:5px 8px;max-width:160px;background:var(--bg)}.unit-toggle button:hover{color:var(--fg);background:var(--panel-hi)}.unit-toggle button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.hint{color:var(--dim);font-size:12px;text-align:center;margin:14px 0 10px}kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:4px;padding:0 4px}.tiles{display:flex;flex-wrap:wrap;margin-bottom:6px}.tiles li{flex:1 1 144px;display:block;padding:8px 10px}.tiles b{display:block;font-weight:600;font-size:12px;color:var(--text2);margin-bottom:2px;white-space:nowrap}.tiles .v{font-size:13px}li.sel{border-color:var(--accent)}.live{font-family:var(--mono);font-size:clamp(18px,5vw,28px);font-weight:700;color:var(--accent);margin:14px 0 4px;overflow-wrap:anywhere;min-height:1.2em}.fold{margin:10px 0}.fold>summary{cursor:pointer;color:var(--dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 2px;-webkit-user-select:none;user-select:none}.fold>summary:hover{color:var(--fg)}.fold[open]>summary{margin-bottom:6px}.stack{position:fixed;top:20px;right:16px;width:230px;max-height:calc(100vh - 40px);overflow-y:auto}.stack .label{margin-bottom:8px}.stack ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.stack li{display:block;padding:8px 10px}.stack .val{font-size:13px;overflow-wrap:anywhere}.stack .fmt{color:var(--text2);font-size:12px}.stack .when{color:var(--dim);font-size:11px;margin-top:2px}@media(max-width:1240px){.stack{display:none}}ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}li{display:flex;align-items:baseline;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}li:hover{background:var(--panel-hi)}.k{flex:1 1 auto;min-width:0}.k b{font-weight:600;display:block}.k span{color:var(--dim);font-size:12px}.v{font-variant-numeric:tabular-nums;white-space:nowrap}.card+.card{margin-top:10px}.card h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 12px;font-weight:600}.field{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input{font:inherit;font-family:var(--mono);flex:1 1 200px;min-width:0;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 11px}input:focus{outline:none;border-color:var(--accent)}input.err{border-color:var(--bad)}.ghost{font:inherit;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 11px;cursor:pointer}.ghost:hover{color:var(--fg);background:var(--panel-hi)}.out{margin-top:10px;display:grid;gap:6px}.out>div{display:flex;align-items:baseline;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.out>div:hover{background:var(--panel-hi)}.out .n{color:var(--dim);font-size:12px;flex:0 0 104px}.out.tags .n{flex-basis:170px;color:var(--fg)}.out.tags .r{color:var(--dim)}.out .r{flex:1 1 auto;text-align:right;overflow-wrap:anywhere}.out .r.muted{color:var(--dim)}.copied{position:relative}.copied:after{content:"copied";position:absolute;inset:0;display:grid;place-items:center;background:var(--accent);color:var(--bg);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;border-radius:inherit}
