:root{--blk-outline:#2a3a2f;--blk-neutral:#f6f1e4;--blk-neutral-ink:#23302a;--blk-primary:#6aa646;--blk-primary-ink:#fff;--blk-accent:#f39a2a;--blk-accent-ink:#fff;--tag-player:#3e7a2c;--tag-player-ink:#fff;--blk-field:#fffdf7;--blk-depth:4px;--blk-radius:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--blk-outline:#0f1712;--blk-neutral:#33443b;--blk-neutral-ink:#eaf0e8;--blk-field:#1f2a24}}:root[data-theme=dark]{--blk-outline:#0f1712;--blk-neutral:#33443b;--blk-neutral-ink:#eaf0e8;--blk-field:#1f2a24}.kb{--face:var(--blk-neutral);--ink:var(--blk-neutral-ink);--hi:color-mix(in srgb, var(--face) 62%, #fff);--lo:color-mix(in srgb, var(--face) 72%, #000);min-width:44px;min-height:44px;font:700 15px/1.1 var(--f-display);letter-spacing:.01em;color:var(--ink);white-space:nowrap;background:var(--face);border:3px solid var(--blk-outline);border-radius:var(--blk-radius);box-shadow:inset 0 3px 0 var(--hi), inset 0 -4px 0 var(--lo), 0 var(--blk-depth) 0 var(--blk-outline);margin-bottom:var(--blk-depth);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:7px 16px 9px;transition:transform 60ms,box-shadow 60ms,filter .1s;display:inline-flex;position:relative}.kb svg{flex:none;width:20px;height:20px}.kb:hover{filter:brightness(1.05)}.kb:active:not(:disabled),.kb[data-pressed=true]{transform:translateY(calc(var(--blk-depth) - 1px));box-shadow:inset 0 3px 0 var(--hi), inset 0 -2px 0 var(--lo), 0 1px 0 var(--blk-outline)}.kb:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.kb:disabled{filter:grayscale(.7);opacity:.6;cursor:default}.kb.primary{--face:var(--blk-primary);--ink:var(--blk-primary-ink);text-shadow:0 2px #00000038}.kb.accent{--face:var(--blk-accent);--ink:var(--blk-accent-ink);text-shadow:0 2px #00000038}.kb.lg{--blk-depth:5px;min-height:58px;padding:10px 26px 13px;font-size:19px}.kb.lg svg{width:24px;height:24px}.kb.icon{width:44px;padding:0}.kb.lg.icon{width:58px}.kb.block{width:100%;display:flex}.kb .kb-sub{font:500 12px/1.25 var(--f-body);opacity:.8;display:block}.kb.stack{text-align:left;white-space:normal;justify-content:flex-start;gap:10px}.kb.stack>span{gap:2px;display:grid}.kseg{gap:6px;display:inline-flex}.kseg .kb{min-width:0}.kb[data-armed=true]{--face:var(--danger,#d9483b);--ink:#fff;text-shadow:0 2px #00000038}.kb.toggle[aria-pressed=true]{--face:var(--blk-primary);--ink:var(--blk-primary-ink);text-shadow:0 2px #00000038;transform:translateY(calc(var(--blk-depth) - 2px));box-shadow:inset 0 3px 0 var(--hi), inset 0 -2px 0 var(--lo), 0 2px 0 var(--blk-outline)}.kseg .kb[aria-pressed=true]{--face:var(--blk-primary);--ink:var(--blk-primary-ink);text-shadow:0 2px #00000038}.kp{background:var(--blk-neutral);color:var(--blk-neutral-ink);border:3px solid var(--blk-outline);border-radius:calc(var(--blk-radius) + 4px);box-shadow:inset 0 3px 0 color-mix(in srgb, var(--blk-neutral) 60%, #fff), 0 var(--blk-depth) 0 var(--blk-outline), 0 12px 28px #1423192e}.kf{gap:6px;display:grid}.kf-label{font:700 14px/1.2 var(--f-display);color:var(--ink)}.kf-hint{color:var(--muted);font-size:12.5px}.kf-error{color:var(--danger);font-size:12.5px;font-weight:600}.ki{width:100%;min-height:50px;font:600 17px/1.2 var(--f-body);color:var(--blk-neutral-ink);background:var(--blk-field);border:3px solid var(--blk-outline);border-radius:var(--blk-radius);-webkit-user-select:text;user-select:text;outline:none;padding:10px 14px;box-shadow:inset 0 4px #00000014}.ki::placeholder{color:var(--muted);font-weight:500}.ki:focus-visible,.ki:focus{box-shadow:inset 0 4px 0 #00000014, 0 0 0 3px var(--accent)}.ki[aria-invalid=true]{border-color:var(--danger)}.kcode{gap:8px;display:inline-flex}.kcode .ki{text-align:center;width:52px;min-height:62px;font:800 30px/1 var(--f-display);caret-color:var(--accent);padding:0}@media (width<=360px){.kcode{gap:6px}.kcode .ki{width:46px}}@media (prefers-reduced-motion:reduce){.kb{transition:none}}