.page.svelte-1s93ryg{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-2xl) var(--space-lg) var(--space-3xl)}.hero.svelte-1s93ryg{margin-bottom:var(--space-lg)}.hero-inner.svelte-1s93ryg{display:flex;gap:var(--space-xl);align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.hero-text.svelte-1s93ryg{flex:1 1 420px;min-width:280px}.hero.svelte-1s93ryg h1:where(.svelte-1s93ryg){font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 var(--space-sm)}.hero-sub.svelte-1s93ryg{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:60ch;margin:0}.os-toggle.svelte-1s93ryg{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:4px;gap:2px}.os-toggle.svelte-1s93ryg button:where(.svelte-1s93ryg){appearance:none;background:transparent;border:0;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.os-toggle.svelte-1s93ryg button:where(.svelte-1s93ryg):hover{color:var(--text-primary)}.os-toggle.svelte-1s93ryg button.active:where(.svelte-1s93ryg){background:var(--accent-primary);color:var(--text-on-accent)}.os-toggle.svelte-1s93ryg button:where(.svelte-1s93ryg):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.kbd.svelte-1s93ryg{font-family:var(--font-code);font-size:var(--text-xs);font-weight:600;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;padding:3px 8px;line-height:1;white-space:nowrap}.kbd-sm.svelte-1s93ryg{padding:2px 6px;font-size:11px}.kbd-mod.svelte-1s93ryg{background:var(--accent-primary-bg);border-color:var(--border-accent);color:var(--accent-primary)}.plus.svelte-1s93ryg{color:var(--text-tertiary);font-size:11px;margin:0 2px}.kb-section.svelte-1s93ryg{background:linear-gradient(180deg,var(--bg-base) 0%,var(--bg-deepest) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg);position:relative;margin-bottom:var(--space-xl)}.kb-head.svelte-1s93ryg{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-md)}.kb-head.svelte-1s93ryg h2:where(.svelte-1s93ryg){display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 4px}.kb-sub.svelte-1s93ryg{color:var(--text-secondary);font-size:var(--text-sm);margin:0;max-width:70ch;line-height:var(--leading-normal)}.latched-row.svelte-1s93ryg{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex-shrink:0}.latched-label.svelte-1s93ryg{font-family:var(--font-code);font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.latched-hint.svelte-1s93ryg{font-family:var(--font-code);font-size:11px;color:var(--text-muted)}[data-theme=dark] .latched-hint.svelte-1s93ryg{color:#d8cfaf}.clear-latch.svelte-1s93ryg{appearance:none;background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);font-size:11px;font-family:var(--font-code);padding:3px 10px;border-radius:var(--radius-full);cursor:pointer;margin-left:var(--space-xs)}.clear-latch.svelte-1s93ryg:hover{color:var(--accent-primary);border-color:var(--border-accent)}.keyboard.svelte-1s93ryg{display:flex;flex-direction:column;gap:6px;background:var(--bg-deepest);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.kb-row.svelte-1s93ryg{display:flex;gap:4px}.cap.svelte-1s93ryg{appearance:none;background:var(--bg-elevated);border:1px solid var(--border-strong);border-bottom-width:3px;color:var(--text-primary);font-family:var(--font-code);font-size:clamp(.65rem,1.05vw,.78rem);font-weight:600;height:clamp(34px,4vw,46px);min-width:0;padding:0 4px;border-radius:6px;cursor:pointer;position:relative;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.cap.svelte-1s93ryg:hover{background:var(--bg-surface-hover);border-color:var(--border-accent);color:var(--accent-primary)}.cap.svelte-1s93ryg:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;z-index:1}.cap.mod.svelte-1s93ryg{background:var(--bg-surface);font-size:clamp(.6rem,.95vw,.72rem)}.cap.latched.svelte-1s93ryg{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary-hover);box-shadow:0 0 0 1px var(--accent-primary),0 0 18px var(--accent-primary-muted)}.cap.highlight.svelte-1s93ryg{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 14px var(--accent-primary-muted)}.cap.preview.svelte-1s93ryg{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 0 0 2px var(--accent-primary),0 6px 24px var(--accent-primary-muted),0 0 30px #f9731673;animation:svelte-1s93ryg-cap-pulse 1.4s ease-in-out infinite}.cap.pressed.svelte-1s93ryg{transform:translateY(2px) scale(.96);border-bottom-width:1px;background:var(--accent-primary-hover);color:var(--text-on-accent);box-shadow:inset 0 1px 4px #0006,0 0 22px var(--accent-primary-muted);animation:none}@keyframes svelte-1s93ryg-cap-pulse{0%,to{box-shadow:0 0 0 2px var(--accent-primary),0 6px 24px var(--accent-primary-muted),0 0 30px #f9731673}50%{box-shadow:0 0 0 2px var(--accent-primary-hover),0 6px 30px var(--accent-primary-muted),0 0 50px #f97316b3}}.kb-tooltip.svelte-1s93ryg{position:fixed;transform:translate(-50%,calc(-100% - 12px));background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-lg);max-width:360px;pointer-events:none;z-index:50}.kb-tooltip.svelte-1s93ryg:not(.above){transform:translate(-50%,12px)}.tip-head.svelte-1s93ryg{font-family:var(--font-code);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent-primary);margin-bottom:6px}.tip-list.svelte-1s93ryg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.tip-list.svelte-1s93ryg li:where(.svelte-1s93ryg){display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-primary)}.tip-keys.svelte-1s93ryg{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.tip-k.svelte-1s93ryg{background:var(--bg-base);border:1px solid var(--border-default);border-radius:4px;padding:1px 6px}.tip-plus.svelte-1s93ryg{color:var(--text-tertiary);margin:0 1px}.tip-title.svelte-1s93ryg{color:var(--text-primary)}.tip-more.svelte-1s93ryg{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.common-strip.svelte-1s93ryg{margin-bottom:var(--space-xl)}.common-head.svelte-1s93ryg{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-sm)}.common-head.svelte-1s93ryg h2:where(.svelte-1s93ryg){font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0;display:inline-flex;align-items:center;gap:6px}.common-sub.svelte-1s93ryg{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-code)}.common-row.svelte-1s93ryg{display:flex;flex-wrap:wrap;gap:8px}.common-chip.svelte-1s93ryg{appearance:none;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:6px 6px 6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.common-chip.svelte-1s93ryg:hover{border-color:var(--accent-primary);background:var(--bg-surface-hover);transform:translateY(-1px)}.common-chip.svelte-1s93ryg:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.common-chip.copied.svelte-1s93ryg{border-color:var(--color-success);background:var(--color-success-bg)}.chip-keys.svelte-1s93ryg{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.chip-title.svelte-1s93ryg{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.chip-feedback.svelte-1s93ryg{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-tertiary)}.common-chip.copied.svelte-1s93ryg .chip-feedback:where(.svelte-1s93ryg){color:var(--color-success)}.filters.svelte-1s93ryg{margin-bottom:var(--space-xl)}.search-wrap.svelte-1s93ryg{position:relative;max-width:540px;margin-bottom:var(--space-md)}.search-icon.svelte-1s93ryg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input.svelte-1s93ryg{width:100%;padding:12px 40px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition-fast)}.search-input.svelte-1s93ryg:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.search-clear.svelte-1s93ryg{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--bg-elevated);border:0;color:var(--text-secondary);width:26px;height:26px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.search-clear.svelte-1s93ryg:hover{background:var(--accent-primary-muted);color:var(--accent-primary)}.pills.svelte-1s93ryg{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.pill.svelte-1s93ryg{appearance:none;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.pill.svelte-1s93ryg:hover{color:var(--text-primary);border-color:var(--border-strong)}.pill.active.svelte-1s93ryg{background:var(--pill-accent, var(--accent-primary));color:var(--text-on-accent);border-color:var(--pill-accent, var(--accent-primary))}.pill.svelte-1s93ryg:focus-visible{outline:2px solid var(--pill-accent, var(--accent-primary));outline-offset:2px}.result-count.svelte-1s93ryg{color:var(--text-tertiary);font-size:var(--text-sm);font-family:var(--font-code)}.panels-section.svelte-1s93ryg{display:flex;flex-direction:column;gap:28px}.cat-panel.svelte-1s93ryg{--cs-ink: #1A1A2E;--cs-ink-soft: #4A3F2C;--cs-paper: #FDFAF0;--cs-paper-alt: #F8F1DA;--cs-paper-hover:#FFF8E0;--cs-mute: #6B6B85;--cs-success: #4A9B5E;background:var(--cs-paper);border:2px solid var(--cs-ink);border-radius:8px;padding:0;overflow:hidden;box-shadow:4px 4px 0 var(--cs-ink);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cat-panel.svelte-1s93ryg:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--cs-ink)}.cat-head.svelte-1s93ryg{display:flex;align-items:center;gap:12px;background:var(--cat-accent);padding:12px 16px;border-bottom:3px solid var(--cs-ink);margin:0}.cat-num.svelte-1s93ryg{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fffffff5;color:var(--cat-accent);border:2px solid var(--cs-ink);border-radius:6px;font-family:Fredoka,DM Sans,system-ui,sans-serif;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:2px 2px 0 var(--cs-ink)}.cat-icon.svelte-1s93ryg{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffffeb;color:var(--cat-accent);border:2px solid var(--cs-ink);border-radius:6px;flex-shrink:0}.cat-head.svelte-1s93ryg h3:where(.svelte-1s93ryg){font-family:Fredoka,DM Sans,system-ui,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;margin:0;flex:1;text-transform:uppercase;letter-spacing:.06em;text-shadow:2px 2px 0 rgba(0,0,0,.22)}.cat-count.svelte-1s93ryg{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cat-accent);background:#fffffff5;padding:4px 10px;border-radius:4px;border:2px solid var(--cs-ink);white-space:nowrap;flex-shrink:0}.cat-grid.svelte-1s93ryg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:14px;background:var(--cs-paper)}.card.svelte-1s93ryg{background:var(--cs-paper-alt);border:2px solid var(--cs-ink-soft);border-left:6px solid var(--cat-accent);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);box-shadow:2px 2px #4a3f2c8c}.card.svelte-1s93ryg:nth-child(2n){background:#fffcec}.card.svelte-1s93ryg:hover{background:var(--cs-paper-hover);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--cs-ink-soft)}.card.copied.svelte-1s93ryg{border-color:var(--cs-success);border-left-color:var(--cs-success);background:#f0f8e8}.card-title.svelte-1s93ryg{font-family:Fredoka,DM Sans,system-ui,sans-serif;font-size:.95rem;font-weight:700;color:var(--cs-ink);margin:0;line-height:1.3}.card-desc.svelte-1s93ryg{font-size:.78rem;color:var(--cs-mute);line-height:1.5;margin:0;flex:1}.card-foot.svelte-1s93ryg{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding-top:6px;border-top:1px dashed rgba(74,63,44,.22)}.card-keys.svelte-1s93ryg{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.copy-btn.svelte-1s93ryg{appearance:none;background:#fff;border:2px solid var(--cs-ink);color:var(--cs-ink);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:4px 9px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;box-shadow:1px 1px 0 var(--cs-ink)}.copy-btn.svelte-1s93ryg:hover{background:var(--cat-accent);color:#fff}.copy-btn.svelte-1s93ryg:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--cs-ink)}.card.copied.svelte-1s93ryg .copy-btn:where(.svelte-1s93ryg){background:var(--cs-success);color:#fff;border-color:var(--cs-ink)}.copy-btn.svelte-1s93ryg:focus-visible{outline:2px solid var(--cat-accent);outline-offset:2px}.panels-section.svelte-1s93ryg .kbd{background:#fff;color:#1a1a2e;border:2px solid #1A1A2E;border-bottom-width:3px;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;box-shadow:none}.panels-section.svelte-1s93ryg .plus{color:#6b6b85;font-weight:700;font-size:12px}[data-theme=dark] .cat-panel.svelte-1s93ryg{--cs-ink: #F5EFD6;--cs-ink-soft: #C7B98F;--cs-paper: #141922;--cs-paper-alt: #1B2230;--cs-paper-hover: #222B3A;--cs-mute: #AFA482;--cs-success: #62C77D;border-color:#d8cfaf;box-shadow:4px 4px #05070b,0 14px 30px #00000059}[data-theme=dark] .cat-panel.svelte-1s93ryg:hover{box-shadow:5px 5px #05070b,0 0 28px #f5c5181f}[data-theme=dark] .cat-grid.svelte-1s93ryg,[data-theme=dark] .card.svelte-1s93ryg{background:var(--cs-paper)}[data-theme=dark] .card.svelte-1s93ryg:nth-child(2n){background:#18202c}[data-theme=dark] .card.copied.svelte-1s93ryg{background:#62c77d29}[data-theme=dark] .cat-head.svelte-1s93ryg{background:linear-gradient(#05070b57,#05070b57),var(--cat-accent)}[data-theme=dark] .cat-num.svelte-1s93ryg,[data-theme=dark] .cat-icon.svelte-1s93ryg,[data-theme=dark] .cat-count.svelte-1s93ryg,[data-theme=dark] .copy-btn.svelte-1s93ryg,[data-theme=dark] .panels-section.svelte-1s93ryg .kbd{background:#0f141d;color:#f5efd6;border-color:#d8cfaf;box-shadow:2px 2px #05070b}[data-theme=dark] .copy-btn.svelte-1s93ryg:hover,[data-theme=dark] .card.copied.svelte-1s93ryg .copy-btn:where(.svelte-1s93ryg){background:var(--cat-accent);color:#fff;border-color:#d8cfaf}[data-theme=dark] .os-toggle.svelte-1s93ryg button.active:where(.svelte-1s93ryg),[data-theme=dark] .pill.active.svelte-1s93ryg,[data-theme=dark] .cap.latched.svelte-1s93ryg,[data-theme=dark] .cap.preview.svelte-1s93ryg,[data-theme=dark] .cap.pressed.svelte-1s93ryg,[data-theme=dark] .btn-reset.svelte-1s93ryg{color:var(--text-on-gold, #121728);text-shadow:none}[data-theme=dark] .card-title.svelte-1s93ryg{color:#f5efd6}[data-theme=dark] .card-desc.svelte-1s93ryg,[data-theme=dark] .panels-section.svelte-1s93ryg .plus{color:#afa482}.empty.svelte-1s93ryg{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-lg);background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary)}.btn-reset.svelte-1s93ryg{appearance:none;background:var(--accent-primary);color:var(--text-on-accent);border:0;padding:8px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer}@media(max-width:720px){.hero.svelte-1s93ryg h1:where(.svelte-1s93ryg){font-size:var(--text-3xl)}.hero-inner.svelte-1s93ryg{align-items:flex-start}.pills.svelte-1s93ryg{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.pill.svelte-1s93ryg{flex-shrink:0}.keyboard.svelte-1s93ryg{padding:var(--space-sm)}.cap.svelte-1s93ryg{font-size:.55rem;height:28px}.common-row.svelte-1s93ryg{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.common-chip.svelte-1s93ryg{flex-shrink:0}}@media(max-width:540px){.cat-grid.svelte-1s93ryg{grid-template-columns:1fr}.keyboard.svelte-1s93ryg{overflow-x:auto;-webkit-overflow-scrolling:touch}.kb-row.svelte-1s93ryg{min-width:640px}}