:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--accent: #dd0031;--surface: #111827;--border: #374151;--text: #f9fafb;--muted: #9ca3af}*{box-sizing:border-box}body{margin:0;background:#0b1020;color:var(--text)}a{color:#93c5fd}.shell{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}header h1{margin:0 0 .25rem;font-size:1.75rem}header p{margin:0 0 1.5rem;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}nav a{text-decoration:none;padding:.4rem .75rem;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.9rem}nav a.active{background:var(--accent);border-color:var(--accent)}.demo-card{border:1px solid var(--border);border-radius:12px;padding:1.25rem;background:#ffffff08}.demo-card h2{margin-top:0}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font:inherit}button:hover{filter:brightness(1.05)}ul{padding-left:1.25rem}.layout{border:1px dashed var(--border);border-radius:8px;overflow:hidden}.layout-header,.layout-footer{padding:.75rem 1rem;background:#ffffff0d}.layout-body{padding:1rem}.skeleton{opacity:.6;font-style:italic}