:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg:#0f1115;--bg-elevated:#161a21;--fg:#e6e6e6;--fg-muted:#8b919c;--accent:#f2c94c;--key-bg:#1c2029;--key-border:#2b313d;--key-fg:#d7dbe2;--key-fg-muted:#7d8595;--key-pressed-bg:var(--accent);--key-pressed-border:#d9b23e;--key-pressed-fg:#1a1a1a;--finger-pinky:#e07a7a;--finger-ring:#e0b26e;--finger-middle:#7ec87e;--finger-index:#6fa8f2;--finger-thumb:#b18ae0}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}a{color:var(--fg-muted);border-bottom:1px solid #0000;text-decoration:none}a:hover{color:var(--fg);border-bottom-color:currentColor}kbd{border:1px solid var(--key-border);background:var(--key-bg);min-width:1.6em;color:var(--key-fg);font-family:var(--font-mono);text-align:center;border-bottom-width:3px;border-radius:6px;margin:0 .1em;padding:.05em .45em;font-size:.85em;display:inline-block}.app{grid-template-rows:auto 1fr auto;gap:2rem;max-width:1040px;min-height:100%;margin:0 auto;padding:2rem 1.5rem;display:grid}.app-header{text-align:center}.brand{font-family:var(--font-mono);letter-spacing:.04em;margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:600}.brand-accent{color:var(--accent)}.tagline{color:var(--fg-muted);margin:.25rem 0 0}.app-main{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.stage{border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;width:100%;padding:.75rem;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex}.stage[data-capture]{border-color:color-mix(in oklab, var(--accent), transparent 55%);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent), transparent 88%)}.hint{min-height:2.2em;color:var(--fg-muted);text-align:center;margin:0}.legend{color:var(--fg-muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.legend-item{align-items:center;gap:.4rem;display:inline-flex}.legend-swatch{background:var(--swatch,currentColor);border-radius:3px;width:.8em;height:.8em}.legend-item[data-finger=pinky]{--swatch:var(--finger-pinky)}.legend-item[data-finger=ring]{--swatch:var(--finger-ring)}.legend-item[data-finger=middle]{--swatch:var(--finger-middle)}.legend-item[data-finger=index]{--swatch:var(--finger-index)}.legend-item[data-finger=thumb]{--swatch:var(--finger-thumb)}.app-footer{color:var(--fg-muted);font-family:var(--font-mono);justify-content:center;gap:.6rem;font-size:.8rem;display:flex}.kbd{-webkit-user-select:none;user-select:none;width:100%;max-width:960px;height:auto;display:block}.kbd-cap{fill:var(--key-bg);stroke:var(--key-border);stroke-width:1px;transition:fill 80ms ease-out,transform 80ms ease-out}.kbd-legend{fill:var(--key-fg);font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;pointer-events:none}.kbd-legend--single{font-size:18px}.kbd-legend--shift,.kbd-legend--base{font-size:15px}.kbd-legend--shift,.kbd-homing{fill:var(--key-fg-muted)}.kbd-key[data-finger=pinky] .kbd-cap{fill:color-mix(in oklab, var(--key-bg), var(--finger-pinky) 22%)}.kbd-key[data-finger=ring] .kbd-cap{fill:color-mix(in oklab, var(--key-bg), var(--finger-ring) 22%)}.kbd-key[data-finger=middle] .kbd-cap{fill:color-mix(in oklab, var(--key-bg), var(--finger-middle) 22%)}.kbd-key[data-finger=leftIndex] .kbd-cap,.kbd-key[data-finger=rightIndex] .kbd-cap{fill:color-mix(in oklab, var(--key-bg), var(--finger-index) 22%)}.kbd-key[data-finger=thumb] .kbd-cap{fill:color-mix(in oklab, var(--key-bg), var(--finger-thumb) 22%)}.kbd-key[data-pressed] .kbd-cap{stroke:var(--key-pressed-border);transform:translateY(2px);fill:var(--key-pressed-bg)!important}.kbd-key[data-pressed] .kbd-legend,.kbd-key[data-pressed] .kbd-homing{fill:var(--key-pressed-fg)}