@font-face{font-family:Heros;src:url(/assets/texgyreheros-regular-BhIQFDcL.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Heros;src:url(/assets/texgyreheros-bold-C7CcwTgQ.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--black: #000000;--white: #ffffff;--yellow: #ffe600;--line: #232323;--surface: #151515;--surface-2: #1e1e1e;--ink-2: #cccccc;--muted: #999999;--dim: #5a5a5a;--empty: #2e2e2e;--unit: 8px;font-family:Heros,Helvetica Neue,Helvetica,Arial,sans-serif;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box;border-radius:0}html,body,#root{height:100%;margin:0}body{background:var(--black);color:var(--white);font-size:15px;line-height:1.45;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.shell{max-width:760px;margin:0 auto;padding:calc(var(--unit) * 3) calc(var(--unit) * 2) calc(var(--unit) * 12)}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--unit);padding-bottom:calc(var(--unit) * 2);border-bottom:1px solid var(--line);margin-bottom:calc(var(--unit) * 3)}.wordmark{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}h1{font-size:34px;font-weight:700;letter-spacing:-.03em;margin:0 0 calc(var(--unit) * .5)}h2{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--muted);margin:calc(var(--unit) * 4) 0 var(--unit)}.sub{color:var(--muted);font-size:13px;margin:0}.figure{font-size:52px;font-weight:400;letter-spacing:-.035em;line-height:1;display:block}.figure__unit{font-size:17px;font-weight:400;color:var(--muted);letter-spacing:0}.card{border:1px solid var(--line);background:var(--surface);padding:calc(var(--unit) * 2);margin-bottom:calc(var(--unit) * 1.5)}.card--live{border-left:2px solid var(--white);background:var(--surface-2)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--unit);padding:calc(var(--unit) * 1.5) 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row__name{font-weight:700}.row__meta{color:var(--muted);font-size:12px}.stack{display:flex;flex-direction:column;gap:2px;min-width:0}.spread{display:flex;align-items:baseline;justify-content:space-between;gap:var(--unit)}.count{font-size:26px;font-weight:400;letter-spacing:-.02em}.strip{display:flex;align-items:flex-end;gap:3px;height:10px;margin-top:var(--unit)}.strip>i{flex:1;height:100%;background:var(--white);display:block}.strip>i.is-empty{background:var(--empty)}.state{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.state--strong{color:var(--white)}.state--faint{color:var(--dim)}button{font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--line);background:transparent;color:var(--white);padding:calc(var(--unit) * 1.25) calc(var(--unit) * 2);cursor:pointer;min-height:44px;transition:background 80ms linear,border-color 80ms linear}button:hover:not(:disabled){border-color:var(--muted);background:var(--surface-2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:var(--dim);cursor:not-allowed}button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.primary{background:var(--yellow);border-color:var(--yellow);color:var(--black);font-weight:700}.primary:hover:not(:disabled){background:var(--white);border-color:var(--white)}.primary:disabled{background:var(--dim);border-color:var(--dim);color:var(--black)}.chosen{border-color:var(--white);background:var(--white);color:var(--black);font-weight:700}.group{display:flex;gap:1px}.group button{flex:1;padding-inline:var(--unit)}input{font:inherit;font-variant-numeric:tabular-nums;width:100%;background:var(--black);border:1px solid var(--line);color:var(--white);padding:calc(var(--unit) * 1.5);min-height:48px}input:focus{outline:none;border-color:var(--yellow)}input::placeholder{color:var(--dim)}.field{display:block;margin-bottom:calc(var(--unit) * 2)}.field__label{display:block;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--muted);margin-bottom:var(--unit)}.notice{border-left:2px solid var(--white);padding:var(--unit) calc(var(--unit) * 1.5);margin-bottom:calc(var(--unit) * 2);font-size:13px}.notice--bad{border-left-color:var(--yellow);color:var(--white)}.empty{color:var(--muted);padding:calc(var(--unit) * 4) 0;text-align:center;font-size:13px}.recording{color:var(--yellow);font-weight:700;letter-spacing:.08em}.nav{display:flex;gap:calc(var(--unit) * 2);margin-bottom:calc(var(--unit) * 3);border-bottom:1px solid var(--line)}.nav button{border:none;border-bottom:2px solid transparent;padding:var(--unit) 0;min-height:0;color:var(--muted);font-size:14px;font-weight:700;letter-spacing:-.01em;margin-bottom:-1px}.nav button:hover:not(:disabled){background:transparent;color:var(--ink-2)}.nav button:active:not(:disabled){transform:none}.nav button[aria-current=true]{color:var(--white);border-bottom-color:var(--white)}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active:not(:disabled){transform:none}}