@font-face{font-family:Pixel Font7;src:url(/fonts/PixelFont-7.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #14160f;--canvas: #0e0f0b;--panel: #1b1e14;--field: #10120c;--ink: #f4f1e4;--muted: #9aa18a;--line: #323828;--yellow: #e4ff55;--fill: #e4ff55;--yellow-hot: #f4ff9a;--on-yellow: #16180f;--ok: #7dff6a;--wait: #e6c15a;--bad: #ff7a72;--error-ink: #ffd0cc;--error-bg: #2a1614;--error-line: #6a3030;--placeholder: #6e7560;color:var(--ink);background:var(--bg);color-scheme:dark;font-family:Pixel Font7,monospace;font-size:16px;font-weight:400;font-synthesis:none;line-height:1.4;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}:root[data-theme=light]{--bg: #f3f0e4;--canvas: #e4e0d2;--panel: #fffdf6;--field: #f7f4ea;--ink: #1a1c14;--muted: #5c6254;--line: #cfcab8;--yellow: #4d5c00;--fill: #4d5c00;--yellow-hot: #3a4600;--on-yellow: #f4f1e4;--ok: #1f7a32;--wait: #8a6810;--bad: #b42318;--error-ink: #7a1d16;--error-bg: #fde8e4;--error-line: #e7b2aa;--placeholder: #8a8f7e;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas)}button,input,select{font:inherit;color:inherit;font-synthesis:none}button{cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:Pixel Font7,monospace;font-weight:400}.page{width:min(920px,calc(100% - 32px));margin:0 auto;padding:36px 0 72px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:0;image-rendering:pixelated}h1{margin:0;color:var(--yellow);font-size:32px;font-weight:400;line-height:1;letter-spacing:0}.status{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:16px}.dot{width:8px;height:8px;background:var(--muted)}.tone-ok .dot{background:var(--ok)}.tone-wait .dot{background:var(--wait)}.tone-bad{color:var(--bad)}.tone-bad .dot{background:var(--bad)}.composer,.codes,.notice{border:2px solid var(--line);background:var(--panel)}.composer{padding:18px}form{display:grid;gap:14px}label{display:grid;gap:8px;color:var(--muted);font-size:16px}input,.unit-button{width:100%;height:48px;border:2px solid var(--line);border-radius:0;background:var(--field);padding:0 12px;font-size:16px}input::placeholder{color:var(--placeholder)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.unit{position:relative;display:grid;gap:8px;color:var(--muted)}.unit-button{position:relative;text-align:left;padding-right:36px}.unit-button:after{content:"";position:absolute;top:50%;right:14px;width:10px;height:6px;transform:translateY(-50%);background:var(--muted);clip-path:polygon(0 0,100% 0,50% 100%)}.unit-menu{position:absolute;z-index:3;top:calc(100% + 6px);left:0;right:0;margin:0;padding:0;list-style:none;border:2px solid var(--yellow);background:var(--field)}.unit-menu button{width:100%;height:40px;border:0;background:transparent;color:var(--ink);text-align:left;padding:0 12px}.unit-menu button:hover,.unit-menu button[aria-selected=true]{background:var(--fill);color:var(--on-yellow)}input:focus,.unit-button:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.controls{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:12px;align-items:end}.primary,.ghost{height:48px;border:2px solid var(--yellow);background:transparent;color:var(--yellow);padding:0 16px;font-size:16px}.primary{background:var(--fill);color:var(--on-yellow)}.primary:hover:not(:disabled),.ghost:hover:not(:disabled){background:var(--yellow-hot);color:var(--on-yellow)}.primary:disabled,.ghost:disabled{opacity:.5;cursor:wait}.error{margin:0;color:var(--error-ink);background:var(--error-bg);border:2px solid var(--error-line);padding:10px 12px}.top-actions{display:flex;align-items:center;gap:16px}.theme{display:inline-flex;align-items:center;gap:8px;height:36px;border:2px solid var(--line);background:var(--panel);color:var(--ink);padding:0 10px}.mode-icon{width:14px;height:14px;flex:none;fill:currentColor}.theme:hover{border-color:var(--yellow);color:var(--yellow)}.latest{display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:2px solid var(--line)}.latest p,.muted{margin:0;color:var(--muted)}.latest-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.row-actions{display:flex;justify-content:flex-end;gap:8px}.row-actions button{white-space:nowrap}.latest code{color:var(--yellow);font-size:48px;line-height:1}.latest a,.codes a{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.latest a:hover,.codes a:hover{color:var(--yellow)}.codes{margin-top:18px;padding:8px 18px 18px}.codes ul{list-style:none;margin:0;padding:0}.codes li{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:64px;border-bottom:2px solid var(--line)}.codes li:last-child{border-bottom:0}.codes code{color:var(--yellow);font-size:24px}.notice,.codes>.muted{margin:18px 0 8px}.notice{display:grid;gap:12px;padding:16px}.more{width:100%;margin-top:8px}.toast-region{position:fixed;z-index:5;top:16px;right:16px;width:min(360px,calc(100% - 32px));pointer-events:none}.toast{margin:0;padding:12px;color:var(--error-ink);background:var(--error-bg);border:2px solid var(--error-line);transform-origin:top right;animation:toast-in .5s ease-out both}.toast.is-leaving{animation:toast-out .5s ease-in both}@keyframes toast-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes toast-out{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.toast,.toast.is-leaving{animation:none}}.toast p{margin:0}.toast-code{font-weight:700;font-synthesis:weight}@media(max-width:720px){h1{font-size:24px}.top,.controls,.codes li,.latest-row{grid-template-columns:1fr;display:grid}.top{align-items:flex-start}.row-actions{display:grid;grid-template-columns:1fr 1fr}.primary,.ghost,.more{width:100%}.latest code{font-size:40px}}