:root{--page-bg: #f5f5f4;--page-fg: #121514;--surface-border: #e5e7e5;--brand-fg: #1f2523;--link-fg: #838d89;--link-hover-fg: #5b6561;--hero-title-fg: #0d100f;--hero-subtitle-fg: #8f9995;--divider: #e7e9e7;--group-label-fg: #9aa4a0;--chip-border: #e8ebe9;--chip-bg: #eeefee;--chip-fg: #8a9490;--chip-hover-bg: #e8ebe9;--chip-hover-fg: #5d6763;--chip-active-bg: #101114;--chip-active-border: #101114;--chip-active-fg: #f7f8f9;--danger-fg: #9a5f63;--danger-hover-fg: #8f363d;--danger-hover-bg: #f1e5e7;--danger-hover-border: #ecd4d8}.dark{--page-bg: #0f1010;--page-fg: #e7e9e8;--surface-border: #1e2221;--brand-fg: #f0f2f1;--link-fg: #a7b0ad;--link-hover-fg: #d4dbd8;--hero-title-fg: #f3f5f4;--hero-subtitle-fg: #a3aca9;--divider: #202423;--group-label-fg: #87918e;--chip-border: #2a302e;--chip-bg: #171b1a;--chip-fg: #b0b8b5;--chip-hover-bg: #1d2221;--chip-hover-fg: #d7ddda;--chip-active-bg: #e7ecea;--chip-active-border: #e7ecea;--chip-active-fg: #111413;--danger-fg: #df9da5;--danger-hover-fg: #ffc6cd;--danger-hover-bg: #3a1f24;--danger-hover-border: #5a2f36}body{margin:0;background:var(--page-bg);color:var(--page-fg);font-family:Plus Jakarta Sans,Manrope,Avenir Next,Segoe UI,sans-serif;transition:background-color .18s ease,color .18s ease}main.svelte-1uha8ag{min-height:100vh;padding:1.5rem;box-sizing:border-box}.page.svelte-1uha8ag{margin:0 auto;max-width:920px;min-height:calc(100vh - 3rem);display:flex;flex-direction:column}.topbar.svelte-1uha8ag{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-border)}.brand.svelte-1uha8ag{font-size:.95rem;font-weight:700;color:var(--brand-fg)}nav.svelte-1uha8ag{display:flex;gap:1.2rem}nav.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--link-fg);text-decoration:none;font-size:.86rem;font-weight:500}nav.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:var(--link-hover-fg)}.theme-toggle.svelte-1uha8ag{appearance:none;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-fg);border-radius:999px;padding:.34rem .7rem;font-size:.75rem;font-weight:700;line-height:1;cursor:pointer;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.theme-toggle.svelte-1uha8ag:hover{color:var(--chip-hover-fg);background:var(--chip-hover-bg)}.hero.svelte-1uha8ag{margin-top:20vh;text-align:center}h1.svelte-1uha8ag{margin:0;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1;letter-spacing:-.04em;color:var(--hero-title-fg)}.hero.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:.85rem 0 0;color:var(--hero-subtitle-fg);font-size:1.02rem}.controls.svelte-1uha8ag{margin-top:auto;margin-bottom:2rem}.chips.svelte-1uha8ag{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}hr.svelte-1uha8ag{border:0;border-top:1px solid var(--divider);margin:1.3rem auto;max-width:620px}.chips-actions.svelte-1uha8ag{max-width:760px;margin:0 auto}.action-groups.svelte-1uha8ag{display:grid;gap:2rem}.group.svelte-1uha8ag{display:grid;gap:.38rem}.group.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;text-align:center;font-size:.73rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--group-label-fg)}.chip.svelte-1uha8ag{appearance:none;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-fg);border-radius:999px;padding:.5rem .82rem;font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.chip.svelte-1uha8ag:hover{color:var(--chip-hover-fg);background:var(--chip-hover-bg)}.chip.active.svelte-1uha8ag{background:var(--chip-active-bg);border-color:var(--chip-active-border);color:var(--chip-active-fg)}.chip.danger.svelte-1uha8ag{color:var(--danger-fg)}.chip.danger.svelte-1uha8ag:hover{color:var(--danger-hover-fg);background:var(--danger-hover-bg);border-color:var(--danger-hover-border)}.styles-demo-title{color:#0f172a;background:#fef08a;border-radius:999px;padding:.15rem .4rem;text-transform:none;font-weight:700}.styles-demo-description{color:#0f172a;background:#dbeafe;border-radius:.75rem;border:1px solid #bfdbfe}.styles-demo-button{background:#111827;color:#fff}.styles-demo-button-hover:hover{background:#374151}@media(max-width:700px){main.svelte-1uha8ag{padding:.9rem}.page.svelte-1uha8ag{min-height:calc(100vh - 1.8rem)}.topbar.svelte-1uha8ag{height:50px}nav.svelte-1uha8ag{gap:.8rem}.hero.svelte-1uha8ag{margin-top:16vh}.hero.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:.92rem}}