:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#fff;--ink:#232327;--muted:#6f6f78;--line:#e0e0e4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#08090a;--ink:#d0d6e0;--muted:#8a8c95;--line:#29292d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#08090a;--ink:#d0d6e0;--muted:#8a8c95;--line:#29292d}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--ground);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;place-items:center;margin:0;padding:24px 16px;font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}main{width:100%;max-width:640px}.plate{border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.tag,.label,output,button{letter-spacing:.02em;font:11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tag{z-index:1;color:var(--muted);pointer-events:none;position:absolute;top:12px}.tag-name{left:14px}.tag-read{color:var(--ink);font-variant-numeric:tabular-nums;right:14px}.controls{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:14px;display:flex}.label{color:var(--muted)}input[type=range]{cursor:pointer;appearance:none;background:0 0;flex:96px;min-width:0;height:32px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--muted);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--ink);background:var(--ground);border-radius:50%;width:13px;height:13px;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--muted);height:1px}input[type=range]::-moz-range-thumb{border:1px solid var(--ink);background:var(--ground);border-radius:50%;width:11px;height:11px}input[type=range]:focus-visible,button:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px}output{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch}button{border:1px solid var(--line);height:32px;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px}.means{text-wrap:pretty;margin:14px 0 0}.rules{margin:6px 0 0;line-height:1.6}
