:root,:root[data-theme=light]{color-scheme:light;--bg: #f2f0eb;--fg: #1a1a1a;--muted: #5a5a5a;--surface: #eae7e1;--surface-raised: #f7f5f0;--divider: #c8c4bc;--panel: var(--surface-raised);--border: #c8c4bc;--border-strong: #3a3a3a;--btn-bg: #fff;--btn-hover: #faf8f4;--btn-selected: #e6e2d8;--accent: #5c6b7a;--accent-soft: #eceae5;--danger: #8b2e2e;--stage: #2c2a28;--ps-hit-from: #c026d3;--ps-hit-to: #4f46e5;--ps-hit: linear-gradient(90deg, var(--ps-hit-from), var(--ps-hit-to));--ps-hit-edge: var(--ps-hit-to);--ps-key-white: #f4f0e6;--ps-key-white-active: linear-gradient(180deg, var(--ps-hit-from), var(--ps-hit-to));--ps-key-black: #1a1a1a;--ps-key-black-active: linear-gradient(180deg, var(--ps-hit-from), var(--ps-hit-to));--ps-key-border: #2a2a2a;--ps-key-label: #5a5a5a;--ps-key-label-active: #faf8ff;--ps-roll-bg: #1a1a1a;--ps-fg: #e8e6e1;--ps-muted: #9a9690;--ps-note-fill: #d8d4cc;--ps-note-fill-black: #b8c4d4;--ps-note-right: #4f86c6;--ps-note-left: #c45c5c;--ps-note-inactive-opacity: .28;--ps-accent: var(--ps-hit-from);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--radius-control: 10px;--radius-panel: 14px;--control-pad-y: 6px;--control-pad-x: 12px;--control-min-height: 32px;--control-chip-min-height: 32px;--control-gap: 6px;--text-body: .9375rem;--text-meta: .85rem;--text-label: .8rem;--duration-fast: .2s;--ease-out: ease-out;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color:var(--fg);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root[data-theme=dark]{color-scheme:dark;--bg: #12141a;--fg: #e8e6e1;--muted: #9a9690;--surface: #1a1d26;--surface-raised: #22262f;--divider: #3a3f4a;--panel: var(--surface-raised);--border: #3a3f4a;--border-strong: #8a909c;--btn-bg: #2a303c;--btn-hover: #343a48;--btn-selected: #3e4556;--accent: #9aa8b8;--accent-soft: #252a34;--danger: #e07070;--stage: #0e1014;--ps-hit-from: #e879f9;--ps-hit-to: #818cf8;--ps-hit: linear-gradient(90deg, var(--ps-hit-from), var(--ps-hit-to));--ps-hit-edge: var(--ps-hit-to);--ps-key-white: #e8e4dc;--ps-key-white-active: linear-gradient(180deg, var(--ps-hit-from), var(--ps-hit-to));--ps-key-black: #0c0c0e;--ps-key-black-active: linear-gradient(180deg, var(--ps-hit-from), var(--ps-hit-to));--ps-key-border: #3a3a3a;--ps-key-label: #5a5a5a;--ps-key-label-active: #0c0c0e;--ps-roll-bg: #0a0c10;--ps-fg: #e8e6e1;--ps-muted: #9a9690;--ps-note-fill: #c8d4e4;--ps-note-fill-black: #8aa4c4;--ps-note-right: #6b9fd9;--ps-note-left: #d47878;--ps-note-inactive-opacity: .28;--ps-accent: var(--ps-hit-from)}:root[data-ui-platform=mobile],:root[data-ui-platform=mobile][data-theme=light],:root[data-ui-platform=mobile][data-theme=dark]{--control-min-height: 44px;--control-pad-y: 10px;--control-pad-x: 14px}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}a{color:var(--accent)}.shell.svelte-12qhfyh{box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column}.top.svelte-12qhfyh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface)}.brand.svelte-12qhfyh{font-weight:600;font-size:var(--text-body);color:var(--fg);text-decoration:none;letter-spacing:-.01em}.brand.svelte-12qhfyh:hover{color:var(--accent)}.nav.svelte-12qhfyh{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1 1 auto}.nav-link.svelte-12qhfyh{display:inline-flex;align-items:center;min-height:var(--control-min-height);padding:var(--control-pad-y) var(--control-pad-x);border-radius:var(--radius-control);background:transparent;color:var(--fg);text-decoration:none;font-size:var(--text-body)}.nav-link.svelte-12qhfyh:hover{background:var(--btn-hover)}.nav-link.active.svelte-12qhfyh{background:var(--btn-selected);font-weight:600}.nav-link.svelte-12qhfyh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang.svelte-12qhfyh{display:flex;gap:var(--space-1);margin-inline-start:auto}.lang-btn.svelte-12qhfyh{font:inherit;font-size:var(--text-body);min-height:var(--control-min-height);padding:var(--control-pad-y) var(--control-pad-x);border:none;border-radius:var(--radius-control);background:var(--btn-bg);color:var(--fg);cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.lang-btn.svelte-12qhfyh:hover:not(.selected){background:var(--btn-hover)}.lang-btn.selected.svelte-12qhfyh{background:var(--btn-selected);font-weight:600}.lang-btn.svelte-12qhfyh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.body.svelte-12qhfyh{flex:1 1 auto;padding:var(--space-4)}