*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font-family:"Atkinson Hyperlegible",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.5}button,a,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:4px solid #ffbf47;outline-offset:3px}.demo-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:10px 18px;background:#111820;color:#fff;font-size:.9rem}.demo-banner strong{margin-right:8px}.demo-banner a{color:#fff;font-weight:700}.demo-banner span{color:#d8e0e6}.demo-shell{min-height:calc(100vh - 44px)}.demo-view{display:none}.demo-view.active{display:block}.demo-muted{color:var(--muted)}.demo-grid{display:grid;gap:16px}.demo-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card{border:1px solid var(--border);background:var(--surface);padding:18px;border-radius:var(--radius)}.demo-card h4,.demo-card h3{margin-top:0}.demo-stat span{display:block;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.demo-stat strong{display:block;margin-top:7px;font-size:1.8rem}.demo-list{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden}.demo-list-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border)}.demo-list-row:last-child{border-bottom:0}.demo-list-head{color:var(--muted);background:var(--surface-muted);font-size:.78rem;font-weight:700}.demo-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.demo-toolbar .search{flex:1;min-width:220px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.pill{display:inline-flex;align-items:center;min-height:29px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);font-size:.78rem}.section-kicker{margin:0 0 4px;color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-heading{margin:0 0 7px;font-size:1.9rem;line-height:1.15}.page-subtitle{max-width:70ch;margin:0 0 22px;color:var(--muted)}.fake-button{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700}.fake-button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.empty-note{padding:18px;border:1px dashed var(--border);background:var(--surface-muted);color:var(--muted)}*{animation:none!important;transition:none!important}@media(max-width:850px){.demo-grid.cols-4,.demo-grid.cols-3,.demo-grid.cols-2{grid-template-columns:1fr 1fr}.demo-list-row{grid-template-columns:1fr 1fr}.demo-list-row>*:nth-child(3){display:none}}@media(max-width:560px){.demo-banner{display:block}.demo-banner span{display:block;margin-top:3px}.demo-grid.cols-4,.demo-grid.cols-3,.demo-grid.cols-2{grid-template-columns:1fr}.demo-list-row{grid-template-columns:1fr}.demo-list-row>*:nth-child(2),.demo-list-row>*:nth-child(3){display:none}}