:root{--accent: #ff8033;--accent2: #ff6000;--bg: #f5f6f8;--surface: #ffffff;--text: #1a1a24;--muted: #64748b;--border: #e2e8f0;--p-text: #374151;--row-border: #f1f5f9;--card-shadow: rgba(0,0,0,.08);--nav-bg: #e9ecf2;--nav-txt: #3a4250;--nav-fg-rgb: 26, 22, 45;--kbd-bg: #f1f5f9;--kbd-border: #cbd5e1;--kbd-text: #334155;--pill-bg: #fff7ed;--pill-border: #fed7aa;--pill-text: #9a3412;--dev-bg: #1f2937;--dev-text: #cbd5e1;--dev-h3: #94a3b8}:root[data-theme=dark]{--bg: #120c24;--surface: #1b1233;--text: #ece9ff;--muted: #b3a8d8;--border: #3a2a5c;--p-text: #cdc7e6;--row-border: rgba(255,255,255,.07);--card-shadow: rgba(0,0,0,.4);--nav-bg: rgba(20, 13, 43, .96);--nav-txt: #c9c2e6;--nav-fg-rgb: 255, 255, 255;--kbd-bg: rgba(255,255,255,.08);--kbd-border: #3a2a5c;--kbd-text: #ece9ff;--pill-bg: rgba(255,128,51,.14);--pill-border: rgba(255,128,51,.4);--pill-text: #ffb380;--dev-bg: #0d0820;--dev-text: #cdc7e6;--dev-h3: #b3a8d8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font:15px/1.6 system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}nav{background:var(--nav-bg);padding:0 1.25rem;display:flex;align-items:center;gap:1rem;height:48px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000040}nav a{color:var(--nav-txt);text-decoration:none;font-size:.875rem}nav a:hover{color:var(--text)}nav a[aria-current=page]{color:var(--text);font-weight:600}.brand{color:var(--accent);font-weight:700;font-size:.95rem;margin-right:auto;text-decoration:none}.sep{color:rgba(var(--nav-fg-rgb),.35)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(var(--nav-fg-rgb),.18);border-radius:8px;background:rgba(var(--nav-fg-rgb),.06);color:var(--nav-txt);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.theme-toggle:hover{background:rgba(var(--nav-fg-rgb),.14);color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle .sun,.theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}:root[data-theme=light] .theme-toggle .sun{display:block}.page{max-width:820px;margin:0 auto;padding:2rem 1.25rem 4rem}.hero{margin-bottom:2.5rem}h1{font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.tagline{color:var(--muted)}.cards{display:grid;gap:.75rem;margin-top:1.5rem}a.card{display:block;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}a.card:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--card-shadow)}a.card b{display:block;font-size:1.05rem;font-weight:700;margin-bottom:.2rem}a.card span{color:var(--muted);font-size:.875rem}a.card .card-arrow{float:right;color:var(--accent);font-size:1rem;margin-top:.1rem}.home-footer{margin-top:2rem;text-align:right;font-size:.85rem}.home-footer a{color:var(--accent);text-decoration:none}.home-footer a:hover{text-decoration:underline}.app-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.75rem;margin-bottom:1.5rem}.app-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent)}.app-header h2{font-size:1.2rem;font-weight:700}.app-header a{margin-left:auto;font-size:.8rem;color:var(--accent);text-decoration:none;border:1px solid var(--accent);padding:2px 10px;border-radius:20px;white-space:nowrap}.app-header a:hover{background:var(--accent);color:#fff}p{margin-bottom:.75rem;color:var(--p-text)}p:last-child{margin-bottom:0}h3{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:1.25rem 0 .5rem}.controls{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:.5rem}.controls th{text-align:left;font-weight:600;padding:5px 10px 5px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.controls td{padding:6px 10px 6px 0;border-bottom:1px solid var(--row-border);vertical-align:top}.controls tr:last-child td{border-bottom:none}.controls td:first-child{white-space:nowrap;font-weight:500;color:var(--text)}.controls td:last-child{color:var(--muted)}kbd{display:inline-block;padding:1px 5px;font-size:.75rem;font-family:inherit;background:var(--kbd-bg);border:1px solid var(--kbd-border);border-radius:4px;color:var(--kbd-text)}.features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.5rem}.feat{font-size:.8rem;padding:3px 10px;border-radius:20px;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-text)}.dev-section{background:var(--dev-bg);color:var(--dev-text);border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.75rem;margin-top:2rem}.dev-section h2{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1rem}.dev-section h3{color:var(--dev-h3);margin-top:1rem}.dev-section p,.dev-section li{color:var(--dev-text);font-size:.875rem}ul{list-style:none;padding:0}ul li:before{content:"·";margin-right:.5rem;color:var(--accent)}ul li{padding:2px 0}pre{background:#0000004d;border-radius:6px;padding:.75rem 1rem;font-size:.8rem;overflow-x:auto;margin:.5rem 0;color:#e2e8f0}code{font-family:SF Mono,Consolas,monospace}pre code{font-size:inherit}.note{font-size:.8rem;color:#f59e0b;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:6px;padding:.5rem .75rem;margin-top:.75rem}@media(max-width:600px){nav{gap:.75rem;padding:0 .75rem;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{white-space:nowrap;font-size:.82rem}.brand{font-size:.85rem}.brand-suffix,.sep{display:none}}@media(max-width:480px){.page{padding:1.25rem .75rem 3rem}.app-section{padding:1.25rem 1rem}h1{font-size:1.4rem}}