:root{--primary:#f97316;--accent:#a855f7;--ring:rgba(249,115,22,.28)}body[data-theme="light"]{--primary:#ea580c;--accent:#7c3aed;--ring:rgba(234,88,12,.2)}main{display:flex;flex-direction:column;gap:1.1rem;padding-bottom:24px;scroll-snap-type:none}.section{padding:1rem 0;min-height:auto;scroll-snap-align:unset}.hero{border-bottom:1px solid var(--border);background:radial-gradient(900px 420px at 10% -10%,color-mix(in oklab,var(--primary) 22%,transparent),transparent 60%),radial-gradient(900px 420px at 90% 0%,color-mix(in oklab,var(--accent) 18%,transparent),transparent 60%)}.chips{display:flex;gap:.45rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.85rem}.grid{display:grid;gap:.9rem}.g-two{grid-template-columns:1.2fr .8fr}.g-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.g-two,.g-three{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.muted{color:var(--muted)}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .9rem;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);transition:transform .08s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(90deg,var(--primary),var(--accent));border-color:transparent;color:#fff}.btn.ghost{background:transparent}.list{display:grid;gap:.4rem;margin:0;padding-left:1.1rem}.stepper{display:grid;gap:.6rem}.step{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start}.step .n{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:999px;background:color-mix(in oklab,var(--primary) 30%,var(--surface));color:#fff;font-weight:700}.kbd{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:8px;background:color-mix(in oklab,var(--accent) 18%,var(--surface));border:1px solid var(--border)}.mini{display:grid;gap:.4rem}.compact{display:grid;gap:.6rem}.guide{display:grid;gap:.75rem}.tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem}.grid-icons{display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:700px){.grid-icons{grid-template-columns:repeat(2,1fr)}}:where(button,a,input,select,textarea):focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}