:root{--dimension-scale: 2px;--dimension-xs: 4px;--dimension-sm: 8px;--dimension-md: 16px;--dimension-lg: 32px;--dimension-xl: 64px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px;--spacing-multi-value: 8px 64px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-multi-value: 4px 8px;--colors-black: #000000;--colors-white: #ffffff;--colors-gray-100: #f7fafc;--colors-gray-200: #edf2f7;--colors-gray-300: #e2e8f0;--colors-gray-400: #cbd5e0;--colors-gray-500: #a0aec0;--colors-gray-600: #718096;--colors-gray-700: #4a5568;--colors-gray-800: #2d3748;--colors-gray-900: #1a202c;--colors-red-100: #fff5f5;--colors-red-200: #fed7d7;--colors-red-300: #feb2b2;--colors-red-400: #fc8181;--colors-red-500: #f56565;--colors-red-600: #e53e3e;--colors-red-700: #c53030;--colors-red-800: #9b2c2c;--colors-red-900: #742a2a;--colors-orange-100: #fffaf0;--colors-orange-200: #feebc8;--colors-orange-300: #fbd38d;--colors-orange-400: #f6ad55;--colors-orange-500: #ed8936;--colors-orange-600: #dd6b20;--colors-orange-700: #c05621;--colors-orange-800: #9c4221;--colors-orange-900: #7b341e;--colors-brand-red-100: #ffe5e5;--colors-brand-red-200: #ffb8b5;--colors-brand-red-300: #ff8580;--colors-brand-red-400: #ff4f47;--colors-brand-red-500: #ff1f1c;--colors-brand-red-600: #e61815;--colors-brand-red-700: #c71411;--colors-brand-red-800: #a00f0e;--colors-brand-red-900: #7a0a09;--colors-yellow-100: #fffff0;--colors-yellow-200: #fefcbf;--colors-yellow-300: #faf089;--colors-yellow-400: #f6e05e;--colors-yellow-500: #ecc94b;--colors-yellow-600: #d69e2e;--colors-yellow-700: #b7791f;--colors-yellow-800: #975a16;--colors-yellow-900: #744210;--colors-green-100: #f0fff4;--colors-green-200: #c6f6d5;--colors-green-300: #9ae6b4;--colors-green-400: #68d391;--colors-green-500: #48bb78;--colors-green-600: #38a169;--colors-green-700: #2f855a;--colors-green-800: #276749;--colors-green-900: #22543d;--colors-teal-100: #e6fffa;--colors-teal-200: #b2f5ea;--colors-teal-300: #81e6d9;--colors-teal-400: #4fd1c5;--colors-teal-500: #38b2ac;--colors-teal-600: #319795;--colors-teal-700: #2c7a7b;--colors-teal-800: #285e61;--colors-teal-900: #234e52;--colors-blue-100: #ebf8ff;--colors-blue-200: #bee3f8;--colors-blue-300: #90cdf4;--colors-blue-400: #63b3ed;--colors-blue-500: #4299e1;--colors-blue-600: #3182ce;--colors-blue-700: #2b6cb0;--colors-blue-800: #2c5282;--colors-blue-900: #2a4365;--colors-indigo-100: #ebf4ff;--colors-indigo-200: #c3dafe;--colors-indigo-300: #a3bffa;--colors-indigo-400: #7f9cf5;--colors-indigo-500: #667eea;--colors-indigo-600: #5a67d8;--colors-indigo-700: #4c51bf;--colors-indigo-800: #434190;--colors-indigo-900: #3c366b;--colors-purple-100: #faf5ff;--colors-purple-200: #e9d8fd;--colors-purple-300: #d6bcfa;--colors-purple-400: #b794f4;--colors-purple-500: #9f7aea;--colors-purple-600: #805ad5;--colors-purple-700: #6b46c1;--colors-purple-800: #553c9a;--colors-purple-900: #44337a;--colors-pink-100: #fff5f7;--colors-pink-200: #fed7e2;--colors-pink-300: #fbb6ce;--colors-pink-400: #f687b3;--colors-pink-500: #ed64a6;--colors-pink-600: #d53f8c;--colors-pink-700: #b83280;--colors-pink-800: #97266d;--colors-pink-900: #702459;--opacity-low: 10%;--opacity-md: 50%;--opacity-high: 90%;--font-families-heading: Geist, system-ui, -apple-system, sans-serif;--font-families-body: Geist, system-ui, -apple-system, sans-serif;--line-heights-heading: 110%;--line-heights-body: 140%;--letter-spacing-default: 0;--letter-spacing-increased: 150%;--letter-spacing-decreased: -5%;--paragraph-spacing-h1: 32px;--paragraph-spacing-h2: 26px;--font-weights-heading-regular: Regular;--font-weights-heading-bold: Bold;--font-weights-body-regular: Regular;--font-weights-body-bold: Bold;--font-sizes-h1: 49px;--font-sizes-h2: 39px;--font-sizes-h3: 31px;--font-sizes-h4: 25px;--font-sizes-h5: 20px;--font-sizes-h6: 16px;--font-sizes-body: 16px;--font-sizes-sm: 14px;--font-sizes-xs: 10px;--fg-default: #000000;--fg-muted: #4a5568;--fg-subtle: #a0aec0;--bg-default: #ffffff;--bg-muted: #f7fafc;--bg-subtle: #edf2f7;--accent-default: #7f9cf5;--accent-on-accent: #ffffff;--accent-bg: #c3dafe;--accent-secondary: #ff1f1c;--accent-on-secondary: #ffffff;--accent-secondary-bg: #ffe5e5;--accent-secondary-emphasis: #c71411;--shadows-default: #1a202c;--button-primary-background: #7f9cf5;--button-primary-text: #ffffff;--button-secondary-background: #ff1f1c;--button-secondary-text: #ffffff;--button-border-radius: 8px;--button-border-width: 8px;--card-border-radius: 8px;--card-background: #ffffff;--card-padding: 16px;--typography-h1-bold-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h1-bold-font-weight: Bold;--typography-h1-bold-line-height: 110%;--typography-h1-bold-font-size: 49px;--typography-h1-bold-paragraph-spacing: 32px;--typography-h1-bold-letter-spacing: -5%;--typography-h1-regular-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h1-regular-font-weight: Regular;--typography-h1-regular-line-height: 110%;--typography-h1-regular-font-size: 49px;--typography-h1-regular-paragraph-spacing: 32px;--typography-h1-regular-letter-spacing: -5%;--typography-h2-bold-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h2-bold-font-weight: Bold;--typography-h2-bold-line-height: 110%;--typography-h2-bold-font-size: 39px;--typography-h2-bold-paragraph-spacing: 26px;--typography-h2-bold-letter-spacing: -5%;--typography-h2-regular-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h2-regular-font-weight: Regular;--typography-h2-regular-line-height: 110%;--typography-h2-regular-font-size: 39px;--typography-h2-regular-paragraph-spacing: 26px;--typography-h2-regular-letter-spacing: -5%;--typography-body-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-body-font-weight: Regular;--typography-body-line-height: 110%;--typography-body-font-size: 16px;--typography-body-paragraph-spacing: 26px;--box-shadow-default: 5px 5px 5px 3px rgba(26, 32, 44, .15), inset 4px 4px 5px 6px #00000033}[data-theme=dark]{--fg-default: #ffffff;--fg-muted: #e2e8f0;--fg-subtle: #a0aec0;--bg-default: #1a202c;--bg-muted: #4a5568;--bg-subtle: #718096;--accent-default: #5a67d8;--accent-on-accent: #ffffff;--accent-bg: #434190;--accent-secondary: #ff4f47;--accent-on-secondary: #1a202c;--accent-secondary-bg: #a00f0e;--accent-secondary-emphasis: #ff8580;--shadows-default: rgba(0, 0, 0, .3);--button-primary-background: #5a67d8;--button-primary-text: #ffffff;--button-secondary-background: #ff4f47;--button-secondary-text: #1a202c;--button-border-radius: 8px;--button-border-width: 8px;--card-border-radius: 8px;--card-background: #1a202c;--card-padding: 16px;--typography-h1-bold-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h1-bold-font-weight: Bold;--typography-h1-bold-line-height: 110%;--typography-h1-bold-font-size: 49px;--typography-h1-bold-paragraph-spacing: 32px;--typography-h1-bold-letter-spacing: -5%;--typography-h1-regular-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h1-regular-font-weight: Regular;--typography-h1-regular-line-height: 110%;--typography-h1-regular-font-size: 49px;--typography-h1-regular-paragraph-spacing: 32px;--typography-h1-regular-letter-spacing: -5%;--typography-h2-bold-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h2-bold-font-weight: Bold;--typography-h2-bold-line-height: 110%;--typography-h2-bold-font-size: 39px;--typography-h2-bold-paragraph-spacing: 26px;--typography-h2-bold-letter-spacing: -5%;--typography-h2-regular-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-h2-regular-font-weight: Regular;--typography-h2-regular-line-height: 110%;--typography-h2-regular-font-size: 39px;--typography-h2-regular-paragraph-spacing: 26px;--typography-h2-regular-letter-spacing: -5%;--typography-body-font-family: Geist, system-ui, -apple-system, sans-serif;--typography-body-font-weight: Regular;--typography-body-line-height: 110%;--typography-body-font-size: 16px;--typography-body-paragraph-spacing: 26px;--box-shadow-default: 5px 5px 5px 3px rgba(0, 0, 0, .3), inset 4px 4px 5px 6px #00000033}.tk-root{background:var(--bg-default);color:var(--fg-default);min-height:100vh;padding:var(--dimension-lg);font-family:var(--font-families-body),system-ui,sans-serif;font-size:var(--font-sizes-body);line-height:var(--line-heights-body)}.tk-root code{font-family:ui-monospace,SF Mono,monospace;background:var(--bg-muted);color:var(--fg-default);padding:2px 6px;border-radius:var(--border-radius-sm);font-size:var(--font-sizes-sm)}.tk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--dimension-md);flex-wrap:wrap;margin-bottom:var(--dimension-xl)}.tk-eyebrow{display:inline-block;font-family:var(--font-families-heading);font-weight:var(--font-weights-heading-bold);font-size:var(--font-sizes-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:var(--dimension-sm)}.tk-h1{font-family:var(--font-families-heading);font-weight:var(--font-weights-heading-bold);font-size:var(--font-sizes-h1);line-height:var(--line-heights-heading);letter-spacing:var(--letter-spacing-decreased);color:var(--fg-default);margin:0 0 var(--dimension-sm)}.tk-lead{max-width:60ch;color:var(--fg-muted);margin:0}.tk-toggle{display:inline-flex;align-items:center;gap:var(--dimension-sm);padding:var(--dimension-sm) var(--dimension-md);background:var(--bg-muted);color:var(--fg-default);border:var(--button-border-width) solid var(--fg-default);border-radius:var(--button-border-radius);font-family:var(--font-families-body);font-size:var(--font-sizes-sm);font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.tk-toggle:hover{background:var(--fg-default);color:var(--bg-default)}.tk-toggle__value{font-family:ui-monospace,SF Mono,monospace;text-transform:uppercase}.tk-section{margin-bottom:var(--dimension-xl);padding-bottom:var(--dimension-lg);border-bottom:1px solid var(--bg-subtle)}.tk-section:last-child{border-bottom:0}.tk-h2{font-family:var(--font-families-heading);font-weight:var(--font-weights-heading-bold);font-size:var(--font-sizes-h3);line-height:var(--line-heights-heading);letter-spacing:var(--letter-spacing-decreased);color:var(--fg-default);margin:0 0 var(--dimension-sm);display:flex;align-items:center;gap:var(--dimension-sm)}.tk-section__sub{max-width:70ch;color:var(--fg-muted);margin:0 0 var(--dimension-md)}.tk-pill{display:inline-flex;align-items:center;padding:2px 10px;font-family:var(--font-families-heading);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-heading-bold);letter-spacing:.12em;border-radius:var(--border-radius-sm)}.tk-pill--accent{background:var(--accent-secondary);color:var(--accent-on-secondary)}.tk-ramp{display:grid;grid-template-columns:repeat(9,1fr);gap:0;border:1px solid var(--bg-subtle);border-radius:var(--border-radius-lg);overflow:hidden}.tk-swatch{aspect-ratio:1 / 1;padding:var(--dimension-sm);display:flex;flex-direction:column;justify-content:space-between;color:var(--fg-default);font-size:var(--font-sizes-xs)}.tk-swatch:nth-child(n+5){color:var(--bg-default)}.tk-swatch__step{font-family:ui-monospace,SF Mono,monospace;font-weight:700;font-size:var(--font-sizes-sm)}.tk-swatch__hex{font-family:ui-monospace,SF Mono,monospace;font-size:9px;opacity:.85;word-break:break-all}.tk-accent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--dimension-sm)}.tk-accent{padding:var(--dimension-md);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--dimension-xs);min-height:96px}.tk-accent__name{font-family:ui-monospace,SF Mono,monospace;font-size:var(--font-sizes-sm);font-weight:700}.tk-accent__on{font-size:var(--font-sizes-xs);opacity:.8}.tk-accent--primary{background:var(--accent-default);color:var(--accent-on-accent)}.tk-accent--bg{background:var(--accent-bg);color:var(--fg-default)}.tk-accent--secondary{background:var(--accent-secondary);color:var(--accent-on-secondary)}.tk-accent--secondary-bg{background:var(--accent-secondary-bg);color:var(--accent-secondary-emphasis)}.tk-accent--secondary-emphasis{background:var(--accent-secondary-emphasis);color:var(--bg-default)}.tk-btn-row{display:flex;gap:var(--dimension-md);flex-wrap:wrap}.tk-btn{display:inline-flex;align-items:center;padding:var(--dimension-sm) var(--dimension-md);font-family:var(--font-families-body);font-weight:var(--font-weights-body-bold);font-size:var(--font-sizes-body);border-radius:var(--button-border-radius);border:none;cursor:pointer;transition:filter .15s ease,transform .1s ease}.tk-btn:active{transform:translateY(1px)}.tk-btn:hover{filter:brightness(1.08)}.tk-btn--primary{background:var(--button-primary-background);color:var(--button-primary-text)}.tk-btn--secondary{background:var(--button-secondary-background);color:var(--button-secondary-text)}.tk-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--dimension-md)}.tk-card{background:var(--card-background);border-radius:var(--card-border-radius);padding:var(--card-padding);border:1px solid var(--bg-subtle);color:var(--fg-default)}.tk-card--shadowed{box-shadow:var(--box-shadow-default);border:0}.tk-card__title{font-family:var(--font-families-heading);font-weight:var(--font-weights-heading-bold);font-size:var(--font-sizes-h5);margin:0 0 var(--dimension-sm);color:var(--fg-default)}.tk-card__text{color:var(--fg-muted);margin:0;font-size:var(--font-sizes-sm);line-height:var(--line-heights-body)}.tk-type-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--dimension-sm)}.tk-type{display:flex;align-items:baseline;gap:var(--dimension-md);padding:var(--dimension-sm) 0;border-bottom:1px dashed var(--bg-subtle)}.tk-type__sample{font-family:var(--font-families-heading);font-weight:var(--font-weights-heading-bold);line-height:var(--line-heights-heading);letter-spacing:var(--letter-spacing-decreased);color:var(--fg-default);flex:1}.tk-type__name{flex-shrink:0;font-size:var(--font-sizes-xs)}.tk-spacing-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--dimension-sm)}.tk-spacing{display:flex;align-items:center;gap:var(--dimension-md)}.tk-spacing__bar{display:inline-block;height:16px;background:var(--accent-secondary);border-radius:var(--border-radius-sm)}.tk-radius-list{list-style:none;padding:0;margin:0;display:flex;gap:var(--dimension-md);flex-wrap:wrap}.tk-radius{display:flex;flex-direction:column;align-items:center;gap:var(--dimension-xs)}.tk-radius__box{width:80px;height:80px;background:var(--accent-secondary-bg);border:2px solid var(--accent-secondary)}.tk-foot{margin-top:var(--dimension-xl);padding-top:var(--dimension-md);border-top:1px solid var(--bg-subtle);color:var(--fg-subtle);font-size:var(--font-sizes-sm)}@media(max-width:720px){.tk-ramp{grid-template-columns:repeat(3,1fr)}.tk-h1{font-size:var(--font-sizes-h2)}}