body{background:radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--color-brand) 11%, transparent), transparent 25rem), var(--color-background)}.system-page.svelte-dfdz8{max-width:78rem;color:var(--color-text);margin:0 auto}.system-hero.svelte-dfdz8{border:1px solid var(--color-border);background:linear-gradient(145deg, var(--color-panel-raised), color-mix(in srgb, var(--color-brand-soft) 44%, var(--color-panel)));min-height:35rem;box-shadow:var(--shadow-raised);border-radius:2rem;align-items:center;padding:clamp(3rem,8vw,7rem) clamp(1rem,4vw,3.5rem);display:flex;position:relative;overflow:hidden}.hero-copy.svelte-dfdz8{z-index:2;max-width:48rem;position:relative}.overline.svelte-dfdz8,.section-number.svelte-dfdz8,.component-label.svelte-dfdz8,.token-label.svelte-dfdz8,.type-meta.svelte-dfdz8{color:var(--color-brand);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.overline.svelte-dfdz8{align-items:center;gap:.55rem;display:flex}h1.svelte-dfdz8{letter-spacing:-.055em;max-width:12ch;margin:1rem 0 1.4rem;font-size:clamp(3.5rem,8vw,7.2rem);line-height:.83}h1.svelte-dfdz8 em:where(.svelte-dfdz8){color:var(--color-brand);font-weight:inherit}.lede.svelte-dfdz8{max-width:40rem;color:var(--color-muted-text);margin:0;font-size:clamp(1rem,1.5vw,1.2rem)}.theme-control.svelte-dfdz8{z-index:3;color:var(--color-muted-text);align-items:center;gap:.65rem;font-size:.85rem;display:flex;position:absolute;top:1.4rem;right:1.5rem}.hero-orbit.svelte-dfdz8{width:25rem;height:25rem;color:var(--color-brand);opacity:.82;place-items:center;display:grid;position:absolute;top:50%;right:clamp(-8rem,3vw,2rem);transform:translateY(-50%)}.orbit.svelte-dfdz8{border:1px solid color-mix(in srgb, var(--color-brand) 28%, transparent);border-radius:50%;position:absolute}.orbit-one.svelte-dfdz8{inset:0}.orbit-two.svelte-dfdz8{border-style:dashed;inset:3.6rem}.orbit-mark.svelte-dfdz8{background:var(--color-brand-soft);width:8rem;height:8rem;box-shadow:0 0 0 1rem color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:50%;place-items:center;display:grid}.specimens.svelte-dfdz8{gap:clamp(5rem,10vw,9rem);padding:clamp(5rem,10vw,8rem) clamp(1rem,4vw,3.5rem);display:grid}section.svelte-dfdz8{scroll-margin-top:2rem}.section-heading.svelte-dfdz8{max-width:48rem;margin-bottom:2rem}.section-heading.svelte-dfdz8 h2:where(.svelte-dfdz8),.accessibility-card.svelte-dfdz8 h2:where(.svelte-dfdz8){letter-spacing:-.035em;margin:.65rem 0 .8rem;font-size:clamp(2.3rem,5vw,4.5rem);line-height:.94}.section-heading.svelte-dfdz8>p:where(.svelte-dfdz8):last-child{color:var(--color-muted-text);max-width:40rem}.principle-grid.svelte-dfdz8{border-block:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.principle-grid.svelte-dfdz8 article:where(.svelte-dfdz8){border-right:1px solid var(--color-border);padding:2rem}.principle-grid.svelte-dfdz8 article:where(.svelte-dfdz8):last-child{border:0}.principle-index.svelte-dfdz8{color:var(--color-brand);font-family:Brand Serif,serif;font-size:1.5rem}.principle-grid.svelte-dfdz8 h3:where(.svelte-dfdz8){margin:2.8rem 0 .6rem;font-family:Brand Sans,sans-serif;font-size:1.15rem;font-weight:700}.principle-grid.svelte-dfdz8 p:where(.svelte-dfdz8){color:var(--color-muted-text);margin:0;font-size:.95rem}.color-layout.svelte-dfdz8{grid-template-columns:1.3fr 1fr;gap:1rem;display:grid}.brand-swatch.svelte-dfdz8{border-radius:var(--radius-xl);background:var(--color-interactive);min-height:18rem;color:var(--color-on-interactive);box-shadow:0 24px 54px color-mix(in srgb, var(--color-brand) 24%, transparent);flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.brand-swatch.svelte-dfdz8 h3:where(.svelte-dfdz8){color:inherit;margin:.3rem 0;font-size:2rem}.brand-swatch.svelte-dfdz8 .token-label:where(.svelte-dfdz8),.brand-swatch.svelte-dfdz8 code:where(.svelte-dfdz8){color:inherit;background:0 0;padding:0}.swatch-mark.svelte-dfdz8{align-self:flex-end}.neutral-stack.svelte-dfdz8{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.neutral.svelte-dfdz8{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;min-height:8.65rem;padding:1rem;display:flex}.neutral.svelte-dfdz8 span:where(.svelte-dfdz8){font-weight:700}.neutral.svelte-dfdz8 code:where(.svelte-dfdz8){color:inherit;background:0 0;padding:0}.ink-swatch.svelte-dfdz8{background:var(--color-text);color:var(--color-background)}.muted-swatch.svelte-dfdz8{background:var(--color-muted-text);color:var(--color-panel)}.surface-swatch.svelte-dfdz8{background:var(--color-surface)}.panel-swatch.svelte-dfdz8{background:var(--color-panel)}.pillar-grid.svelte-dfdz8{grid-template-columns:repeat(5,1fr);gap:.7rem;margin-top:1rem;display:grid}.pillar-grid.svelte-dfdz8 article:where(.svelte-dfdz8){border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);min-width:0;padding:1rem}.pillar-dot.svelte-dfdz8{border-radius:var(--radius-pill);background:var(--pillar-color);width:100%;height:.55rem;margin-bottom:3.5rem;display:block}.pillar-grid.svelte-dfdz8 h3:where(.svelte-dfdz8){margin:0;font:700 1rem Brand Sans,sans-serif}.pillar-grid.svelte-dfdz8 p:where(.svelte-dfdz8){color:var(--color-muted-text);margin:.15rem 0 .8rem;font-size:.85rem}.pillar-grid.svelte-dfdz8 code:where(.svelte-dfdz8){text-overflow:ellipsis;color:var(--color-muted-text);background:0 0;padding:0;font-size:.68rem;display:block;overflow:hidden}.type-card.svelte-dfdz8{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel);box-shadow:var(--shadow-card);grid-template-columns:1.25fr .75fr;display:grid;overflow:hidden}.display-sample.svelte-dfdz8,.body-sample.svelte-dfdz8{padding:clamp(1.5rem,4vw,3.5rem)}.display-sample.svelte-dfdz8{background:var(--color-text);color:var(--color-background)}.display-sample.svelte-dfdz8 .type-meta:where(.svelte-dfdz8){color:var(--brand-300)}.display-sample.svelte-dfdz8 p:where(.svelte-dfdz8){color:inherit;letter-spacing:-.04em;margin:3rem 0 0;font:500 clamp(2.8rem,6vw,5.4rem)/.93 Brand Serif,serif}.display-sample.svelte-dfdz8 em:where(.svelte-dfdz8){color:var(--brand-300)}.body-sample.svelte-dfdz8{align-self:center}.body-sample.svelte-dfdz8 h3:where(.svelte-dfdz8){margin:2.4rem 0 .6rem;font:700 1.25rem Brand Sans,sans-serif}.body-sample.svelte-dfdz8 p:where(.svelte-dfdz8){color:var(--color-muted-text)}.body-sample.svelte-dfdz8 .microcopy:where(.svelte-dfdz8){color:var(--color-brand);letter-spacing:.1em;margin-top:2rem;font-size:.7rem;font-weight:700}.component-grid.svelte-dfdz8{grid-template-columns:1.15fr 1fr .8fr;align-items:stretch;gap:1rem;display:grid}.component-card.svelte-dfdz8{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel);box-shadow:var(--shadow-card);padding:1.5rem}.component-label.svelte-dfdz8{margin-bottom:2rem}.button-row.svelte-dfdz8{flex-wrap:wrap;gap:.7rem;display:flex}.form-demo.svelte-dfdz8 textarea:where(.svelte-dfdz8){min-height:8.5rem}.status-demo.svelte-dfdz8{align-content:start;gap:1.1rem;display:grid}.status-demo.svelte-dfdz8 .component-label:where(.svelte-dfdz8){margin-bottom:.9rem}.status-row.svelte-dfdz8{align-items:center;gap:.75rem;display:flex}.status-row.svelte-dfdz8 div:where(.svelte-dfdz8){display:grid}.status-row.svelte-dfdz8 small:where(.svelte-dfdz8){color:var(--color-muted-text)}.status-dot.svelte-dfdz8{border-radius:50%;flex:none;width:.75rem;height:.75rem}.status-dot.success.svelte-dfdz8{background:var(--color-success)}.status-dot.brand.svelte-dfdz8{background:var(--color-brand)}.status-dot.warning.svelte-dfdz8{background:var(--color-warning)}.loading-specimen.svelte-dfdz8{border-top:1px solid var(--color-border);gap:.55rem;margin-top:.3rem;padding-top:.8rem;display:grid}.resolved-preview.svelte-dfdz8{min-height:3.5rem}.motion-grid.svelte-dfdz8{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.motion-card.svelte-dfdz8{--preview-duration:var(--duration-standard);--preview-ease:var(--ease-standard);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-panel);min-width:0;color:var(--color-text);text-align:left;font:inherit;cursor:pointer;box-shadow:var(--shadow-card);gap:.5rem;padding:1.5rem;display:grid}.motion-card.svelte-dfdz8:hover,.motion-card.svelte-dfdz8:focus-visible{border-color:var(--color-brand-border);box-shadow:var(--shadow-raised)}.motion-card.svelte-dfdz8 strong:where(.svelte-dfdz8){margin-top:1rem}.motion-card.svelte-dfdz8 code:where(.svelte-dfdz8){width:fit-content;color:var(--color-muted-text);background:0 0;padding:0}.motion-track.svelte-dfdz8{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-brand) 9%, var(--color-surface));width:100%;height:1.15rem;box-shadow:inset 0 0 0 1px var(--color-border);display:block;position:relative}.motion-dot.svelte-dfdz8{background:var(--color-brand);width:.75rem;height:.75rem;box-shadow:0 4px 12px color-mix(in srgb, var(--color-brand) 24%, transparent);transition:left var(--preview-duration) var(--preview-ease);border-radius:50%;position:absolute;top:.2rem;left:.2rem}.motion-card.svelte-dfdz8:hover .motion-dot:where(.svelte-dfdz8),.motion-card.svelte-dfdz8:focus-visible .motion-dot:where(.svelte-dfdz8){left:calc(100% - .95rem)}.motion-fast.svelte-dfdz8{--preview-duration:var(--duration-fast)}.motion-settle.svelte-dfdz8{--preview-duration:var(--duration-settle);--preview-ease:var(--ease-settle)}.motion-ambient.svelte-dfdz8{--preview-duration:var(--duration-ambient);--preview-ease:var(--ease-standard)}.accessibility-card.svelte-dfdz8{background:linear-gradient(140deg, var(--color-brand-soft), color-mix(in srgb, var(--color-panel) 78%, var(--color-brand-soft)));border:1px solid var(--color-brand-border);border-radius:2rem;grid-template-columns:1fr 1fr;align-items:end;gap:3rem;padding:clamp(2rem,5vw,4rem);display:grid}.accessibility-card.svelte-dfdz8 ul:where(.svelte-dfdz8){grid-template-columns:1fr 1fr;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.accessibility-card.svelte-dfdz8 li:where(.svelte-dfdz8){gap:.2rem;display:grid}.accessibility-card.svelte-dfdz8 strong:where(.svelte-dfdz8){color:var(--color-brand);font:600 2rem Brand Serif,serif}.accessibility-card.svelte-dfdz8 span:where(.svelte-dfdz8){color:var(--color-muted-text);font-size:.9rem}.system-footer.svelte-dfdz8{border-top:1px solid var(--color-border);color:var(--color-muted-text);align-items:center;gap:.6rem;margin:0 clamp(1rem,4vw,3.5rem);padding:1.5rem 0 3rem;display:flex}.system-footer.svelte-dfdz8 a:where(.svelte-dfdz8){margin-left:auto}@media (width<=900px){.hero-orbit.svelte-dfdz8{opacity:.24;right:-10rem}.principle-grid.svelte-dfdz8,.component-grid.svelte-dfdz8,.motion-grid.svelte-dfdz8{grid-template-columns:1fr}.principle-grid.svelte-dfdz8 article:where(.svelte-dfdz8){border-right:0;border-bottom:1px solid var(--color-border)}.color-layout.svelte-dfdz8,.type-card.svelte-dfdz8,.accessibility-card.svelte-dfdz8{grid-template-columns:1fr}.pillar-grid.svelte-dfdz8{grid-template-columns:repeat(2,1fr)}.pillar-grid.svelte-dfdz8 article:where(.svelte-dfdz8):last-child{grid-column:span 2}.component-grid.svelte-dfdz8,.motion-grid.svelte-dfdz8{max-width:42rem}}@media (width<=560px){.system-hero.svelte-dfdz8{border-radius:1.4rem;align-items:flex-start;min-height:43rem;padding-top:6.5rem;padding-bottom:3rem}.theme-control.svelte-dfdz8{top:1rem;right:1rem}.hero-copy.svelte-dfdz8{max-width:100%;margin-top:1rem}h1.svelte-dfdz8{letter-spacing:-.045em;max-width:8ch;font-size:clamp(3.25rem,15vw,4.35rem);line-height:.92}.lede.svelte-dfdz8{max-width:19rem;font-size:1rem;line-height:1.55}.hero-orbit.svelte-dfdz8{top:auto;bottom:-8rem;right:-11rem;transform:none}.neutral-stack.svelte-dfdz8,.pillar-grid.svelte-dfdz8{grid-template-columns:1fr}.pillar-grid.svelte-dfdz8 article:where(.svelte-dfdz8):last-child{grid-column:auto}.accessibility-card.svelte-dfdz8 ul:where(.svelte-dfdz8){grid-template-columns:1fr}.system-footer.svelte-dfdz8{flex-wrap:wrap;align-items:flex-start}.system-footer.svelte-dfdz8 a:where(.svelte-dfdz8){width:100%;margin:.5rem 0 0}}