@font-face{font-family:"PP Hatton";src:url("../fonts/PPHatton-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"PP Kyoto";src:url("../fonts/PPKyoto-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama";src:url("../fonts/PPFrama-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama";src:url("../fonts/PPFrama-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama";src:url("../fonts/PPFrama-Bold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama";src:url("../fonts/PPFrama-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama Text";src:url("../fonts/PPFramaText-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama Text";src:url("../fonts/PPFramaText-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama Text";src:url("../fonts/PPFramaText-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"PP Frama Text";src:url("../fonts/PPFramaText-RegularItalic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"PP Neue Montreal Mono";src:url("../fonts/PPNeueMontrealMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PP Neue Montreal Mono";src:url("../fonts/PPNeueMontrealMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"PP Neue Montreal Mono";src:url("../fonts/PPNeueMontrealMono-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--primitive-font-frama:"PP Frama";--primitive-font-frama-text:"PP Frama Text";--primitive-font-hatton:"PP Hatton";--primitive-font-kyoto:"PP Kyoto";--primitive-font-mono:"PP Neue Montreal Mono";--primitive-color-brand-core-1:#a3e96c;--primitive-color-brand-core-2:#0a350d;--primitive-color-brand-white:#fefdf9;--primitive-color-brand-black:#0b0c0f;--primitive-color-brand-support-1:#fbf3e8;--primitive-color-brand-support-2:#ffc563;--primitive-color-brand-support-3:#8de5cd;--primitive-color-brand-support-4:#f9d0e8;--primitive-color-brand-support-5:#c598fc;--primitive-color-brand-core-1-60:#edffde;--primitive-color-brand-core-1-80:#d7f1c3;--primitive-color-brand-core-1-100:#a3e96c;--primitive-color-brand-core-1-200:#72dd1e;--primitive-color-brand-core-1-400:#6dbd2e;--primitive-color-brand-core-1-600:#4a6a30;--primitive-color-brand-core-1-800:#2b3e1c;--primitive-color-brand-support-1-80:#fdf8f2;--primitive-color-brand-support-1-100:#fbf3e8;--primitive-color-brand-support-1-200:#fbebd1;--primitive-color-brand-support-1-400:#f0d9ba;--primitive-color-brand-support-1-600:#e3bf9b;--primitive-color-brand-support-1-800:#c6a884;--primitive-color-brand-support-2-60:#ffeac8;--primitive-color-brand-support-2-80:#f6d49a;--primitive-color-brand-support-2-100:#ffc563;--primitive-color-brand-support-2-200:#eba734;--primitive-color-brand-support-2-400:#e9a42e;--primitive-color-brand-support-2-600:#e69f28;--primitive-color-brand-support-2-800:#a76900;--primitive-color-brand-support-3-60:#cff9ed;--primitive-color-brand-support-3-80:#b6edda;--primitive-color-brand-support-3-100:#8de5cd;--primitive-color-brand-support-3-200:#68e1b6;--primitive-color-brand-support-3-400:#5bc7a7;--primitive-color-brand-support-3-600:#55ba9c;--primitive-color-brand-support-3-800:#39836a;--primitive-color-brand-support-4-60:#ffeff9;--primitive-color-brand-support-4-80:#ffdff2;--primitive-color-brand-support-4-100:#f9d0e8;--primitive-color-brand-support-4-200:#db3398;--primitive-color-brand-support-4-400:#a62a75;--primitive-color-brand-support-4-600:#671446;--primitive-color-brand-support-4-800:#441e35;--primitive-color-brand-support-5-60:#f4efff;--primitive-color-brand-support-5-80:#e3cfff;--primitive-color-brand-support-5-100:#c598fc;--primitive-color-brand-support-5-200:#9a29e9;--primitive-color-brand-support-5-400:#782fb5;--primitive-color-brand-support-5-600:#52106a;--primitive-color-brand-support-5-800:#22183d;--primitive-color-brand-gray-1:#EDEDF0;--primitive-color-brand-gray-2:#E5E5E6;--primitive-color-neutral-lightest:#F8F8F9;--primitive-color-neutral-lighter:#C9C9C9;--primitive-color-neutral-light:#939393;--primitive-color-neutral-neutral:#757575;--primitive-color-neutral-dark:#4A4A4A;--primitive-color-neutral-darker:#2A2A2A;--primitive-color-neutral-darkest:#1D1D1D;--primitive-color-neutral-lightest-4:rgba(244,245,246,0.04);--primitive-color-neutral-lightest-8:rgba(244,245,246,0.08);--primitive-color-neutral-lightest-12:rgba(244,245,246,0.12);--primitive-color-neutral-lightest-16:rgba(244,245,246,0.16);--primitive-color-neutral-lightest-24:rgba(244,245,246,0.24);--primitive-color-neutral-lightest-32:rgba(244,245,246,0.32);--primitive-color-neutral-lightest-48:rgba(244,245,246,0.48);--primitive-color-neutral-lightest-64:rgba(244,245,246,0.64);--primitive-color-neutral-lightest-80:rgba(244,245,246,0.8);--primitive-color-neutral-lightest-88:rgba(244,245,246,0.88);--primitive-color-neutral-lighter-4:rgba(219,222,228,0.04);--primitive-color-neutral-lighter-8:rgba(219,222,228,0.08);--primitive-color-neutral-lighter-12:rgba(219,222,228,0.12);--primitive-color-neutral-lighter-16:rgba(219,222,228,0.16);--primitive-color-neutral-lighter-24:rgba(219,222,228,0.24);--primitive-color-neutral-lighter-32:rgba(219,222,228,0.32);--primitive-color-neutral-lighter-48:rgba(219,222,228,0.48);--primitive-color-neutral-lighter-64:rgba(219,222,228,0.64);--primitive-color-neutral-lighter-80:rgba(219,222,228,0.8);--primitive-color-neutral-lighter-88:rgba(219,222,228,0.88);--primitive-color-neutral-light-4:rgba(177,181,195,0.04);--primitive-color-neutral-light-8:rgba(177,181,195,0.08);--primitive-color-neutral-light-12:rgba(177,181,195,0.12);--primitive-color-neutral-light-16:rgba(177,181,195,0.16);--primitive-color-neutral-light-24:rgba(177,181,195,0.24);--primitive-color-neutral-light-32:rgba(177,181,195,0.32);--primitive-color-neutral-light-48:rgba(177,181,195,0.48);--primitive-color-neutral-light-64:rgba(177,181,195,0.64);--primitive-color-neutral-light-80:rgba(177,181,195,0.8);--primitive-color-neutral-light-88:rgba(177,181,195,0.88);--primitive-color-neutral-neutral-4:rgba(119,126,144,0.04);--primitive-color-neutral-neutral-8:rgba(119,126,144,0.08);--primitive-color-neutral-neutral-12:rgba(119,126,144,0.12);--primitive-color-neutral-neutral-16:rgba(119,126,144,0.16);--primitive-color-neutral-neutral-24:rgba(119,126,144,0.24);--primitive-color-neutral-neutral-32:rgba(119,126,144,0.32);--primitive-color-neutral-neutral-48:rgba(119,126,144,0.48);--primitive-color-neutral-neutral-64:rgba(119,126,144,0.64);--primitive-color-neutral-neutral-80:rgba(119,126,144,0.80);--primitive-color-neutral-neutral-88:rgba(119,126,144,0.88);--primitive-color-neutral-dark-4:rgba(64,68,83,0.04);--primitive-color-neutral-dark-8:rgba(64,68,83,0.08);--primitive-color-neutral-dark-12:rgba(64,68,83,0.12);--primitive-color-neutral-dark-16:rgba(64,68,83,0.16);--primitive-color-neutral-dark-24:rgba(64,68,83,0.24);--primitive-color-neutral-dark-32:rgba(64,68,83,0.32);--primitive-color-neutral-dark-48:rgba(64,68,83,0.48);--primitive-color-neutral-dark-64:rgba(64,68,83,0.64);--primitive-color-neutral-dark-80:rgba(64,68,83,0.8);--primitive-color-neutral-dark-88:rgba(64,68,83,0.88);--primitive-color-neutral-darker-4:rgba(36,37,43,0.04);--primitive-color-neutral-darker-8:rgba(36,37,43,0.08);--primitive-color-neutral-darker-12:rgba(36,37,43,0.12);--primitive-color-neutral-darker-16:rgba(36,37,43,0.16);--primitive-color-neutral-darker-24:rgba(36,37,43,0.24);--primitive-color-neutral-darker-32:rgba(36,37,43,0.32);--primitive-color-neutral-darker-48:rgba(36,37,43,0.48);--primitive-color-neutral-darker-64:rgba(36,37,43,0.64);--primitive-color-neutral-darker-80:rgba(36,37,43,0.8);--primitive-color-neutral-darker-88:rgba(36,37,43,0.88);--primitive-color-neutral-darkest-4:rgba(18,20,25,0.04);--primitive-color-neutral-darkest-8:rgba(18,20,25,0.08);--primitive-color-neutral-darkest-12:rgba(18,20,25,0.12);--primitive-color-neutral-darkest-16:rgba(18,20,25,0.16);--primitive-color-neutral-darkest-24:rgba(18,20,25,0.24);--primitive-color-neutral-darkest-32:rgba(18,20,25,0.32);--primitive-color-neutral-darkest-48:rgba(18,20,25,0.48);--primitive-color-neutral-darkest-64:rgba(18,20,25,0.64);--primitive-color-neutral-darkest-80:rgba(18,20,25,0.8);--primitive-color-neutral-darkest-88:rgba(18,20,25,0.88);--primitive-color-white-4:rgba(254,254,254,0.04);--primitive-color-white-8:rgba(254,254,254,0.08);--primitive-color-white-12:rgba(254,254,254,0.12);--primitive-color-white-16:rgba(254,254,254,0.16);--primitive-color-white-24:rgba(254,254,254,0.24);--primitive-color-white-32:rgba(254,254,254,0.32);--primitive-color-white-48:rgba(254,254,254,0.48);--primitive-color-white-64:rgba(254,254,254,0.64);--primitive-color-white-80:rgba(254,254,254,0.8);--primitive-color-white-88:rgba(254,254,254,0.88);--primitive-color-black-4:rgba(11,12,15,0.04);--primitive-color-black-8:rgba(11,12,15,0.08);--primitive-color-black-12:rgba(11,12,15,0.12);--primitive-color-black-16:rgba(11,12,15,0.16);--primitive-color-black-24:rgba(11,12,15,0.24);--primitive-color-black-32:rgba(11,12,15,0.32);--primitive-color-black-48:rgba(11,12,15,0.48);--primitive-color-black-64:rgba(11,12,15,0.64);--primitive-color-black-80:rgba(11,12,15,0.8);--primitive-color-black-88:rgba(11,12,15,0.88);--primitive-color-transparent:rgba(255,255,255,0);--primitive-color-success:#22c55e;--primitive-color-error:#ef4444;--primitive-color-warning:#f59e0b;--primitive-color-info:#3b82f6;--primitive-color-success-light:#dcfce7;--primitive-color-error-light:#fee2e2;--primitive-color-warning-light:#fef3c7;--primitive-color-info-light:#dbeafe;--primitive-spacing-2:2px;--primitive-spacing-4:4px;--primitive-spacing-6:6px;--primitive-spacing-8:8px;--primitive-spacing-12:12px;--primitive-spacing-16:16px;--primitive-spacing-20:20px;--primitive-spacing-24:24px;--primitive-spacing-32:32px;--primitive-spacing-40:40px;--primitive-spacing-48:48px;--primitive-spacing-56:56px;--primitive-spacing-64:64px;--primitive-spacing-80:80px;--primitive-spacing-96:96px;--primitive-spacing-128:128px;--primitive-spacing-160:160px;--primitive-spacing-192:192px;--primitive-spacing-256:256px}:root{--font-display-editorial:var(--primitive-font-hatton);--font-display-web:var(--primitive-font-kyoto);--font-heading:var(--primitive-font-frama);--font-body:var(--primitive-font-frama-text);--font-mono:var(--primitive-font-mono);--color-green:var(--primitive-color-brand-core-1);--color-foliage:var(--primitive-color-brand-core-2);--color-linen:var(--primitive-color-brand-support-1);--color-mustard:var(--primitive-color-brand-support-2);--color-mint:var(--primitive-color-brand-support-3);--color-pink:var(--primitive-color-brand-support-4);--color-violet:var(--primitive-color-brand-support-5);--color-green-60:var(--primitive-color-brand-core-1-60);--color-green-80:var(--primitive-color-brand-core-1-80);--color-green-100:var(--primitive-color-brand-core-1-100);--color-green-200:var(--primitive-color-brand-core-1-200);--color-green-400:var(--primitive-color-brand-core-1-400);--color-green-600:var(--primitive-color-brand-core-1-600);--color-green-800:var(--primitive-color-brand-core-1-800);--color-linen-80:var(--primitive-color-brand-support-1-80);--color-linen-100:var(--primitive-color-brand-support-1-100);--color-linen-200:var(--primitive-color-brand-support-1-200);--color-linen-400:var(--primitive-color-brand-support-1-400);--color-linen-600:var(--primitive-color-brand-support-1-600);--color-linen-800:var(--primitive-color-brand-support-1-800);--color-mustard-60:var(--primitive-color-brand-support-2-60);--color-mustard-80:var(--primitive-color-brand-support-2-80);--color-mustard-100:var(--primitive-color-brand-support-2-100);--color-mustard-200:var(--primitive-color-brand-support-2-200);--color-mustard-400:var(--primitive-color-brand-support-2-400);--color-mustard-600:var(--primitive-color-brand-support-2-600);--color-mustard-800:var(--primitive-color-brand-support-2-800);--color-mint-60:var(--primitive-color-brand-support-3-60);--color-mint-80:var(--primitive-color-brand-support-3-80);--color-mint-100:var(--primitive-color-brand-support-3-100);--color-mint-200:var(--primitive-color-brand-support-3-200);--color-mint-400:var(--primitive-color-brand-support-3-400);--color-mint-600:var(--primitive-color-brand-support-3-600);--color-mint-800:var(--primitive-color-brand-support-3-800);--color-pink-60:var(--primitive-color-brand-support-4-60);--color-pink-80:var(--primitive-color-brand-support-4-80);--color-pink-100:var(--primitive-color-brand-support-4-100);--color-pink-200:var(--primitive-color-brand-support-4-200);--color-pink-400:var(--primitive-color-brand-support-4-400);--color-pink-600:var(--primitive-color-brand-support-4-600);--color-pink-800:var(--primitive-color-brand-support-4-800);--color-violet-60:var(--primitive-color-brand-support-5-60);--color-violet-80:var(--primitive-color-brand-support-5-80);--color-violet-100:var(--primitive-color-brand-support-5-100);--color-violet-200:var(--primitive-color-brand-support-5-200);--color-violet-400:var(--primitive-color-brand-support-5-400);--color-violet-600:var(--primitive-color-brand-support-5-600);--color-violet-800:var(--primitive-color-brand-support-5-800)}:root{--type-size-display-editorial:clamp(64px,calc(64px + 56 * ((100vw - 375px) / 1065)),120px);--type-size-display-web-primary:clamp(64px,calc(64px + 16 * ((100vw - 375px) / 1065)),80px);--type-size-display-web-secondary:clamp(40px,calc(40px + 16 * ((100vw - 375px) / 1065)),56px);--type-size-h1:clamp(48px,calc(48px + 32 * ((100vw - 375px) / 1065)),80px);--type-size-h2:clamp(32px,calc(32px + 16 * ((100vw - 375px) / 1065)),48px);--type-size-h3:clamp(28px,calc(28px + 12 * ((100vw - 375px) / 1065)),40px);--type-size-h4:clamp(24px,calc(24px + 8 * ((100vw - 375px) / 1065)),32px);--type-size-h5:clamp(20px,calc(20px + 4 * ((100vw - 375px) / 1065)),24px);--type-size-h6:clamp(18px,calc(18px + 2 * ((100vw - 375px) / 1065)),20px);--type-size-text-l:clamp(18px,calc(18px + 2 * ((100vw - 375px) / 1065)),20px);--type-size-text-m:clamp(16px,calc(16px + 2 * ((100vw - 375px) / 1065)),18px);--type-size-text-r:clamp(15px,calc(15px + 1 * ((100vw - 375px) / 1065)),16px);--type-size-text-s:clamp(14px,calc(14px + 1 * ((100vw - 375px) / 1065)),15px);--type-size-text-xs:14px;--type-size-text-tiny:12px;--type-lh-display-editorial:clamp(56px,calc(56px + 56 * ((100vw - 375px) / 1065)),112px);--type-lh-display-web-primary:clamp(56px,calc(56px + 16 * ((100vw - 375px) / 1065)),72px);--type-lh-display-web-secondary:clamp(40px,calc(40px + 8 * ((100vw - 375px) / 1065)),48px);--type-lh-h1:clamp(48px,calc(48px + 32 * ((100vw - 375px) / 1065)),80px);--type-lh-h2:clamp(32px,calc(32px + 16 * ((100vw - 375px) / 1065)),48px);--type-lh-h3:clamp(28px,calc(28px + 12 * ((100vw - 375px) / 1065)),40px);--type-lh-h4:clamp(24px,calc(24px + 8 * ((100vw - 375px) / 1065)),32px);--type-lh-h5:24px;--type-lh-h6:clamp(20px,calc(20px + 4 * ((100vw - 375px) / 1065)),24px);--type-lh-text-l:clamp(24px,calc(24px + 4 * ((100vw - 375px) / 1065)),28px);--type-lh-text-m:24px;--type-lh-text-r:24px;--type-lh-text-s:clamp(20px,calc(20px + 4 * ((100vw - 375px) / 1065)),24px);--type-lh-text-xs:20px;--type-lh-text-tiny:18px;--type-ls-display-editorial:clamp(-0.3400000035762787px,calc(-0.3400000035762787px + -4.46 * ((100vw - 375px) / 1065)),-4.800000190734863px);--type-ls-display-web-primary:clamp(-1px,calc(-1px + -1 * ((100vw - 375px) / 1065)),-2px);--type-ls-display-web-secondary:clamp(-1.5px,calc(-1.5px + -0.5 * ((100vw - 375px) / 1065)),-2px);--type-ls-h1:clamp(-1px,calc(-1px + -1 * ((100vw - 375px) / 1065)),-2px);--type-ls-h2:clamp(-0.5px,calc(-0.5px + -0.5 * ((100vw - 375px) / 1065)),-1px);--type-ls-h3:clamp(-0.5px,calc(-0.5px + -0.25 * ((100vw - 375px) / 1065)),-0.75px);--type-ls-h4:clamp(-0.25px,calc(-0.25px + -0.25 * ((100vw - 375px) / 1065)),-0.5px);--type-ls-h5:clamp(-0.125px,calc(-0.125px + -0.125 * ((100vw - 375px) / 1065)),-0.25px);--type-ls-h6:-0.125px;--type-ls-text-l:-0.5px;--type-ls-text-m:-0.25px;--type-ls-text-r:-0.25px;--type-ls-text-s:-0.13px;--type-ls-text-xs:-0.13px;--type-ls-text-tiny:0px;--type-weight-display-editorial:500;--type-weight-display-web-primary:800;--type-weight-display-web-secondary:500;--type-weight-heading:500;--type-weight-subheading:400;--type-weight-body:400;--type-weight-body-strong:500;--type-weight-caption:400}.type-display-editorial{font-family:var(--font-display-editorial);font-size:var(--type-size-display-editorial);line-height:var(--type-lh-display-editorial);letter-spacing:var(--type-ls-display-editorial);font-weight:var(--type-weight-display-editorial);text-transform:uppercase;text-wrap:balance}.type-display-web-primary{font-family:var(--font-display-web);font-size:var(--type-size-display-web-primary);line-height:var(--type-lh-display-web-primary);letter-spacing:var(--type-ls-display-web-primary);font-weight:var(--type-weight-display-web-primary);text-transform:uppercase}.type-display-web-secondary{font-family:var(--font-display-web);font-size:var(--type-size-display-web-secondary);line-height:var(--type-lh-display-web-secondary);letter-spacing:var(--type-ls-display-web-secondary);font-weight:var(--type-weight-display-web-secondary)}.type-h1{font-family:var(--font-heading);font-size:var(--type-size-h1);line-height:var(--type-lh-h1);letter-spacing:var(--type-ls-h1);font-weight:var(--type-weight-heading)}.type-h2{font-family:var(--font-heading);font-size:var(--type-size-h2);line-height:var(--type-lh-h2);letter-spacing:var(--type-ls-h2);font-weight:var(--type-weight-heading)}.type-h3{font-family:var(--font-heading);font-size:var(--type-size-h3);line-height:var(--type-lh-h3);letter-spacing:var(--type-ls-h3);font-weight:var(--type-weight-heading)}.type-h4{font-family:var(--font-heading);font-size:var(--type-size-h4);line-height:var(--type-lh-h4);letter-spacing:var(--type-ls-h4);font-weight:var(--type-weight-heading)}.type-h5{font-family:var(--font-heading);font-size:var(--type-size-h5);line-height:var(--type-lh-h5);letter-spacing:var(--type-ls-h5);font-weight:var(--type-weight-subheading)}.type-h6{font-family:var(--font-heading);font-size:var(--type-size-h6);line-height:var(--type-lh-h6);letter-spacing:var(--type-ls-h6);font-weight:var(--type-weight-subheading)}.type-body-l{font-family:var(--font-body);font-size:var(--type-size-text-l);line-height:var(--type-lh-text-l);letter-spacing:var(--type-ls-text-l);font-weight:var(--type-weight-body)}.type-body-m{font-family:var(--font-body);font-size:var(--type-size-text-m);line-height:var(--type-lh-text-m);letter-spacing:var(--type-ls-text-m);font-weight:var(--type-weight-body)}.type-body-r{font-family:var(--font-body);font-size:var(--type-size-text-r);line-height:var(--type-lh-text-r);letter-spacing:var(--type-ls-text-r);font-weight:var(--type-weight-body)}.type-body-s{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);letter-spacing:var(--type-ls-text-s);font-weight:var(--type-weight-body)}.type-body-xs{font-family:var(--font-body);font-size:var(--type-size-text-xs);line-height:var(--type-lh-text-xs);letter-spacing:var(--type-ls-text-xs);font-weight:var(--type-weight-body)}.type-body-tiny{font-family:var(--font-body);font-size:var(--type-size-text-tiny);line-height:var(--type-lh-text-tiny);letter-spacing:var(--type-ls-text-tiny);font-weight:var(--type-weight-caption)}.type-caption{font-family:var(--font-body);font-size:var(--type-size-text-tiny);line-height:var(--type-lh-text-tiny);letter-spacing:var(--type-ls-text-tiny);font-weight:var(--type-weight-caption);text-transform:uppercase}:root{--space-2:var(--primitive-spacing-2);--space-4:var(--primitive-spacing-4);--space-6:var(--primitive-spacing-6);--space-8:var(--primitive-spacing-8);--space-12:var(--primitive-spacing-12);--space-16:var(--primitive-spacing-16);--space-20:var(--primitive-spacing-20);--space-24:var(--primitive-spacing-24);--space-32:var(--primitive-spacing-32);--space-40:var(--primitive-spacing-40);--space-48:var(--primitive-spacing-48);--space-56:var(--primitive-spacing-56);--space-64:var(--primitive-spacing-64);--space-80:var(--primitive-spacing-80);--space-96:var(--primitive-spacing-96);--space-128:var(--primitive-spacing-128);--space-160:var(--primitive-spacing-160);--space-192:var(--primitive-spacing-192);--space-256:var(--primitive-spacing-256);--size-container-max:1530px;--size-container-max-sm:1280px;--size-page-padding-x:var(--space-16);--size-section-padding-y:var(--space-96);--size-card-padding:var(--space-24);--size-grid-gap:var(--space-24);--size-grid-gap-lg:var(--space-40);--size-grid-gap-sm:var(--space-16);--size-stack-gap-xl:var(--space-64);--size-stack-gap-l:var(--space-48);--size-stack-gap-m:var(--space-32);--size-stack-gap-s:var(--space-24);--size-stack-gap-xs:var(--space-16);--size-inline-gap-l:var(--space-24);--size-inline-gap-m:var(--space-16);--size-inline-gap-s:var(--space-12);--size-inline-gap-xs:var(--space-8);--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}:root{--ui-text-display:var(--primitive-color-brand-core-2);--ui-text-primary:var(--primitive-color-neutral-darkest);--ui-text-secondary:var(--primitive-color-neutral-neutral);--ui-text-tertiary:var(--primitive-color-neutral-light);--ui-text-quaternary:var(--primitive-color-neutral-dark);--ui-text-alt-display:var(--primitive-color-brand-white);--ui-text-alt-primary:var(--primitive-color-neutral-lightest);--ui-text-alt-secondary:var(--primitive-color-neutral-light);--ui-text-alt-tertiary:var(--primitive-color-neutral-neutral);--ui-text-disabled:var(--primitive-color-brand-gray-1);--ui-text-placeholder:var(--primitive-color-neutral-neutral);--ui-text-inverse-light:var(--primitive-color-neutral-lightest);--ui-bg-base-primary:var(--primitive-color-brand-white);--ui-bg-base-secondary:var(--primitive-color-brand-black);--ui-bg-section-primary:var(--primitive-color-neutral-lightest);--ui-bg-section-secondary:var(--primitive-color-brand-white);--ui-bg-card-glass-primary:var(--primitive-color-neutral-lightest-80);--ui-bg-card-glass-secondary:var(--primitive-color-white-80);--ui-bg-card-glass-tertiary:var(--primitive-color-neutral-darkest-80);--ui-bg-card-primary:var(--primitive-color-brand-gray-1);--ui-bg-card-secondary:var(--primitive-color-brand-white);--ui-bg-card-tertiary:var(--primitive-color-brand-core-1);--ui-bg-card-mono:#ffffff;--ui-bg-card-mono-alt:#000000;--ui-bg-card-transparent:var(--primitive-color-transparent);--ui-bg-action-primary:var(--primitive-color-brand-core-1);--ui-bg-action-primary-hover:var(--primitive-color-brand-core-1-200);--ui-bg-action-primary-active:var(--primitive-color-brand-core-1-80);--ui-bg-action-primary-disabled:var(--primitive-color-brand-core-1-60);--ui-bg-action-secondary:var(--primitive-color-neutral-darkest);--ui-bg-action-secondary-hover:var(--primitive-color-neutral-darkest-48);--ui-bg-action-secondary-active:var(--primitive-color-neutral-darkest-80);--ui-bg-action-secondary-disabled:var(--primitive-color-neutral-darkest-24);--ui-bg-action-tertiary:var(--primitive-color-brand-gray-1);--ui-bg-action-tertiary-hover:var(--primitive-color-brand-gray-2);--ui-bg-action-tertiary-active:var(--primitive-color-brand-white);--ui-bg-action-tertiary-disabled:var(--primitive-color-white-24);--ui-bg-action-text:var(--primitive-color-transparent);--ui-bg-action-text-hover:var(--primitive-color-transparent);--ui-bg-action-ghost:var(--primitive-color-transparent);--ui-bg-action-ghost-hover:var(--primitive-color-white-16);--ui-bg-action-glass:var(--primitive-color-white-16);--ui-bg-action-glass-hover:var(--primitive-color-white-4);--ui-bg-action-focus-ring:var(--primitive-color-brand-core-2);--ui-bg-overlay:var(--primitive-color-black-32);--ui-border-primary:var(--primitive-color-brand-gray-2);--ui-border-secondary:var(--primitive-color-brand-gray-1);--ui-border-tertiary:var(--primitive-color-brand-core-2);--ui-border-alternate:var(--primitive-color-brand-white);--ui-border-focus:var(--primitive-color-brand-support-4);--ui-border-error:var(--primitive-color-error);--ui-accent-primary:var(--primitive-color-brand-core-1);--ui-accent-secondary:var(--primitive-color-brand-core-2);--ui-accent-tertiary:var(--primitive-color-brand-support-1);--ui-link-primary:var(--color-green-200);--ui-link-primary-hover:var(--primitive-color-brand-core-1-80);--ui-link-secondary:var(--primitive-color-brand-black);--ui-link-secondary-hover:var(--primitive-color-black-48);--ui-link-tertiary:var(--primitive-color-brand-core-2);--ui-link-tertiary-hover:var(--color-green-100);--ui-icon-primary:var(--color-green-100);--ui-icon-secondary:var(--color-mint-400);--ui-icon-tertiary:var(--primitive-color-brand-black);--ui-icon-accent:#ffffff;--ui-icon-inverse-light:var(--primitive-color-brand-white);--ui-icon-disabled:var(--primitive-color-neutral-light);--ui-text-inverse-dark:var(--primitive-color-neutral-darkest);--ui-bg-section-tertiary:var(--primitive-color-neutral-darkest);--ui-bg-section-quaternary:var(--primitive-color-brand-gray-2);--ui-bg-section-ghost-primary:rgba(254,253,249,0.8);--ui-bg-card-quaternary:var(--primitive-color-brand-core-2);--ui-bg-card-support-1:var(--primitive-color-brand-support-1);--ui-bg-card-support-2:var(--primitive-color-brand-support-2);--ui-bg-card-support-3:var(--primitive-color-brand-support-3);--ui-bg-card-support-4:var(--primitive-color-brand-support-4);--ui-bg-card-support-5:var(--primitive-color-brand-support-5);--ui-accent-quaternary:var(--primitive-color-brand-support-2);--ui-icon-inverse-dark:var(--primitive-color-brand-black);--ui-system-success-bg:var(--primitive-color-brand-core-1-60);--ui-system-success-text:var(--primitive-color-brand-core-1-800);--ui-system-error-bg:var(--primitive-color-brand-support-4-60);--ui-system-error-text:var(--primitive-color-brand-support-4-600);--ui-system-warning-bg:var(--primitive-color-brand-support-2-60);--ui-system-warning-text:var(--primitive-color-brand-support-2-800);--ui-system-info-bg:var(--primitive-color-brand-support-5-60);--ui-system-info-text:var(--primitive-color-brand-support-5-600);--elevation-subtle:0 1px 2px rgba(0,0,0,0.04),0 1px 1px rgba(0,0,0,0.02);--elevation-low:0 2px 4px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--elevation-medium:0 4px 12px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);--elevation-high:0 8px 24px rgba(0,0,0,0.10),0 4px 8px rgba(0,0,0,0.06);--elevation-overlay:0 16px 48px rgba(0,0,0,0.14),0 8px 16px rgba(0,0,0,0.08)}[data-theme=dark]{--ui-text-display:var(--color-green-60);--ui-text-primary:var(--primitive-color-neutral-lightest);--ui-text-secondary:var(--primitive-color-neutral-light);--ui-text-tertiary:var(--primitive-color-neutral-dark);--ui-text-quaternary:var(--primitive-color-neutral-lighter);--ui-text-alt-display:var(--primitive-color-brand-black);--ui-text-alt-primary:var(--primitive-color-neutral-darkest);--ui-text-alt-secondary:var(--primitive-color-neutral-dark);--ui-text-disabled:var(--primitive-color-neutral-darker);--ui-bg-base-primary:var(--primitive-color-brand-black);--ui-bg-base-secondary:var(--primitive-color-brand-white);--ui-bg-section-primary:var(--primitive-color-neutral-darkest);--ui-bg-section-secondary:var(--primitive-color-brand-black);--ui-bg-card-glass-primary:var(--primitive-color-neutral-darkest-80);--ui-bg-card-glass-secondary:var(--primitive-color-black-80);--ui-bg-card-glass-tertiary:var(--primitive-color-neutral-lightest-80);--ui-bg-card-primary:var(--primitive-color-neutral-darker);--ui-bg-card-secondary:var(--primitive-color-brand-black);--ui-bg-card-mono:#000000;--ui-bg-card-mono-alt:#ffffff;--ui-bg-overlay:var(--primitive-color-black-64);--ui-border-primary:var(--primitive-color-neutral-darker);--ui-border-secondary:var(--primitive-color-neutral-dark);--ui-border-alternate:var(--primitive-color-brand-black);--ui-link-secondary:var(--primitive-color-brand-white);--ui-link-secondary-hover:var(--primitive-color-white-48);--ui-icon-tertiary:var(--primitive-color-brand-white);--ui-icon-disabled:var(--primitive-color-neutral-darker);--ui-bg-section-tertiary:var(--primitive-color-neutral-lightest);--ui-bg-section-ghost-primary:rgba(11,12,15,0.8);--elevation-subtle:0 1px 2px rgba(0,0,0,0.16),0 1px 1px rgba(0,0,0,0.12);--elevation-low:0 2px 4px rgba(0,0,0,0.24),0 1px 2px rgba(0,0,0,0.16);--elevation-medium:0 4px 12px rgba(0,0,0,0.32),0 2px 4px rgba(0,0,0,0.16);--elevation-high:0 8px 24px rgba(0,0,0,0.40),0 4px 8px rgba(0,0,0,0.24);--elevation-overlay:0 16px 48px rgba(0,0,0,0.48),0 8px 16px rgba(0,0,0,0.32)}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--ui-bg-base-primary);color:var(--ui-text-primary);font-family:var(--font-body);line-height:1.5}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}a{color:inherit}body,html{height:100%;font-family:var(--font-body);background:var(--ui-bg-base-primary);color:var(--ui-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#topbar{display:none;position:fixed;top:0;left:0;right:0;z-index:100;height:52px;padding:0 var(--space-16);background:var(--ui-bg-base-secondary);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.topbar-wordmark{font-family:var(--font-display-web);font-size:13px;font-weight:var(--type-weight-display-web-primary);letter-spacing:0.2em;text-transform:uppercase;color:var(--ui-text-display)}#menu-toggle{width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--ui-text-alt-secondary)}#sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;z-index:200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--ui-bg-base-primary);overflow-y:auto;overflow-x:hidden}#sidebar.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-head{padding:var(--space-24);-ms-flex-negative:0;flex-shrink:0}.sidebar-wordmark{font-family:var(--font-heading);font-size:16px;font-weight:var(--type-weight-display-web-primary);text-transform:lowercase;color:var(--ui-text-display);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.sidebar-nav a{display:block;padding:4px var(--space-24);font-family:var(--font-body);font-size:14px;color:var(--ui-text-secondary);text-decoration:none;-webkit-transition:color 0.15s;transition:color 0.15s}.sidebar-nav a:hover{color:var(--ui-accent-secondary)}.sidebar-nav a.is-active{color:var(--ui-bg-action-display);font-weight:600}.nav-group{margin-bottom:var(--space-4)}.nav-label{display:block;padding:24px var(--space-24) 2px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--ui-text-secondary);margin-bottom:var(--space-8);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-footer{-ms-flex-negative:0;flex-shrink:0;padding:var(--space-24);border-top:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#theme-toggle{width:28px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--ui-text-alt-secondary);-webkit-transition:color 0.15s;transition:color 0.15s;border-radius:4px}#theme-toggle:hover{color:var(--ui-text-display)}[data-theme=light] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:none}.sidebar-version{font-family:var(--font-mono);font-size:10px;letter-spacing:0.05em;color:var(--ui-text-secondary)}#content{margin-left:240px;height:100%;overflow-y:auto;background:var(--ui-bg-base-primary)}#content>:not(.content-placeholder){max-width:1200px;margin-left:auto;margin-right:auto;padding:var(--space-48) var(--space-48)}.content-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;font-family:var(--font-body);font-size:var(--type-size-text-m);color:var(--ui-text-tertiary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ds-page{max-width:960px;padding:var(--space-64) var(--space-48)}.ds-page-header{margin-bottom:var(--space-64)}.ds-page-label{font-family:var(--font-mono);font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:var(--ui-text-primary);margin-bottom:var(--space-8)}.ds-page-title{font-family:var(--font-heading);font-size:var(--type-size-h1);line-height:var(--type-lh-h1);letter-spacing:var(--type-ls-h1);color:var(--ui-accent-secondary);color:var(--ui-text-display);font-weight:700;margin-bottom:var(--space-16)}.ds-page-desc{font-family:var(--font-body);font-size:var(--type-size-text-m);line-height:var(--type-lh-text-m);color:var(--ui-text-primary);max-width:560px}.ds-section{margin-bottom:var(--space-64)}.ds-section-title{font-family:var(--font-heading);font-size:var(--type-size-h3);line-height:var(--type-lh-h3);letter-spacing:var(--type-ls-h1);color:var(--ui-text-primary);font-weight:700;text-transform:uppercase;padding-bottom:var(--space-16);margin-bottom:var(--space-32)}.swatch-grid{display:-ms-grid;display:grid;gap:var(--size-grid-gap-sm)}.swatch-grid--2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.swatch-grid--5{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}.swatch-grid--7{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}.swatch-card{min-width:0}.swatch-fill{width:100%;border-radius:6px}.swatch-fill--lg{height:200px}.swatch-fill--md{height:120px}.swatch-fill--sm{height:80px}.swatch-fill--bordered{-webkit-box-shadow:inset 0 0 0 1px var(--ui-border-primary);box-shadow:inset 0 0 0 1px var(--ui-border-primary)}.swatch-meta{padding:var(--space-8) 0}.swatch-name{font-family:var(--font-body);line-height:var(--type-lh-text-r);font-weight:500;font-size:14px;color:var(--ui-text-primary);margin-bottom:2px}.swatch-hex{font-family:var(--font-body);line-height:var(--type-lh-text-r);font-size:14px;color:var(--ui-text-secondary);margin-bottom:1px}.swatch-var{font-family:var(--font-mono);line-height:var(--type-lh-text-r);font-size:14px;color:var(--ui-text-secondary)}.scale-strip{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px;margin-top:var(--space-6)}.scale-chip{-webkit-box-flex:1;-ms-flex:1;flex:1;height:32px;border-radius:3px}.system-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--size-grid-gap-sm);margin-bottom:var(--space-16)}.system-swatch{width:64px;height:40px;border-radius:6px;-ms-flex-negative:0;flex-shrink:0}.system-swatch--light{width:40px;height:40px}.system-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1px}.dark-preview{border-radius:8px;padding:var(--space-32);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-16)}.dark-preview-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase}.dark-preview-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16)}.dark-preview-circle{width:48px;height:48px;border-radius:50%}@media (max-width:1024px){#topbar{display:-webkit-box;display:-ms-flexbox;display:flex}#sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease,-webkit-transform 0.25s ease}#content{margin-left:0;padding-top:52px}}.type-families-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap-sm) 1fr var(--size-grid-gap-sm) 1fr;grid-template-columns:repeat(3,1fr);gap:var(--size-grid-gap-sm)}.type-families-grid--4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.type-family-card{min-width:0}.type-family-specimen{font-size:var(--type-size-h1);line-height:1;letter-spacing:var(--type-ls-h1);color:var(--ui-text-primary);margin-bottom:var(--space-24)}.type-family-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;margin-bottom:var(--space-8)}.type-family-label{font-family:var(--font-mono);text-transform:uppercase;font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-primary)}.type-family-role{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-tertiary)}.type-family-desc{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-secondary)}.type-scale-row{display:-ms-grid;display:grid;-ms-grid-columns:220px var(--space-32) 1fr;grid-template-columns:220px 1fr;gap:var(--space-32);padding:var(--space-32) 0;border-bottom:1px solid var(--ui-border-primary);-webkit-box-align:top;-ms-flex-align:top;align-items:top}.type-scale-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.type-scale-name{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-primary)}.type-scale-tag{font-family:var(--font-mono);line-height:var(--type-lh-text-r);font-size:14px;color:var(--ui-text-secondary)}.type-scale-specimen{min-width:0;overflow-wrap:break-word;text-wrap:balance}.eyebrow{font-family:var(--font-mono);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);letter-spacing:var(--type-ls-text-s);font-weight:var(--type-weight-caption);text-transform:uppercase}.type-scale-separator{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);letter-spacing:0.15em;text-transform:uppercase;color:var(--ui-text-tertiary);padding:var(--space-32) 0 var(--space-16);border-bottom:1px solid var(--ui-border-primary)}.type-color-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap-sm) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--size-grid-gap-sm)}.type-color-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.radius-row{display:-ms-grid;display:grid;-ms-grid-columns:220px var(--space-32) 1fr;grid-template-columns:220px 1fr;gap:var(--space-32);padding:var(--space-24) 0;border-bottom:1px solid var(--ui-border-primary);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.radius-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.radius-name{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-transform:uppercase;letter-spacing:0.1em}.radius-value{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.radius-demo{width:100%;height:80px;background:var(--ui-bg-card-primary);border:1px solid var(--ui-border-primary)}.density-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap-sm) 1fr var(--size-grid-gap-sm) 1fr;grid-template-columns:repeat(3,1fr);gap:var(--size-grid-gap-sm)}.density-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8)}.density-box{border:1px solid var(--ui-border-primary)}.density-inner{background:var(--ui-bg-card-primary)}.density-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.density-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-transform:uppercase;letter-spacing:0.1em;text-align:center;margin-bottom:var(--space-8)}.density-values{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-align:center}.padding-table{display:-ms-grid;display:grid;-ms-grid-columns:120px 0 1fr 0 1fr 0 1fr;grid-template-columns:120px repeat(3,1fr);gap:0}.padding-table-header{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--ui-text-tertiary);padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary)}.padding-table-cell{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary)}.padding-table-cell--name{color:var(--ui-text-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.spacing-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-16);padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary)}.spacing-bar{height:24px;background:var(--ui-bg-action-primary);border-radius:2px;-ms-flex-negative:0;flex-shrink:0}.spacing-info{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-12);font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);white-space:nowrap}.layout-wip-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--color-mustard);margin-bottom:var(--space-32)}.layout-table-header{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--ui-text-tertiary)}.layout-table-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary)}.layout-token-name{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.layout-token-value{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.wip-badge{display:inline-block;font-family:var(--font-mono);font-size:9px;line-height:1;padding:3px 6px;border-radius:3px;background:color-mix(in srgb,var(--color-mustard) 20%,transparent);color:var(--color-mustard);letter-spacing:0.05em}.elevation-row{display:-ms-grid;display:grid;-ms-grid-columns:220px var(--space-32) 1fr;grid-template-columns:220px 1fr;gap:var(--space-32);padding:var(--space-32) 0;border-bottom:1px solid var(--ui-border-primary);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.elevation-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.elevation-name{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-transform:uppercase;letter-spacing:0.1em}.elevation-var{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.elevation-card{background:var(--ui-bg-card-secondary);width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:var(--space-16)}.elevation-value{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.elevation-dark-strip{border-radius:8px}.elevation-dark-title{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-alt-display);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-32)}.elevation-dark-note{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-alt-secondary);margin-bottom:var(--space-40);max-width:560px}.elevation-dark-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap-sm) 1fr var(--size-grid-gap-sm) 1fr var(--size-grid-gap-sm) 1fr var(--size-grid-gap-sm) 1fr;grid-template-columns:repeat(5,1fr);gap:var(--size-grid-gap-sm)}.elevation-dark-card-wrap{min-width:0}.elevation-dark-card{height:80px;width:100%}.elevation-dark-label{display:block;font-family:var(--font-mono);font-size:9px;color:var(--ui-text-alt-secondary);margin-top:var(--space-8);overflow-wrap:break-word}.btn-variant-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-24)}.btn-variant-descriptions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);margin-bottom:var(--space-16)}.btn-variant-desc{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.btn-variant-desc p{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.btn-size-row{display:-ms-grid;display:grid;-ms-grid-columns:120px var(--space-24) 1fr;grid-template-columns:120px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--ui-border-primary)}.btn-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.btn-states-grid{display:-ms-grid;display:grid;-ms-grid-columns:100px var(--space-12) 1fr var(--space-12) 1fr var(--space-12) 1fr var(--space-12) 1fr var(--space-12) 1fr;grid-template-columns:100px repeat(5,1fr);gap:var(--space-12);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-states-header{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-transform:uppercase;letter-spacing:0.05em;padding-bottom:var(--space-12);border-bottom:1px solid var(--ui-border-primary)}.btn-states-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);padding:var(--space-12) 0}.btn-states-cell{padding:var(--space-12) 0}.btn-icon-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-dark-strip{border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tokens-layout{display:-ms-grid;display:grid;-ms-grid-columns:200px var(--space-48) 1fr;grid-template-columns:200px 1fr;gap:var(--space-48)}.tokens-nav{position:sticky;top:0;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-4)}.tokens-nav-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);text-transform:uppercase;letter-spacing:0.1em;color:var(--ui-text-tertiary);opacity:0.6;margin-bottom:var(--space-8)}.tokens-nav-link{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);text-transform:uppercase;letter-spacing:0.05em;line-height:2;color:var(--ui-text-tertiary);text-decoration:none;-webkit-transition:color 0.15s;transition:color 0.15s}.tokens-nav-link:hover{color:var(--ui-text-primary)}.tokens-search{width:100%;font-family:var(--font-body);font-size:var(--type-size-text-s);padding:var(--space-8) var(--space-12);border:1px solid var(--ui-border-primary);background:var(--ui-bg-base-primary);color:var(--ui-text-primary);margin-bottom:var(--space-48);outline:none}.tokens-search:focus{border-color:var(--ui-accent-primary)}.token-collection-summary{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-32)}.token-mode-switcher{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-4);margin-bottom:var(--space-24)}.token-mode-btn{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);padding:var(--space-4) var(--space-12);border:1px solid var(--ui-border-primary);background:var(--ui-bg-base-primary);color:var(--ui-text-tertiary);cursor:pointer;-webkit-transition:all 0.15s;transition:all 0.15s}.token-mode-btn.is-active{background:var(--ui-bg-action-primary);border-color:var(--ui-bg-action-primary);color:var(--ui-text-display)}.token-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-16) 1fr var(--space-16) auto;grid-template-columns:1fr 1fr auto;gap:var(--space-16);-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary)}.token-css-name{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-primary);overflow-wrap:break-word;min-width:0}.token-figma-path{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);overflow-wrap:break-word;min-width:0}.token-alias-badge{font-family:var(--font-mono);font-size:9px;color:var(--color-mustard)}.token-color-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.token-swatch{width:32px;height:32px;-ms-flex-negative:0;flex-shrink:0;border-radius:2px;overflow:hidden}.token-color-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1px}.token-color-hex{font-family:var(--font-mono);font-size:9px;color:var(--ui-text-tertiary)}.token-alias-source{font-family:var(--font-mono);font-size:9px;color:var(--ui-text-tertiary);opacity:0.7}.token-string-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.token-font-specimen{font-size:20px;color:var(--ui-text-display);line-height:1}.token-string-value{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.token-float-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);min-width:120px}.token-float-bar-track{-webkit-box-flex:1;-ms-flex:1;flex:1;height:4px;background:var(--ui-border-primary);border-radius:2px;min-width:60px}.token-float-bar{height:100%;background:var(--ui-bg-action-primary);border-radius:2px}.token-float-value{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);white-space:nowrap}.btn{font-family:var(--font-heading);font-weight:var(--type-weight-heading);letter-spacing:var(--type-ls-h6);border:none;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-8);-webkit-transition:background 0.15s,color 0.15s,-webkit-box-shadow 0.15s;transition:background 0.15s,color 0.15s,-webkit-box-shadow 0.15s;transition:background 0.15s,color 0.15s,box-shadow 0.15s;transition:background 0.15s,color 0.15s,box-shadow 0.15s,-webkit-box-shadow 0.15s;white-space:nowrap;text-decoration:none;border-radius:var(--radius-full)}.btn--lg{font-size:var(--type-size-text-m);padding:var(--space-16) var(--space-32)}.btn--md{font-size:var(--type-size-text-s);padding:var(--space-12) var(--space-24)}.btn--sm{font-size:var(--type-size-text-tiny);padding:var(--space-8) var(--space-16)}.btn--primary{background:var(--ui-bg-action-primary);color:var(--color-foliage)}.btn--primary.is-hover,.btn--primary:hover{background:var(--ui-bg-action-primary-hover)}.btn--primary.is-active,.btn--primary:active{background:var(--ui-bg-action-primary-active)}.btn--primary.is-disabled,.btn--primary:disabled{background:var(--ui-bg-action-primary-disabled);opacity:0.5;cursor:not-allowed}.btn--secondary{background:var(--ui-bg-action-secondary);color:var(--ui-bg-action-primary)}.btn--secondary.is-hover,.btn--secondary:hover{background:var(--ui-bg-action-secondary-hover)}.btn--secondary.is-active,.btn--secondary:active{background:var(--ui-bg-action-secondary-active)}.btn--secondary.is-disabled,.btn--secondary:disabled{background:var(--ui-bg-action-secondary-disabled);cursor:not-allowed}.btn--tertiary{background:var(--ui-bg-action-tertiary);color:var(--ui-text-primary);border:1px solid var(--ui-border-primary)}.btn--tertiary.is-hover,.btn--tertiary:hover{background:var(--ui-bg-action-tertiary-hover)}.btn--tertiary.is-active,.btn--tertiary:active{background:var(--ui-bg-action-tertiary-active)}.btn--tertiary.is-disabled,.btn--tertiary:disabled{background:var(--ui-bg-action-tertiary-disabled);cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ui-text-primary);border:1px solid var(--ui-border-primary)}.btn--ghost.is-hover,.btn--ghost:hover{background:var(--ui-bg-action-ghost-hover);border-color:var(--ui-border-secondary)}.btn--ghost.is-active,.btn--ghost:active{background:color-mix(in srgb,var(--ui-bg-action-primary) 8%,transparent)}.btn--ghost.is-disabled,.btn--ghost:disabled{opacity:0.4;cursor:not-allowed}.btn--text{background:transparent;color:var(--ui-text-primary);border:none;padding-left:0;padding-right:0}.btn--text.is-hover,.btn--text:hover{color:var(--ui-text-display)}.btn--text.is-disabled,.btn--text:disabled{opacity:0.4;cursor:not-allowed}.btn--icon-only{aspect-ratio:1/1;padding:var(--space-12)}.btn svg{-ms-flex-negative:0;flex-shrink:0}.btn--loading{pointer-events:none;opacity:0.7}.btn--loading .btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:btn-spin 0.6s linear infinite;animation:btn-spin 0.6s linear infinite}@-webkit-keyframes btn-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes btn-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.btn-variant-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-24)}.btn-variant-descriptions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);margin-bottom:var(--space-16)}.btn-variant-desc{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.btn-variant-desc p{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.btn-size-row{display:-ms-grid;display:grid;-ms-grid-columns:120px var(--space-24) 1fr;grid-template-columns:120px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--ui-border-primary)}.btn-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.btn-states-grid{display:-ms-grid;display:grid;-ms-grid-columns:100px var(--space-12) 1fr var(--space-12) 1fr var(--space-12) 1fr var(--space-12) 1fr var(--space-12) 1fr;grid-template-columns:100px repeat(5,1fr);gap:var(--space-12);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-states-header{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-transform:uppercase;letter-spacing:0.05em;padding-bottom:var(--space-12);border-bottom:1px solid var(--ui-border-primary)}.btn-states-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);padding:var(--space-12) 0}.btn-states-cell{padding:var(--space-12) 0}.btn-icon-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-dark-strip{border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-6)}.input-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;color:var(--ui-text-secondary)}.input-hint{font-family:var(--font-body);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.input-error{font-family:var(--font-body);font-size:var(--type-size-text-tiny);color:var(--primitive-color-error)}.input{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-primary);background:var(--ui-bg-base-primary);border:1px solid var(--ui-border-primary);border-radius:var(--radius-sm);width:100%;outline:none;-webkit-transition:border-color 0.15s,-webkit-box-shadow 0.15s;transition:border-color 0.15s,-webkit-box-shadow 0.15s;transition:border-color 0.15s,box-shadow 0.15s;transition:border-color 0.15s,box-shadow 0.15s,-webkit-box-shadow 0.15s}.input::-webkit-input-placeholder{color:var(--ui-text-placeholder)}.input::-moz-placeholder{color:var(--ui-text-placeholder)}.input:-ms-input-placeholder{color:var(--ui-text-placeholder)}.input::-ms-input-placeholder{color:var(--ui-text-placeholder)}.input::placeholder{color:var(--ui-text-placeholder)}.input:hover{border-color:var(--ui-border-secondary)}.input.is-focus,.input:focus{border-color:var(--ui-border-focus);-webkit-box-shadow:0 0 0 3px color-mix(in srgb,var(--color-green) 20%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-green) 20%,transparent)}.input:disabled{background:var(--ui-bg-card-primary);color:var(--ui-text-disabled);cursor:not-allowed}.input.is-error{border-color:var(--ui-border-error)}.input.is-success{border-color:var(--primitive-color-success)}.input--lg{padding:var(--space-16) var(--space-16);font-size:var(--type-size-text-m)}.input--md{padding:var(--space-12) var(--space-16)}.input--sm{padding:var(--space-8) var(--space-12);font-size:var(--type-size-text-tiny)}.input--textarea{resize:vertical;min-height:120px;padding:var(--space-12) var(--space-16)}.input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23908d84' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='4,6 8,10 12,6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-12) center;padding-right:var(--space-40);cursor:pointer}.input--dark{background:var(--primitive-color-neutral-darker);border-color:var(--primitive-color-neutral-dark);color:var(--ui-text-alt-primary)}.input--dark::-webkit-input-placeholder{color:var(--ui-text-alt-tertiary)}.input--dark::-moz-placeholder{color:var(--ui-text-alt-tertiary)}.input--dark:-ms-input-placeholder{color:var(--ui-text-alt-tertiary)}.input--dark::-ms-input-placeholder{color:var(--ui-text-alt-tertiary)}.input--dark::placeholder{color:var(--ui-text-alt-tertiary)}.input-icon-wrap{position:relative}.input-icon-wrap .input{padding-left:var(--space-40)}.input-icon{position:absolute;left:var(--space-12);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--ui-icon-secondary);pointer-events:none;width:16px;height:16px}.input-group{display:-ms-grid;display:grid;gap:var(--space-8)}.checkbox-wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);cursor:pointer}.checkbox-wrap.is-disabled{opacity:0.4;cursor:not-allowed}.checkbox{width:18px;height:18px;border:1.5px solid var(--ui-border-primary);border-radius:var(--radius-sm);background:var(--ui-bg-base-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all 0.15s;transition:all 0.15s}.checkbox.is-checked{background:var(--ui-bg-action-primary);border-color:var(--ui-bg-action-primary);color:var(--color-foliage)}.checkbox.is-indeterminate{background:var(--ui-bg-action-primary);border-color:var(--ui-bg-action-primary);color:var(--color-foliage)}.checkbox-label{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);cursor:pointer}.radio-wrap.is-disabled{opacity:0.4;cursor:not-allowed}.radio{width:18px;height:18px;border:1.5px solid var(--ui-border-primary);border-radius:var(--radius-full);background:var(--ui-bg-base-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all 0.15s;transition:all 0.15s}.radio.is-checked{border-color:var(--ui-bg-action-primary)}.radio.is-checked .radio__dot{-webkit-transform:scale(1);transform:scale(1)}.radio__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--ui-bg-action-primary);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s;transition:-webkit-transform 0.15s;transition:transform 0.15s;transition:transform 0.15s,-webkit-transform 0.15s}.radio-label{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch-wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);cursor:pointer}.switch-wrap.is-disabled{opacity:0.4;cursor:not-allowed}.switch{width:36px;height:20px;border-radius:var(--radius-full);background:var(--ui-border-primary);position:relative;-webkit-transition:background 0.2s;transition:background 0.2s;-ms-flex-negative:0;flex-shrink:0}.switch__thumb{position:absolute;width:14px;height:14px;border-radius:var(--radius-full);background:white;top:3px;left:3px;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s;-webkit-box-shadow:var(--elevation-low);box-shadow:var(--elevation-low)}.switch.is-checked{background:var(--ui-bg-action-primary)}.switch.is-checked .switch__thumb{-webkit-transform:translateX(16px);transform:translateX(16px)}.switch-label{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-demo-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-32) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--space-32)}.input-size-row{display:-ms-grid;display:grid;-ms-grid-columns:120px var(--space-24) 1fr;grid-template-columns:120px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--ui-border-primary)}.input-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.input-icon-demo-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-32) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--space-32)}.input-dark-strip{border-radius:8px;display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-32) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--space-32)}.control-states-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-32);margin-bottom:var(--space-32)}.control-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-12);max-width:320px}.control-group-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;color:var(--ui-text-secondary);margin-bottom:var(--space-4)}.switch-settings-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:400px}.switch-settings-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary)}.switch-settings-row:last-child{border-bottom:none}.switch-settings-label{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-primary)}.badge{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);line-height:1;white-space:nowrap}.badge--green{background:color-mix(in srgb,var(--color-green) 20%,transparent);color:var(--color-foliage)}.badge--foliage{background:var(--color-foliage);color:var(--color-green)}.badge--linen{background:var(--color-linen);color:var(--ui-text-primary)}.badge--mustard{background:color-mix(in srgb,var(--color-mustard) 20%,transparent);color:var(--primitive-color-brand-support-2-800)}.badge--mint{background:color-mix(in srgb,var(--color-mint) 20%,transparent);color:var(--primitive-color-brand-support-3-800)}.badge--pink{background:color-mix(in srgb,var(--color-pink) 20%,transparent);color:var(--primitive-color-brand-support-4-800)}.badge--violet{background:color-mix(in srgb,var(--color-violet) 20%,transparent);color:var(--primitive-color-brand-support-5-800)}.badge--neutral{background:var(--ui-bg-card-primary);color:var(--ui-text-secondary);border:1px solid var(--ui-border-primary)}.badge--success{background:var(--ui-system-success-bg);color:var(--ui-system-success-text)}.badge--error{background:var(--ui-system-error-bg);color:var(--ui-system-error-text)}.badge--warning{background:var(--ui-system-warning-bg);color:var(--ui-system-warning-text)}.badge--info{background:var(--ui-system-info-bg);color:var(--ui-system-info-text)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;-ms-flex-negative:0;flex-shrink:0}.badge--lg{font-size:calc(var(--type-size-text-tiny) + 1px);padding:var(--space-6) var(--space-12)}.badge-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.badge-size-row{display:-ms-grid;display:grid;-ms-grid-columns:120px var(--space-24) 1fr;grid-template-columns:120px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--ui-border-primary)}.badge-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.badge-context-card{background:var(--ui-bg-card-primary);padding:var(--space-24);border:1px solid var(--ui-border-primary)}.badge-context-card+.badge-context-card{margin-top:var(--space-16)}.badge-context-provider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.badge-context-provider-name{font-family:var(--font-heading);font-weight:var(--type-weight-heading);font-size:var(--type-size-body);color:var(--ui-text-primary);margin-right:auto}.badge-context-task{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.badge-context-checkbox{width:16px;height:16px;border:1px solid var(--ui-border-primary);border-radius:var(--radius-sm);-ms-flex-negative:0;flex-shrink:0}.badge-context-task-text{font-family:var(--font-body);font-size:var(--type-size-body);color:var(--ui-text-primary);-webkit-box-flex:1;-ms-flex:1;flex:1}.badge-context-eyebrow-heading{font-family:var(--font-heading);font-size:var(--type-size-h4);color:var(--ui-text-primary);margin-top:var(--space-8)}.badge-dark-strip{border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.card{background:var(--ui-bg-card-secondary);border:1px solid var(--ui-border-primary);border-radius:var(--radius-none);padding:var(--size-card-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-16)}.card--elevated{border:none;-webkit-box-shadow:var(--elevation-low);box-shadow:var(--elevation-low)}.card--filled{background:var(--ui-bg-card-primary);border:none}.card--green{background:var(--color-green);border:none}.card--foliage{background:var(--color-foliage);border:none}.card--linen{background:var(--color-linen);border:none}.card--mustard{background:var(--color-mustard);border:none}.card--mint{background:var(--color-mint);border:none}.card--interactive{cursor:pointer;-webkit-transition:-webkit-box-shadow 0.15s,-webkit-transform 0.15s;transition:-webkit-box-shadow 0.15s,-webkit-transform 0.15s;transition:box-shadow 0.15s,transform 0.15s;transition:box-shadow 0.15s,transform 0.15s,-webkit-box-shadow 0.15s,-webkit-transform 0.15s}.card--interactive:hover{-webkit-box-shadow:var(--elevation-medium);box-shadow:var(--elevation-medium);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card--interactive:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:var(--elevation-low);box-shadow:var(--elevation-low)}.card__eyebrow{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.1em;text-transform:uppercase;color:var(--ui-text-tertiary)}.card__title{font-family:var(--font-heading);font-size:var(--type-size-h4);line-height:var(--type-lh-h4);letter-spacing:var(--type-ls-h4);font-weight:var(--type-weight-heading);color:var(--ui-text-display)}.card__body{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-secondary)}.card__footer{margin-top:auto;padding-top:var(--space-16);border-top:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card__media{margin:calc(var(--size-card-padding) * -1);margin-bottom:0;background:var(--ui-bg-card-primary);height:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--ui-text-tertiary);font-family:var(--font-mono);font-size:var(--type-size-text-tiny)}.card-variant-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-32) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--space-32)}.card-variant-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8)}.card-variant-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.card-color-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-16) 1fr var(--space-16) 1fr var(--space-16) 1fr var(--space-16) 1fr var(--space-16) 1fr;grid-template-columns:repeat(6,1fr);gap:var(--space-16)}.card-media-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-32) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--space-32)}.card-interactive-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-32) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--space-32)}.card-interactive-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-16)}.card-grid-demo{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr var(--size-grid-gap) 1fr;grid-template-columns:repeat(3,1fr);gap:var(--size-grid-gap)}.topbar{height:56px;background:var(--ui-bg-base-primary);border-bottom:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--space-24);gap:var(--space-24);position:relative}.topbar__brand{font-family:var(--font-heading);font-weight:var(--type-weight-heading);font-size:var(--type-size-text-m);color:var(--ui-text-display);text-decoration:none;letter-spacing:var(--type-ls-h6)}.topbar__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-4);margin-left:var(--space-16)}.topbar__nav-item{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary);text-decoration:none;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);-webkit-transition:background 0.15s,color 0.15s;transition:background 0.15s,color 0.15s}.topbar__nav-item:hover{background:var(--ui-bg-card-primary);color:var(--ui-text-primary)}.topbar__nav-item.is-active{background:var(--ui-bg-card-primary);color:var(--ui-text-display);font-weight:var(--type-weight-body-strong)}.topbar__actions{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.sidenav{width:240px;background:var(--ui-bg-base-secondary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--space-24) 0}.sidenav__section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--ui-text-alt-display);opacity:0.35;padding:var(--space-20) var(--space-24) var(--space-6)}.sidenav__item{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-alt-secondary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-24);text-decoration:none;border-left:2px solid transparent;-webkit-transition:color 0.15s,background 0.15s;transition:color 0.15s,background 0.15s}.sidenav__item:hover{color:var(--ui-text-alt-display);background:rgba(255,255,255,0.04)}.sidenav__item.is-active{color:var(--ui-bg-action-primary);border-left-color:var(--ui-bg-action-primary);background:rgba(255,255,255,0.04)}.sidenav__item-dot{width:5px;height:5px;border-radius:var(--radius-full);background:currentColor;opacity:0.4;-ms-flex-negative:0;flex-shrink:0}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid var(--ui-border-primary);gap:0}.tabs--pill{border-bottom:none;background:var(--ui-bg-card-primary);padding:var(--space-4);border-radius:var(--radius-full);gap:var(--space-2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tabs--pill .tab{border-bottom:none;border-radius:var(--radius-full);padding:var(--space-6) var(--space-16);margin-bottom:0}.tabs--pill .tab:hover{background:var(--ui-bg-card-secondary)}.tabs--pill .tab.is-active{background:var(--ui-bg-card-secondary);color:var(--ui-text-display);-webkit-box-shadow:var(--elevation-subtle);box-shadow:var(--elevation-subtle)}.tab{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;color:var(--ui-text-tertiary);padding:var(--space-12) var(--space-20);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;text-decoration:none;-webkit-transition:color 0.15s,border-color 0.15s;transition:color 0.15s,border-color 0.15s;background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--ui-text-primary)}.tab.is-active{color:var(--ui-text-display);border-bottom-color:var(--ui-bg-action-primary)}.breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);font-family:var(--font-mono);font-size:var(--type-size-text-tiny);letter-spacing:0.06em}.breadcrumb__item{color:var(--ui-text-tertiary);text-decoration:none;-webkit-transition:color 0.15s;transition:color 0.15s}.breadcrumb__item:hover{color:var(--ui-text-primary)}.breadcrumb__item.is-current{color:var(--ui-text-primary);pointer-events:none}.breadcrumb__sep{color:var(--ui-text-tertiary);opacity:0.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-demo-box{border:1px solid var(--ui-border-primary);overflow:hidden}.nav-demo-box+.nav-demo-box{margin-top:var(--space-24)}.nav-demo-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-top:var(--space-16)}.nav-sidebar-demo{border:1px solid var(--ui-border-primary);height:400px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-sidebar-brand{font-family:var(--font-heading);font-weight:var(--type-weight-heading);color:var(--ui-text-alt-display);padding:0 var(--space-24);margin-bottom:var(--space-8)}.nav-sidebar-footer{margin-top:auto;padding:var(--space-16) var(--space-24);border-top:1px solid rgba(255,255,255,0.08);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.nav-sidebar-footer-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-green);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--color-foliage);-ms-flex-negative:0;flex-shrink:0}.nav-sidebar-footer-name{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-alt-secondary);-webkit-box-flex:1;-ms-flex:1;flex:1}.nav-sidebar-footer-link{font-family:var(--font-mono);font-size:10px;color:var(--ui-text-alt-secondary);text-decoration:none;opacity:0.5}.nav-tabs-content{height:80px;background:var(--ui-bg-card-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.nav-tabs-demos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-32)}.nav-breadcrumb-demos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-24)}.nav-topbar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-green);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:var(--type-weight-body-strong);color:var(--color-foliage);-ms-flex-negative:0;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:var(--ui-bg-overlay);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--space-24);z-index:1000;opacity:0;pointer-events:none;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.modal-overlay.is-open{opacity:1;pointer-events:all}.modal-overlay.is-open .modal{-webkit-transform:translateY(0);transform:translateY(0)}.modal{background:var(--ui-bg-base-primary);border:1px solid var(--ui-border-primary);-webkit-box-shadow:var(--elevation-overlay);box-shadow:var(--elevation-overlay);border-radius:var(--radius-md);width:100%;max-width:560px;max-height:90vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s}.modal--sm{max-width:400px}.modal--lg{max-width:720px}.modal--full{max-width:calc(100vw - var(--space-48));max-height:calc(100vh - var(--space-48))}.modal__header{padding:var(--space-24) var(--space-24) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--space-16);-ms-flex-negative:0;flex-shrink:0}.modal__header-text{-webkit-box-flex:1;-ms-flex:1;flex:1}.modal__title{font-family:var(--font-heading);font-weight:var(--type-weight-heading);font-size:var(--type-size-h4);line-height:var(--type-lh-h4);letter-spacing:var(--type-ls-h4);color:var(--ui-text-display)}.modal__subtitle{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary);margin-top:var(--space-4)}.modal__close{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--ui-icon-secondary);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background 0.15s,color 0.15s;transition:background 0.15s,color 0.15s}.modal__close:hover{background:var(--ui-bg-card-primary);color:var(--ui-text-primary)}.modal__body{padding:var(--space-24);overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-secondary)}.modal__footer{padding:var(--space-16) var(--space-24);border-top:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--space-8);-ms-flex-negative:0;flex-shrink:0}.modal__footer--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.modal__footer--split{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal__divider{height:1px;background:var(--ui-border-primary);margin:0 var(--space-24)}.modal-demo-container{background:var(--ui-bg-card-primary);padding:var(--space-32);border:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-demo-container .modal{position:relative;-webkit-transform:none;transform:none;max-height:none;-webkit-transition:opacity 0.2s,-webkit-transform 0.2s;transition:opacity 0.2s,-webkit-transform 0.2s;transition:opacity 0.2s,transform 0.2s;transition:opacity 0.2s,transform 0.2s,-webkit-transform 0.2s}.modal-demo-container.is-hidden .modal{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px);pointer-events:none}.modal-demo-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-12)}.modal-demo-toggle{margin-bottom:var(--space-12)}.modal-sizes-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-24) 1fr var(--space-24) 1fr;grid-template-columns:repeat(3,1fr);gap:var(--space-24)}.modal-sizes-grid .modal-demo-container{padding:var(--space-16)}.modal-sizes-grid .modal{max-width:none}.modal-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-align:center;margin-top:var(--space-8)}.modal-scroll-container{background:var(--ui-bg-card-primary);padding:var(--space-32);border:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-scroll-container .modal{position:relative;-webkit-transform:none;transform:none;max-height:400px}.modal-warning-callout{background:var(--ui-system-warning-bg);padding:var(--space-12) var(--space-16);font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-system-warning-text);margin-top:var(--space-12)}.alert{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--space-12);padding:var(--space-16) var(--space-20);border-left:3px solid transparent;font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s)}.alert--success{background:var(--ui-system-success-bg);border-left-color:var(--ui-system-success-text);color:var(--ui-system-success-text)}.alert--error{background:var(--ui-system-error-bg);border-left-color:var(--ui-system-error-text);color:var(--ui-system-error-text)}.alert--warning{background:var(--ui-system-warning-bg);border-left-color:var(--ui-system-warning-text);color:var(--ui-system-warning-text)}.alert--info{background:var(--ui-system-info-bg);border-left-color:var(--ui-system-info-text);color:var(--ui-system-info-text)}.alert--neutral{background:var(--ui-bg-card-primary);border-left-color:var(--ui-border-secondary);color:var(--ui-text-primary)}.alert--brand{background:color-mix(in srgb,var(--color-green) 15%,transparent);border-left-color:var(--color-foliage);color:var(--color-foliage)}.alert--dismissible{padding-right:var(--space-12)}.alert__icon{width:16px;height:16px;-ms-flex-negative:0;flex-shrink:0;margin-top:2px}.alert__content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-4)}.alert__title{font-weight:var(--type-weight-body-strong);color:inherit}.alert__body{color:inherit;opacity:0.85}.alert__action{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;color:inherit;text-decoration:underline;cursor:pointer;margin-top:var(--space-8);display:inline-block;background:none;border:none;padding:0}.alert__action:hover{opacity:0.7}.alert__close{width:20px;height:20px;border:none;background:transparent;color:inherit;opacity:0.5;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.alert__close:hover{opacity:1}.toast-stack{position:fixed;bottom:var(--space-24);right:var(--space-24);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8);z-index:1100;width:360px;pointer-events:none}.toast{background:var(--ui-bg-base-secondary);color:var(--ui-text-alt-display);border-radius:var(--radius-md);padding:var(--space-16) var(--space-20);-webkit-box-shadow:var(--elevation-high);box-shadow:var(--elevation-high);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--space-12);pointer-events:all;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.2s,-webkit-transform 0.2s;transition:opacity 0.2s,-webkit-transform 0.2s;transition:transform 0.2s,opacity 0.2s;transition:transform 0.2s,opacity 0.2s,-webkit-transform 0.2s;font-family:var(--font-body);font-size:var(--type-size-text-s)}.toast.is-exiting{-webkit-transform:translateX(120%);transform:translateX(120%);opacity:0}.toast__indicator{width:8px;height:8px;border-radius:var(--radius-full);-ms-flex-negative:0;flex-shrink:0;margin-top:4px}.toast--success .toast__indicator{background:var(--ui-system-success-text)}.toast--error .toast__indicator{background:var(--ui-system-error-text)}.toast--warning .toast__indicator{background:var(--ui-system-warning-text)}.toast--info .toast__indicator{background:var(--ui-system-info-text)}.toast__content{-webkit-box-flex:1;-ms-flex:1;flex:1}.toast__title{font-weight:var(--type-weight-body-strong);color:var(--ui-text-alt-display);margin-bottom:var(--space-2)}.toast__body{color:var(--ui-text-alt-secondary);font-size:var(--type-size-text-tiny)}.toast__close{width:20px;height:20px;border:none;background:transparent;color:var(--ui-text-alt-secondary);opacity:0.5;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.toast__close:hover{opacity:1}.alert-stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-12)}.alert-toast-demo{background:var(--ui-bg-card-primary);padding:var(--space-32);min-height:280px;position:relative;overflow:hidden;border:1px solid var(--ui-border-primary)}.alert-toast-demo-stack{position:absolute;bottom:var(--space-24);right:var(--space-24);width:320px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8)}.alert-toast-triggers{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-8);margin-bottom:var(--space-16)}.alert-context-card{background:var(--ui-bg-card-secondary);border:1px solid var(--ui-border-primary);padding:var(--size-card-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-16);max-width:560px}.alert-context-title{font-family:var(--font-heading);font-weight:var(--type-weight-heading);font-size:var(--type-size-h4);color:var(--ui-text-display)}.avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--radius-full);font-family:var(--font-mono);font-weight:var(--type-weight-caption);letter-spacing:0.05em;text-transform:uppercase;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.avatar--xs{width:24px;height:24px;font-size:9px}.avatar--sm{width:32px;height:32px;font-size:11px}.avatar--md{width:40px;height:40px;font-size:13px}.avatar--lg{width:56px;height:56px;font-size:18px}.avatar--xl{width:80px;height:80px;font-size:24px}.avatar--green{background:var(--color-green);color:var(--color-foliage)}.avatar--foliage{background:var(--color-foliage);color:var(--color-green)}.avatar--mustard{background:var(--color-mustard);color:var(--primitive-color-brand-support-2-800)}.avatar--mint{background:var(--color-mint);color:var(--primitive-color-brand-support-3-800)}.avatar--violet{background:var(--color-violet);color:var(--primitive-color-brand-support-5-800)}.avatar--neutral{background:var(--ui-bg-card-primary);color:var(--ui-text-secondary);border:1px solid var(--ui-border-primary)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.avatar__status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--ui-bg-base-primary)}.avatar__status--online{background:var(--ui-system-success-text)}.avatar__status--away{background:var(--ui-system-warning-text)}.avatar__status--offline{background:var(--ui-text-tertiary)}.avatar-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--ui-bg-base-primary)}.avatar-group .avatar:first-child{margin-left:0}.avatar-group__overflow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--radius-full);background:var(--ui-bg-card-primary);color:var(--ui-text-secondary);border:2px solid var(--ui-bg-base-primary);font-family:var(--font-mono);font-size:10px;margin-left:-8px;-ms-flex-negative:0;flex-shrink:0}.avatar-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.avatar-item__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.avatar-item__name{font-family:var(--font-body);font-size:var(--type-size-text-s);font-weight:var(--type-weight-body-strong);color:var(--ui-text-primary);line-height:1.2}.avatar-item__meta{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);letter-spacing:0.06em}.avatar-size-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:var(--space-24)}.avatar-size-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.avatar-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-align:center}.avatar-color-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-24)}.avatar-color-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.avatar-status-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-32)}.avatar-status-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.avatar-group-demo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-32)}.avatar-group-example{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8)}.avatar-group-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.avatar-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.avatar-list-item{padding:var(--space-16) 0;border-bottom:1px solid var(--ui-border-primary)}.avatar-list-item:first-child{padding-top:0}.avatar-list-item:last-child{border-bottom:none}.avatar-context-demos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-24)}.avatar-context-card-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-12)}.avatar-context-card-top-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-left:var(--space-12)}.avatar-context-badges{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-8);margin-top:var(--space-8)}.avatar-activity-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--space-12);padding:var(--space-16);background:var(--ui-bg-card-primary);border:1px solid var(--ui-border-primary)}.avatar-activity-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:var(--space-8);margin-bottom:var(--space-4)}.avatar-activity-time{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.avatar-activity-body{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--ui-text-secondary)}.progress-bar{width:100%;height:8px;background:var(--ui-border-primary);border-radius:var(--radius-full);overflow:hidden}.progress-bar--sm{height:4px}.progress-bar--lg{height:12px}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:var(--ui-bg-action-primary);-webkit-transition:width 0.4s ease;transition:width 0.4s ease}.progress-bar__fill--success{background:var(--ui-system-success-text)}.progress-bar__fill--warning{background:var(--ui-system-warning-text)}.progress-bar__fill--error{background:var(--ui-system-error-text)}.progress-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8)}.progress-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.progress-item__label{font-family:var(--font-body);font-size:var(--type-size-text-s);font-weight:var(--type-weight-body-strong);color:var(--ui-text-primary)}.progress-item__value{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0}.steps--labeled .step{gap:var(--space-8)}.step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.step__node{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--ui-border-primary);background:var(--ui-bg-base-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1}.step__connector{width:48px;height:2px;background:var(--ui-border-primary);-ms-flex-negative:0;flex-shrink:0}.step__connector.is-complete{background:var(--ui-bg-action-primary)}.step__label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);white-space:nowrap}.step.is-complete .step__node{background:var(--ui-bg-action-primary);border-color:var(--ui-bg-action-primary)}.step.is-complete .step__node svg{stroke:var(--ui-text-display)}.step.is-complete .step__label{color:var(--ui-text-secondary)}.step.is-active .step__node{border-color:var(--ui-bg-action-primary);background:var(--ui-bg-base-primary)}.step.is-active .step__node:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--ui-bg-action-primary)}.step.is-active .step__label{color:var(--ui-text-primary);font-weight:var(--type-weight-body-strong)}.step.is-error .step__node{border-color:var(--ui-system-error-text);background:var(--ui-system-error-bg)}.step.is-error .step__node svg{stroke:var(--ui-system-error-text)}.step.is-complete+.step__connector,.step.is-complete~.step__connector{background:var(--ui-bg-action-primary)}.spinner{width:24px;height:24px;border:2.5px solid var(--ui-border-primary);border-top-color:var(--ui-bg-action-primary);border-radius:var(--radius-full);-webkit-animation:spin 0.8s linear infinite;animation:spin 0.8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:3px}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.skeleton{background:var(--ui-border-primary);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,color-mix(in srgb,var(--ui-bg-card-primary) 50%,transparent)),to(transparent));background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ui-bg-card-primary) 50%,transparent) 50%,transparent 100%);-webkit-animation:shimmer 1.5s ease-in-out infinite;animation:shimmer 1.5s ease-in-out infinite}.skeleton--text{height:14px;width:100%;border-radius:2px}.skeleton--text-sm{height:10px;width:60%;border-radius:2px}.skeleton--heading{height:20px;width:40%;border-radius:2px}.skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--card{height:120px;width:100%;border-radius:var(--radius-md)}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.progress-demo-stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-24)}.progress-size-row{display:-ms-grid;display:grid;-ms-grid-columns:60px var(--space-16) 1fr;grid-template-columns:60px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-16);padding:var(--space-12) 0;border-bottom:1px solid var(--ui-border-primary)}.progress-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.steps-demo-stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-40)}.spinner-demo-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-32)}.spinner-demo-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.spinner-demo-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.spinner-btn-demo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.skeleton-demo-stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-32)}.skeleton-card-demo{padding:var(--space-24);background:var(--ui-bg-card-primary);border:1px solid var(--ui-border-primary);border-radius:var(--radius-md);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-16);max-width:360px}.skeleton-card-demo-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.skeleton-card-demo-lines{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8);-webkit-box-flex:1;-ms-flex:1;flex:1}.progress-context-card{padding:var(--space-24);background:var(--ui-bg-card-primary);border:1px solid var(--ui-border-primary);border-radius:var(--radius-md);max-width:480px}.progress-context-title{font-family:var(--font-body);font-size:var(--type-size-text-m);font-weight:var(--type-weight-body-strong);color:var(--ui-text-primary);margin-bottom:var(--space-4)}.progress-context-subtitle{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-16)}.progress-context-steps{margin-top:var(--space-24)}.progress-context-step-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12);padding:var(--space-8) 0}.progress-context-step-icon{width:20px;height:20px;border-radius:var(--radius-full);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.progress-context-step-icon--done{background:var(--ui-bg-action-primary)}.progress-context-step-icon--done svg{stroke:var(--ui-text-display)}.progress-context-step-icon--current{border:2px solid var(--ui-bg-action-primary);background:var(--ui-bg-base-primary)}.progress-context-step-icon--pending{border:2px solid var(--ui-border-primary);background:var(--ui-bg-base-primary)}.progress-context-step-text{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary)}.progress-context-step-text--done{color:var(--ui-text-tertiary);text-decoration:line-through}.progress-context-step-text--current{color:var(--ui-text-primary);font-weight:var(--type-weight-body-strong)}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--type-size-text-s)}.table th{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;color:var(--ui-text-tertiary);padding:var(--space-12) var(--space-16);text-align:left;border-bottom:1px solid var(--ui-border-primary);white-space:nowrap}.table td{padding:var(--space-12) var(--space-16);color:var(--ui-text-primary);border-bottom:1px solid var(--ui-border-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--ui-bg-card-primary)}.table--striped tbody tr:nth-child(2n) td{background:var(--ui-bg-card-primary)}.table--bordered td,.table--bordered th{border:1px solid var(--ui-border-primary)}.table__cell--mono{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-secondary)}.table__cell--strong{font-weight:var(--type-weight-body-strong);color:var(--ui-text-display)}.kv-list{display:-ms-grid;display:grid;-ms-grid-columns:auto var(--space-32) 1fr;grid-template-columns:auto 1fr;gap:var(--space-4) var(--space-32);-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.kv-list--wide{-ms-grid-columns:200px 1fr;grid-template-columns:200px 1fr}.kv__key{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;color:var(--ui-text-tertiary);padding:var(--space-8) 0;border-bottom:1px solid var(--ui-border-primary);white-space:nowrap}.kv__value{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-primary);padding:var(--space-8) 0;border-bottom:1px solid var(--ui-border-primary)}.stat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-4)}.stat__label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.1em;text-transform:uppercase;color:var(--ui-text-tertiary)}.stat__value{font-family:var(--font-heading);font-size:var(--type-size-h2);line-height:1;letter-spacing:var(--type-ls-h2);font-weight:var(--type-weight-heading);color:var(--ui-text-display)}.stat__delta{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-4)}.stat__delta--up{color:var(--ui-system-success-text)}.stat__delta--down{color:var(--ui-system-error-text)}.stat__delta--neutral{color:var(--ui-text-tertiary)}.stat__context{font-family:var(--font-body);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.timeline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.timeline:before{content:"";position:absolute;left:15px;top:var(--space-8);bottom:var(--space-8);width:2px;background:var(--ui-border-primary)}.timeline-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);padding-bottom:var(--space-24);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item__node{width:32px;height:32px;border-radius:var(--radius-full);background:var(--ui-bg-base-primary);border:2px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;z-index:1}.timeline-item--complete .timeline-item__node{background:var(--ui-bg-action-primary);border-color:var(--ui-bg-action-primary);color:var(--color-foliage)}.timeline-item--active .timeline-item__node{border-color:var(--ui-bg-action-primary);color:var(--ui-bg-action-primary)}.timeline-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:var(--space-4)}.timeline-item__date{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-4)}.timeline-item__title{font-family:var(--font-body);font-size:var(--type-size-text-s);font-weight:var(--type-weight-body-strong);color:var(--ui-text-primary);margin-bottom:var(--space-4)}.timeline-item__body{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary);line-height:var(--type-lh-text-s)}.empty-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:var(--space-64) var(--space-32);gap:var(--space-16)}.empty-state__icon{width:48px;height:48px;color:var(--ui-text-tertiary);opacity:0.4}.empty-state__title{font-family:var(--font-heading);font-size:var(--type-size-h5);font-weight:var(--type-weight-heading);color:var(--ui-text-primary)}.empty-state__body{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary);max-width:320px;line-height:var(--type-lh-text-s)}.data-display-kv-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr;grid-template-columns:1fr 1fr;gap:var(--size-grid-gap)}.data-display-stats-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr var(--size-grid-gap) 1fr var(--size-grid-gap) 1fr;grid-template-columns:repeat(4,1fr);gap:var(--size-grid-gap)}.data-display-stat-card{padding:var(--space-24)}.data-display-empty-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr;grid-template-columns:1fr 1fr;gap:var(--size-grid-gap)}.data-display-table-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--space-12);margin-top:var(--space-32)}.chip{font-family:var(--font-body);font-size:var(--type-size-text-s);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-16);border-radius:var(--radius-full);border:1.5px solid var(--ui-border-primary);background:transparent;color:var(--ui-text-primary);cursor:pointer;-webkit-transition:all 0.15s;transition:all 0.15s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chip:hover{background:var(--ui-bg-card-primary)}.chip.is-selected{background:var(--color-foliage);border-color:var(--color-foliage);color:var(--color-green)}.chip.is-selected:hover{opacity:0.9}.chip.is-disabled,.chip:disabled{opacity:0.4;cursor:not-allowed}.chip__dismiss{width:16px;height:16px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-green) 30%,transparent);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;color:inherit}.chip-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-8)}.chip-demo-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-16)}.chip-context-card{padding:var(--space-24)}.chip-context-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);font-weight:var(--type-weight-caption);letter-spacing:0.08em;text-transform:uppercase;color:var(--ui-text-secondary);margin-bottom:var(--space-12)}.chip-context-count{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-top:var(--space-16)}.btn-circle{border-radius:var(--radius-full);border:none;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all 0.15s;transition:all 0.15s}.btn-circle svg{-ms-flex-negative:0;flex-shrink:0}.btn-circle--sm{width:32px;height:32px}.btn-circle--sm svg{width:14px;height:14px}.btn-circle--md{width:48px;height:48px}.btn-circle--md svg{width:20px;height:20px}.btn-circle--lg{width:64px;height:64px}.btn-circle--lg svg{width:26px;height:26px}.btn-circle--xl{width:80px;height:80px}.btn-circle--xl svg{width:32px;height:32px}.btn-circle--primary{background:var(--ui-bg-action-primary);color:var(--color-foliage)}.btn-circle--primary:hover{background:var(--ui-bg-action-primary-hover)}.btn-circle--secondary{background:var(--ui-bg-action-secondary);color:var(--ui-bg-action-primary)}.btn-circle--secondary:hover{background:var(--ui-bg-action-secondary-hover)}.btn-circle--tertiary{background:var(--ui-bg-card-primary);color:var(--ui-text-primary);-webkit-box-shadow:var(--elevation-low);box-shadow:var(--elevation-low)}.btn-circle--tertiary:hover{background:var(--ui-bg-card-secondary)}.btn-circle--ghost{background:transparent;color:var(--ui-text-secondary);border:1.5px solid var(--ui-border-primary)}.btn-circle--ghost:hover{color:var(--ui-text-primary);border-color:var(--ui-border-secondary)}.btn-circle--destructive{background:var(--ui-system-error-bg);color:var(--ui-system-error-text)}.btn-circle--destructive:hover{opacity:0.85}.btn-circle-variant-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-32);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.btn-circle-variant-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12)}.btn-circle-variant-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.btn-circle-size-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:var(--space-24)}.btn-circle-size-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.btn-circle-size-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);text-align:center}.btn-circle-context-demos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-32)}.btn-circle-action-card{padding:var(--space-24);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.btn-circle-action-title{font-family:var(--font-body);font-size:var(--type-size-text-m);font-weight:var(--type-weight-body-strong);color:var(--ui-text-primary)}.btn-circle-action-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-8)}.btn-circle-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-16);padding:var(--space-48);border-radius:var(--radius-md)}.btn-circle-hero-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);letter-spacing:0.15em;text-transform:uppercase}.tooltip-wrap{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tooltip-wrap.is-open .tooltip,.tooltip-wrap:hover .tooltip{opacity:1}.tooltip{position:absolute;z-index:200;background:var(--ui-bg-base-secondary);color:var(--ui-text-alt-display);font-family:var(--font-body);font-size:var(--type-size-text-tiny);line-height:var(--type-lh-text-s);padding:var(--space-6) var(--space-12);border-radius:var(--radius-sm);pointer-events:none;opacity:0;-webkit-transition:opacity 0.15s;transition:opacity 0.15s;max-width:240px;white-space:normal}.tooltip:before{content:"";position:absolute;border:5px solid transparent}.tooltip--top{bottom:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip--top:before{top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-top-color:var(--ui-bg-base-secondary)}.tooltip--bottom{top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip--bottom:before{bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-bottom-color:var(--ui-bg-base-secondary)}.tooltip--left{right:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip--left:before{left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left-color:var(--ui-bg-base-secondary)}.tooltip--right{left:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip--right:before{right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-right-color:var(--ui-bg-base-secondary)}.popover-wrap{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.popover-wrap.is-open .popover{opacity:1;pointer-events:all;-webkit-transform:translateY(0);transform:translateY(0)}.popover-wrap.is-open .popover--bottom{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.popover-wrap.is-open .popover--top{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.popover-wrap.is-open .popover--left{-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}.popover-wrap.is-open .popover--right{-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}.popover{position:absolute;z-index:200;background:var(--ui-bg-base-primary);border:1px solid var(--ui-border-primary);-webkit-box-shadow:var(--elevation-medium);box-shadow:var(--elevation-medium);border-radius:var(--radius-md);padding:var(--space-16) var(--space-20);min-width:240px;max-width:320px;opacity:0;pointer-events:none;-webkit-transition:opacity 0.15s,-webkit-transform 0.15s;transition:opacity 0.15s,-webkit-transform 0.15s;transition:opacity 0.15s,transform 0.15s;transition:opacity 0.15s,transform 0.15s,-webkit-transform 0.15s;-webkit-transform:translateY(4px);transform:translateY(4px)}.popover--bottom{top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%) translateY(4px);transform:translateX(-50%) translateY(4px)}.popover--top{bottom:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%) translateY(-4px);transform:translateX(-50%) translateY(-4px)}.popover--left{right:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%) translateX(-4px);transform:translateY(-50%) translateX(-4px)}.popover--right{left:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%) translateX(4px);transform:translateY(-50%) translateX(4px)}.popover__title{font-family:var(--font-heading);font-size:var(--type-size-text-s);font-weight:var(--type-weight-body-strong);color:var(--ui-text-display);margin-bottom:var(--space-8)}.popover__body{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary);line-height:var(--type-lh-text-s)}.popover__footer{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--space-8)}.tooltip-placement-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-48);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--space-64) var(--space-32)}.tooltip-placement-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.tooltip-placement-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.tooltip-variants-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-32);-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--space-48) var(--space-32)}.tooltip-variant-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.tooltip-variant-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.popover-demo-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-48);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:var(--space-32) 0}.popover-demo-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);min-height:240px}.popover-demo-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary)}.list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--ui-border-primary);cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;text-decoration:none;color:var(--ui-text-primary);min-height:52px}.list-item:hover{background:var(--ui-bg-card-primary)}.list-item:last-child{border-bottom:none}.list-item.is-active{background:var(--ui-bg-card-primary);color:var(--ui-bg-action-primary)}.list-item.is-active .list-item__leading{color:var(--ui-bg-action-primary)}.list-item.is-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.list-item__leading{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--ui-icon-secondary)}.list-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-2);min-width:0}.list-item__label{font-family:var(--font-body);font-size:var(--type-size-text-s);font-weight:var(--type-weight-body-strong);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__meta{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);letter-spacing:0.04em}.list-item__trailing{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8);color:var(--ui-icon-tertiary)}.list-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ui-text-tertiary);padding:var(--space-16) var(--space-16) var(--space-4)}.list-demo-box{max-width:360px;border:1px solid var(--ui-border-primary);border-radius:var(--radius-md);overflow:hidden}.list-demo-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-16)}.list-demo-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr;grid-template-columns:1fr 1fr;gap:var(--size-grid-gap)}.care-timeline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding-left:var(--space-40)}.care-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--ui-border-primary)}.care-timeline__month{font-family:var(--font-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ui-text-tertiary);padding-bottom:var(--space-16);position:relative;left:calc(-1 * var(--space-40));padding-left:var(--space-40);border-bottom:1px solid var(--ui-border-primary);margin-bottom:var(--space-24);width:calc(100% + var(--space-40))}.care-event{position:relative;padding-bottom:var(--space-32)}.care-event:last-child{padding-bottom:0}.care-event__node{position:absolute;left:calc(-1 * var(--space-40) + 7px);top:0;width:18px;height:18px;border-radius:var(--radius-full);border:2px solid var(--ui-border-primary);background:var(--ui-bg-base-primary);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.care-event--complete .care-event__node{background:var(--ui-bg-action-primary);border-color:var(--ui-bg-action-primary);color:var(--color-foliage)}.care-event--milestone .care-event__node{width:22px;height:22px;left:calc(-1 * var(--space-40) + 5px);background:var(--ui-bg-action-primary);border-color:var(--ui-bg-action-primary)}.care-event--upcoming .care-event__node{border-color:var(--ui-border-secondary);border-style:dashed}.care-event--alert .care-event__node{background:var(--ui-system-warning-bg);border-color:var(--ui-system-warning-text)}.care-event__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:var(--space-12);margin-bottom:var(--space-4)}.care-event__date{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);letter-spacing:0.06em;white-space:nowrap}.care-event__title{font-family:var(--font-body);font-size:var(--type-size-text-s);font-weight:var(--type-weight-body-strong);color:var(--ui-text-primary)}.care-event__body{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary);line-height:var(--type-lh-text-s);margin-bottom:var(--space-8)}.care-event__tags{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-6);-ms-flex-wrap:wrap;flex-wrap:wrap}.care-event__card{margin-top:var(--space-12);background:var(--ui-bg-card-primary);border:1px solid var(--ui-border-primary);padding:var(--space-16) var(--space-20);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8)}.care-timeline-demo-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-16)}.event-type-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr;grid-template-columns:1fr 1fr;gap:var(--size-grid-gap)}.event-type-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-12);padding:var(--space-20);border:1px solid var(--ui-border-primary);border-radius:var(--radius-md)}.event-type-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);letter-spacing:0.08em}.event-type-desc{font-family:var(--font-body);font-size:var(--type-size-text-s);color:var(--ui-text-secondary)}.provider-card{background:var(--ui-bg-base-primary);border:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s,-webkit-box-shadow 0.15s}.provider-card:hover{-webkit-box-shadow:var(--elevation-medium);box-shadow:var(--elevation-medium)}.provider-card--compact .provider-card__body{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;padding:var(--space-12) var(--space-24)}.provider-card__header{padding:var(--space-20) var(--space-24) var(--space-16);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-bottom:1px solid var(--ui-border-primary)}.provider-card__logo{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--ui-bg-card-primary);border:1px solid var(--ui-border-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);-ms-flex-negative:0;flex-shrink:0}.provider-card__info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.provider-card__name{font-family:var(--font-heading);font-size:var(--type-size-h5);font-weight:var(--type-weight-heading);color:var(--ui-text-display);line-height:1.2;margin-bottom:var(--space-4)}.provider-card__type{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:var(--space-8)}.provider-card__tags{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-4);-ms-flex-wrap:wrap;flex-wrap:wrap}.provider-card__body{padding:var(--space-16) var(--space-24);display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--space-24) 1fr;grid-template-columns:1fr 1fr;gap:var(--space-12) var(--space-24);border-bottom:1px solid var(--ui-border-primary)}.provider-card__stat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-2)}.provider-card__stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ui-text-tertiary)}.provider-card__stat-value{font-family:var(--font-body);font-size:var(--type-size-text-s);font-weight:var(--type-weight-body-strong);color:var(--ui-text-primary)}.provider-card__footer{padding:var(--space-16) var(--space-24);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--space-12)}.provider-card__rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-6);font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-secondary)}.provider-card__stars{color:var(--color-mustard);letter-spacing:-2px}.provider-card__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-8)}.provider-card__save{color:var(--ui-icon-tertiary);cursor:pointer;-webkit-transition:color 0.15s;transition:color 0.15s}.provider-card__save:hover{color:var(--ui-bg-action-primary)}.provider-card__save.is-saved{color:var(--ui-bg-action-primary)}.provider-card-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr var(--size-grid-gap) 1fr;grid-template-columns:repeat(3,1fr);gap:var(--size-grid-gap)}.provider-card-demo-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-16)}.provider-card-compact-wrap{max-width:600px}.ai-rec{background:var(--color-foliage);color:var(--color-green);padding:var(--space-20) var(--space-24);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-16);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ai-rec__icon{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-green);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;color:var(--color-foliage)}.ai-rec__content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-6)}.ai-rec__label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-green);opacity:0.7}.ai-rec__text{font-family:var(--font-body);font-size:var(--type-size-text-s);line-height:var(--type-lh-text-s);color:var(--color-green)}.ai-rec__action{margin-top:var(--space-8);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-8)}.ai-rec--inline{background:color-mix(in srgb,var(--color-green) 12%,transparent);color:var(--ui-text-primary);border-left:3px solid var(--color-foliage);border-radius:0}.ai-rec--inline .ai-rec__icon{background:var(--color-foliage);color:var(--color-green);width:24px;height:24px}.ai-rec--inline .ai-rec__label{color:var(--color-foliage);opacity:1}.ai-rec--inline .ai-rec__text{color:var(--ui-text-primary)}.ai-rec--inline .ai-rec__action a,.ai-rec--inline .ai-rec__action button{color:var(--color-foliage)}.ai-rec--subtle{background:var(--ui-bg-card-primary);border:1px solid var(--ui-border-primary);border-top:2px solid var(--color-foliage);color:var(--ui-text-primary)}.ai-rec--subtle .ai-rec__icon{background:var(--color-foliage);color:var(--color-green);width:28px;height:28px}.ai-rec--subtle .ai-rec__label{color:var(--color-foliage);opacity:1}.ai-rec--subtle .ai-rec__text{color:var(--ui-text-secondary)}.ai-rec-demo-note{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-16)}.ai-rec-variant-stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-32)}.ai-rec-variant-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-8)}.ai-rec-variant-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);letter-spacing:0.08em}.ai-rec-context-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--size-grid-gap) 1fr;grid-template-columns:1fr 1fr;gap:var(--size-grid-gap);-webkit-box-align:start;-ms-flex-align:start;align-items:start}.ai-rec-context-card-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ai-rec-context-label{font-family:var(--font-mono);font-size:var(--type-size-text-tiny);color:var(--ui-text-tertiary);margin-bottom:var(--space-12);letter-spacing:0.08em}.ai-rec-form-card{background:var(--ui-bg-card-secondary);border:1px solid var(--ui-border-primary);padding:var(--space-24);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-16)}
:root{--color-white:var(--primitive-color-brand-white);--color-black:var(--primitive-color-brand-black)}