:root{--color-ink:#111111;--color-editorial-paper:#f3efe7;--color-muted:#706878;--color-plum:#3b1f4a;--color-plum-hover:#522b65;--color-surface:#ffffff;--color-soft:#faf7fb;--color-soft-hover:#f2eaf5;--color-line:#e1d6e5;--color-line-neutral:#d9d9d9;--color-line-strong:#9b7aa7;--color-success:#276347;--color-error:#a42b3f;--color-discovery-muted:#5f5a60;--color-discovery-line:#e4dce9;--color-featured-surface:#fdfcfe;--color-brand-soft:#4f355c;--color-domain:#4f6659;--color-domain-surface:#edf2ee;--color-domain-line:#b8cabe;--color-feed-selected-line:#748a7c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:22px;--radius-pill:999px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-title:28px;--text-hero:42px;--width-nav:184px;--width-content:680px;--width-rail:288px;--width-app:1200px;--shadow-popover:0 12px 36px rgb(59 31 74/12%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-geist-sans),sans-serif;font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--color-plum)}a,button{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25;font-weight:600;text-wrap:balance}a,button,input,select,summary,textarea{outline-offset:4px}:focus-visible{outline:2px solid var(--color-plum)}::selection{background:#e7ddeb}code,kbd,pre{font-family:var(--font-geist-mono),monospace}pre{overflow-x:auto}hr{width:100%;border:0;border-top:1px solid var(--color-line);margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 20px;border-radius:var(--radius-md);background:var(--color-plum);color:white;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0);color:white}.muted{color:var(--color-muted)}.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.035em;text-transform:uppercase}.eyebrow,.text-link{color:var(--color-plum)}.text-link{text-decoration:underline;text-underline-offset:3px}.stack{display:flex;flex-direction:column;gap:var(--space-6)}.cluster{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.preview{max-width:1100px;margin:0 auto;padding:var(--space-12) var(--space-6)}.preview-header{padding-bottom:var(--space-10);border-bottom:1px solid var(--color-line)}.preview-header h1{font-size:36px;letter-spacing:-.035em;margin:12px 0}.preview-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px}.preview-section{padding:40px 0;border-bottom:1px solid var(--color-line);scroll-margin-top:24px}.preview-section>header{margin-bottom:24px}.preview-section>header h2{font-size:22px;margin-bottom:8px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.preview-swatch{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-line);border-radius:var(--radius-md)}.preview-swatch i{display:block;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgb(0 0 0/10%)}.preview-swatch code{color:var(--color-muted);font-size:12px}.preview-reading{max-width:var(--width-content)}.preview-sample{padding:24px;border:1px solid var(--color-line);border-radius:var(--radius-lg)}@media (max-width:640px){.preview{padding:24px 16px}.preview-header h1{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}