:root{--bg: #f7fafc;--card: #fff;--accent: #2563eb}html,body,#root{margin:0;padding:0;height:100%}html{overflow-y:scroll;scrollbar-gutter:stable}body{font-family:Inter,system-ui,Arial;background:var(--bg);color:#111}.header{padding:1.5rem;background:linear-gradient(90deg,#1e293b,#0f172a);color:#fff}.app-root{max-width:980px;margin:2rem auto;padding:0 1rem}.page .content{padding:1rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:var(--card);border-radius:8px;padding:1rem;box-shadow:0 1px 4px #0206170f}.card-actions{margin-top:.75rem;display:flex;gap:.5rem}button{padding:.4rem .75rem;border-radius:6px;border:none;background:var(--accent);color:#fff}ol{list-style-type:none;counter-reset:item}ol>li{counter-increment:item}ol>li:before{content:counters(item,".") ". "}p ul{list-style-type:disc}