.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.search-dialog{border:1px solid var(--border-strong);background:var(--background-secondary);color:var(--foreground-primary);width:min(90vw,680px);max-width:680px;max-height:80vh;padding:0}.search-dialog::backdrop{background:#0000008c}.search-dialog__close-form{margin:0;position:absolute;top:6px;right:8px}.search-dialog__close{color:var(--foreground-muted);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.search-dialog__close:hover{color:var(--foreground-primary)}.search-dialog__mount{flex-direction:column;gap:12px;padding:20px 24px 24px;display:flex}.search-dialog__input{background:var(--background-primary);border:1px solid var(--foreground-quaternary);width:100%;color:var(--foreground-primary);font-family:var(--font-sans);padding:10px 12px;font-size:14px}.search-dialog__input:focus-visible{outline:2px solid var(--cta-background);outline-offset:2px}.search-dialog__results{flex-direction:column;gap:4px;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-results__item{margin:0}.search-results__link{color:var(--foreground-primary);border:1px solid #0000;flex-direction:column;gap:2px;padding:8px 10px;text-decoration:none;display:flex}.search-results__link:hover,.search-results__link:focus-visible{border-color:var(--foreground-quaternary);background:var(--background-primary)}.search-results__title{font-size:14px;font-weight:600}.search-results__summary{color:var(--foreground-muted);font-size:12px}.search-results__hint,.search-results__error{font-family:var(--font-mono);color:var(--foreground-muted);padding:8px 10px;font-size:13px}.search-results__error{color:var(--danger-foreground)}.search-results__score{color:var(--foreground-muted);font-size:11px}@font-face{font-family:Lato;src:url(/fonts/Lato-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-BoldItalic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Black.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Hack-ZeroSlash;src:url(/fonts/Hack-ZeroSlash-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hack-ZeroSlash;src:url(/fonts/Hack-ZeroSlash-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hack-ZeroSlash;src:url(/fonts/Hack-ZeroSlash-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Hack-ZeroSlash;src:url(/fonts/Hack-ZeroSlash-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--gray-00:#fff;--gray-00-translucent:#ffffffd9;--gray-05:#f5f6f7;--gray-10:#dfdfe2;--gray-15:#d0d0d5;--gray-45:#858591;--gray-75:#3b3b4f;--gray-80:#2a2a40;--gray-85:#1b1b32;--gray-90:#0a0a23;--gray-90-translucent:#0a0a23d9;--purple-light:#dbb8ff;--purple-mid:#9400d3;--purple-dark:#5a01a7;--yellow-light:#ffc300;--yellow-gold:#ffbf00;--yellow-style:#f1be32;--yellow-dark:#4d3800;--blue-light:#99c9ff;--blue-light-translucent:#99c9ff4d;--blue-mid:#198eee;--blue-dark:#002ead;--blue-dark-translucent:#002ead4d;--green-light:#acd157;--green-dark:#00471b;--red-light:#ffadad;--red-dark:#850000;--love-light:#f8577c;--love-dark:#f82153;--orange:#eda971;--editor-background-light:#fffffe;--editor-background-dark:#2a2b40;--syntax-keyword:#dbb8ff;--syntax-fn:#99c9ff;--syntax-string:#acd157;--syntax-class:#f1be32;--syntax-number:#f78c6c;--syntax-tag:#f07178;--syntax-operator:#89ddff;--syntax-invalid:#ff5370;--syntax-comment:#858591;--syntax-plain:#eff;--font-sans:"Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Hack-ZeroSlash", "Fira Mono", Menlo, Consolas, monospace;--fs-base:18px;--fs-sm:16px;--fs-md:18px;--fs-lg:24px;--fs-xl:32px;--fs-2xl:42px;--fs-3xl:56px;--fs-display:clamp(2.5rem, 5vw, 3.75rem);--lh-tight:1.2;--lh-snug:1.33;--lh-base:1.42857;--lh-loose:1.6;--fw-light:300;--fw-regular:400;--fw-bold:700;--fw-black:900;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--border-width-hair:1px;--border-width-default:2px;--border-width-thick:3px;--radius-none:0;--radius-sm:2px;--focus-outline-color:var(--blue-mid);--focus-outline-width:3px;--z-breadcrumbs:100;--z-flash:150;--z-site-header:200;--z-modal:1050;--ease-snap:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.26s;--header-height:48px;--breadcrumbs-height:32px;--sidebar-width:288px;--content-max:1040px;color-scheme:dark}.dark-palette,:root{--foreground-primary:var(--gray-00);--foreground-secondary:var(--gray-05);--foreground-tertiary:var(--gray-10);--foreground-quaternary:var(--gray-15);--foreground-muted:#b0b0bd;--background-primary:var(--gray-90);--background-primary-translucent:var(--gray-90-translucent);--background-secondary:var(--gray-85);--background-tertiary:#33334f;--background-quaternary:#4b4b66;--highlight-color:var(--blue-light);--highlight-background:var(--blue-dark);--selection-color:var(--blue-light-translucent);--success-color:var(--green-light);--success-background:var(--green-dark);--danger-color:var(--red-light);--danger-background:var(--red-dark);--warning-color:var(--yellow-light);--warning-background:var(--yellow-dark);--purple-color:var(--purple-light);--purple-background:var(--purple-dark);--love-color:var(--love-light);--editor-background:var(--editor-background-dark);--cta-background:var(--yellow-gold);--cta-foreground:var(--gray-90);--surface-elevation-1:#ffffff0b;--surface-elevation-2:#ffffff17;--border-soft:var(--background-tertiary);--border-strong:var(--background-quaternary)}.light-palette{--foreground-primary:var(--gray-90);--foreground-secondary:var(--gray-85);--foreground-tertiary:var(--gray-80);--foreground-quaternary:var(--gray-75);--foreground-muted:#5a5a68;--background-primary:var(--gray-00);--background-primary-translucent:var(--gray-00-translucent);--background-secondary:var(--gray-05);--background-tertiary:#c5c5cc;--background-quaternary:#a8a8b4;--highlight-color:var(--blue-dark);--highlight-background:var(--blue-light);--selection-color:var(--blue-dark-translucent);--success-color:var(--green-dark);--success-background:var(--green-light);--danger-color:var(--red-dark);--danger-background:var(--red-light);--warning-color:var(--yellow-dark);--warning-background:var(--yellow-light);--purple-color:var(--purple-dark);--purple-background:var(--purple-light);--love-color:var(--love-dark);--editor-background:var(--editor-background-dark);--cta-background:var(--yellow-gold);--cta-foreground:var(--gray-90);--surface-elevation-1:#0a0a230d;--surface-elevation-2:#0a0a2317;--border-soft:var(--background-tertiary);--border-strong:var(--background-quaternary);color-scheme:light}*,:before,:after{box-sizing:border-box}html{font-size:var(--fs-md);font-family:var(--font-sans);line-height:var(--lh-base);color:var(--foreground-primary);background:var(--background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{font-family:var(--font-sans);color:var(--foreground-primary);background:var(--background-primary);margin:0}::selection{background:var(--selection-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--fw-bold);color:var(--foreground-primary);line-height:var(--lh-snug);margin:0 0 12px}h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:-.01em}h2{font-size:var(--fs-2xl);letter-spacing:-.005em}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.05em}h6{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--foreground-muted);font-family:var(--font-mono)}p{margin:0 0 12px}a{color:var(--highlight-color);text-underline-position:under;text-underline-offset:.1em;text-decoration:underline}a:hover{color:var(--foreground-primary)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:16px}code{background:var(--background-tertiary);color:var(--foreground-tertiary)}:not(pre)>code{border:1px solid var(--background-quaternary);overflow-wrap:anywhere;word-break:break-word;padding:1px 4px}pre{background:var(--editor-background);color:var(--foreground-tertiary);font-size:14px;line-height:var(--lh-base);max-width:100%;margin:0;padding:14px 16px;overflow-x:auto}pre code{background:0 0;border:0;width:max-content;min-width:100%;padding:0;display:block}:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:0}hr{border:0;border-top:1px solid var(--background-quaternary);margin:24px 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background-primary)}::-webkit-scrollbar-thumb{background:var(--background-quaternary);border:2px solid var(--background-primary)}::-webkit-scrollbar-thumb:hover{background:var(--foreground-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-regular);line-height:var(--lh-base);border:var(--border-width-thick) solid var(--foreground-secondary);background:var(--background-quaternary);color:var(--foreground-secondary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:6px 14px;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex;position:relative}.btn:hover{background:var(--foreground-primary);color:var(--background-primary)}.btn:active:before{content:"";background:var(--gray-90);opacity:.2;position:absolute;inset:0}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--cta{background:var(--cta-background);color:var(--cta-foreground);border-color:var(--cta-background)}.btn--cta:hover{background:var(--cta-background);color:var(--cta-foreground);filter:brightness(1.08)}.btn--danger{border-color:var(--danger-color);background:var(--danger-background);color:var(--danger-color)}.btn--danger:hover{background:var(--danger-color);color:var(--danger-background)}.btn--info{border-color:var(--highlight-color);background:var(--highlight-background);color:var(--highlight-color)}.btn--info:hover{background:var(--highlight-color);color:var(--highlight-background)}.btn--ghost{color:var(--foreground-secondary);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--background-tertiary);color:var(--foreground-primary)}.btn--link{color:var(--highlight-color);background:0 0;border-color:#0000;padding:2px 4px;text-decoration:underline}.btn--link:hover{color:var(--foreground-primary);background:0 0}.btn--sm{font-size:var(--fs-sm);border-width:var(--border-width-default);padding:4px 10px}.btn--lg{font-size:var(--fs-lg);padding:10px 18px}.btn--block{width:100%;display:flex}.btn[aria-busy=true]{cursor:progress}.btn__spinner{vertical-align:-.125em;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite fcc-spin;display:inline-block}@keyframes fcc-spin{to{transform:rotate(360deg)}}.toggle-btn{font-family:var(--font-sans);font-size:var(--fs-md);border:var(--border-width-thick) solid var(--border-strong);box-shadow:inset 0 1px 0 var(--surface-elevation-2);background:var(--background-tertiary);color:var(--foreground-secondary);cursor:pointer;justify-content:center;align-items:center;padding:6px 18px;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.toggle-btn[aria-pressed=true]{background:var(--foreground-primary);color:var(--background-primary);border-color:var(--foreground-primary)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn--sm{font-size:var(--fs-sm);padding:4px 14px}.toggle-btn--lg{font-size:var(--fs-lg);padding:10px 22px}.close-btn{width:28px;height:28px;color:var(--foreground-primary);cursor:pointer;opacity:.5;background:0 0;border:0;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:opacity .12s;display:inline-flex}.close-btn:hover,.close-btn:focus-visible{opacity:1}.fcc-link{color:var(--highlight-color);text-underline-offset:.1em;text-decoration:underline}.fcc-link:hover{color:var(--foreground-primary)}.fcc-link--block{padding:8px 10px;text-decoration:none;display:block}.fcc-link--block:hover{background:var(--background-tertiary)}.input{width:100%;height:38px;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--foreground-primary);background:var(--background-primary);border:1px solid var(--background-quaternary);border-radius:0;padding:6px 10px;transition:border-color .12s,box-shadow .12s;display:block}.input:focus{border-color:var(--highlight-color);box-shadow:0 0 0 2px var(--highlight-background);outline:0}.input:disabled{opacity:.5;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger-color)}.input--textarea{resize:vertical;height:auto;min-height:88px;font-family:var(--font-mono)}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-tertiary);font-size:13px;font-weight:700}.form-help{font-size:var(--fs-sm);color:var(--foreground-muted)}.form-help--error{color:var(--danger-color)}.form-help--success{color:var(--success-color)}.check{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--foreground-primary);cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input[type=checkbox]{width:18px;height:18px;accent-color:var(--cta-background);cursor:inherit;margin-top:3px}.check:has(input:disabled){opacity:.5;cursor:not-allowed}.switch{cursor:pointer;user-select:none;align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{background:var(--background-quaternary);width:40px;height:20px;transition:background-color .12s;position:relative}.switch__thumb{background:var(--foreground-primary);width:16px;height:16px;transition:left .12s;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:var(--cta-background)}.switch input:checked+.switch__track .switch__thumb{background:var(--cta-foreground);left:22px}.switch input:disabled+.switch__track{opacity:.5}.switch__label{font-size:var(--fs-md);color:var(--foreground-primary)}.badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-primary);background:var(--background-tertiary);border:1px solid var(--background-quaternary);align-items:center;padding:3px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.badge--success{color:var(--success-color);background:var(--success-background);border-color:var(--success-color)}.badge--warning{color:var(--warning-color);background:var(--warning-background);border-color:var(--warning-color)}.badge--danger{color:var(--danger-color);background:var(--danger-background);border-color:var(--danger-color)}.badge--info{color:var(--highlight-color);background:var(--highlight-background);border-color:var(--highlight-color)}.badge--purple{color:var(--purple-color);background:var(--purple-background);border-color:var(--purple-color)}.alert{border-left:var(--border-width-thick) solid var(--foreground-quaternary);background:var(--background-secondary);color:var(--foreground-primary);gap:12px;padding:14px 16px;display:flex}.alert__icon{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-lg);flex:none;line-height:1.2}.alert__body{flex:auto}.alert__title{font-weight:700;font-size:var(--fs-md);margin:0 0 4px}.alert--info{border-left-color:var(--highlight-color)}.alert--info .alert__icon{color:var(--highlight-color)}.alert--success{border-left-color:var(--success-color)}.alert--success .alert__icon{color:var(--success-color)}.alert--warning{border-left-color:var(--warning-color)}.alert--warning .alert__icon{color:var(--warning-color)}.alert--danger{border-left-color:var(--danger-color)}.alert--danger .alert__icon{color:var(--danger-color)}.callout{border-left:var(--border-width-thick) solid var(--foreground-quaternary);background:var(--background-secondary);margin:0 0 16px;padding:14px 16px}.callout__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:12px;font-weight:700}.callout__body{margin:0}.callout--tip{border-left-color:var(--success-color)}.callout--tip .callout__label{color:var(--success-color)}.callout--note{border-left-color:var(--highlight-color)}.callout--note .callout__label{color:var(--highlight-color)}.callout--warning{border-left-color:var(--warning-color)}.callout--warning .callout__label{color:var(--warning-color)}.callout--caution{border-left-color:var(--danger-color)}.callout--caution .callout__label{color:var(--danger-color)}.card{background:var(--background-secondary);border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 var(--surface-elevation-1);flex-direction:column;gap:12px;padding:24px;display:flex}.card--bordered{background:var(--background-primary);border:var(--border-width-default) solid var(--background-quaternary)}.card__header{border-bottom:1px solid var(--background-tertiary);align-items:center;gap:8px;padding-bottom:12px;display:flex}.card__title{font-size:var(--fs-lg);margin:0;font-weight:700}.card__body{color:var(--foreground-secondary);margin:0}.card__footer{border-top:1px solid var(--background-tertiary);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.card__hours{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-muted);margin:0;font-size:12px}.card__dot{background:var(--foreground-quaternary);width:10px;height:10px;display:inline-block}.card__dot--purple{background:var(--purple-color)}.card__dot--success{background:var(--success-color)}.card__dot--danger{background:var(--danger-color)}.panel{border:1px solid var(--background-quaternary);background:var(--background-primary);margin:0 0 24px}.panel__heading{background:var(--background-secondary);border-bottom:1px solid var(--background-quaternary);margin:0;padding:10px 16px;font-weight:700}.panel__body{margin:0;padding:16px}.panel--primary{border-color:var(--foreground-primary)}.panel--primary .panel__heading{color:var(--foreground-primary);border-bottom-color:var(--foreground-primary);background:0 0}.panel--danger{border-color:var(--danger-color)}.panel--danger .panel__heading{background:var(--danger-color);color:var(--danger-background)}.panel--info{border-color:var(--highlight-color)}.panel--info .panel__heading{background:var(--highlight-color);color:var(--highlight-background)}.tabs__list{border-bottom:1px solid var(--foreground-quaternary);margin:0;padding:0;list-style:none;display:flex}.tabs__tab{cursor:pointer;font:400 var(--fs-md)/1 var(--font-sans);color:var(--foreground-secondary);background:0 0;border:0;flex:1;padding:8px 14px}.tabs__tab:hover{background:var(--background-tertiary)}.tabs__tab[aria-selected=true]{background:var(--foreground-quaternary);color:var(--background-secondary);font-weight:700}.tabs__panel{padding:18px 2px}.dropdown{display:inline-block;position:relative}.dropdown__toggle{border:var(--border-width-thick) solid var(--background-quaternary);background:var(--background-tertiary);color:var(--foreground-secondary);font:400 var(--fs-md)/1 var(--font-sans);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.dropdown__toggle:hover{background:var(--foreground-secondary);color:var(--background-primary)}.dropdown__menu{background:var(--background-secondary);border:1px solid var(--background-quaternary);z-index:50;min-width:180px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0}.dropdown__item{text-align:left;width:100%;color:var(--foreground-secondary);font:400 var(--fs-md)/1.4 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:6px 14px;text-decoration:none;display:block}.dropdown__item:hover,.dropdown__item[aria-current=true],.dropdown__item--active{background:var(--background-tertiary);color:var(--foreground-primary)}.tip{display:inline-flex;position:relative}.tip__bubble{background:var(--foreground-primary);color:var(--background-primary);font:500 13px/1.2 var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;padding:4px 10px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tip:hover .tip__bubble,.tip:focus-within .tip__bubble{opacity:1}.modal__backdrop{z-index:calc(var(--z-modal) - 1);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);background:#0000008c;position:fixed;inset:0}.modal__backdrop[data-state=open]{opacity:1}.modal{z-index:var(--z-modal);justify-content:center;align-items:flex-start;padding:48px 16px;display:none;position:fixed;inset:0;overflow:auto}.modal[data-open=true],.modal--open,.modal:has(>[data-state=open]){display:flex}.modal__panel{background:var(--background-secondary);border:1px solid var(--background-quaternary);opacity:0;width:100%;max-width:560px;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:scale(.96)}.modal__panel[data-state=open]{opacity:1;transform:scale(1)}.modal__panel[data-state=closed]{pointer-events:none}@media (prefers-reduced-motion:reduce){.modal__backdrop,.modal__panel{transition:none}}.modal__header{border-bottom:1px solid var(--background-quaternary);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal__title{font-size:var(--fs-lg);margin:0}.modal__body{padding:16px}.modal__footer{border-top:1px solid var(--background-quaternary);justify-content:flex-end;gap:8px;padding:14px 16px;display:flex}.table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.table th,.table td{border-bottom:1px solid var(--background-tertiary);text-align:left;padding:10px 14px}.table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--foreground-muted);font-size:13px;font-weight:700}.table--striped tbody tr:nth-child(odd){background:var(--background-secondary)}.table--condensed th,.table--condensed td{padding:6px 10px}.img--responsive{max-width:100%;height:auto;display:block}.spacer{display:block}.progress{background:var(--background-tertiary);height:4px;position:relative}.progress__bar{background:var(--cta-background);position:absolute;inset:0 auto 0 0}.progress__bar--purple{background:var(--purple-color)}.progress__bar--success{background:var(--success-color)}.progress__bar--danger{background:var(--danger-color)}.text{font-family:var(--font-sans,"Lato", system-ui, sans-serif);color:var(--foreground-primary);margin:0 0 .5rem;font-size:1rem;line-height:1.55}.text--xs{font-size:.75rem}.text--sm{font-size:.875rem}.text--lg{font-size:1.125rem}.text--bold{font-weight:700}.text--secondary{color:var(--foreground-secondary)}.text--muted{color:var(--foreground-secondary);opacity:.7}.heading{font-family:var(--font-sans,"Lato", system-ui, sans-serif);color:var(--foreground-primary);letter-spacing:-.01em;margin:0 0 .75rem;font-weight:700;line-height:1.15}.heading--display{font-size:var(--fs-display);line-height:var(--lh-tight,1.05)}.heading--xl{font-size:var(--fs-2xl);line-height:var(--lh-tight)}.heading--lg{font-size:var(--fs-xl);line-height:var(--lh-tight)}.heading--md{font-size:var(--fs-lg);line-height:var(--lh-snug)}.heading--sm{font-size:var(--fs-md);letter-spacing:0;line-height:var(--lh-base)}.divider{border:0;border-top:1px solid var(--background-tertiary);width:100%;height:0;margin:1rem 0}.divider--vertical{border-top:0;border-left:1px solid var(--background-tertiary);align-self:stretch;width:0;height:100%;margin:0 1rem;display:inline-block}.divider--dashed{border-top-style:dashed}.divider--vertical.divider--dashed{border-top-style:solid;border-left-style:dashed}.avatar{background:var(--background-tertiary);color:var(--foreground-primary);font-family:var(--font-sans,"Lato", system-ui, sans-serif);border:2px solid var(--background-tertiary);justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.avatar--sm{width:1.75rem;height:1.75rem;font-size:.75rem}.avatar--md{width:2.5rem;height:2.5rem;font-size:.95rem}.avatar--lg{width:3.5rem;height:3.5rem;font-size:1.25rem}.avatar__img{object-fit:cover;width:100%;height:100%;display:block}.avatar__initials{letter-spacing:.02em}.avatar__status{border:2px solid var(--background-primary);width:.6em;height:.6em;position:absolute;bottom:-2px;right:-2px}.avatar__status--online{background:var(--success-color,#55b848)}.avatar__status--away{background:var(--warning-color,#f1be32)}.avatar__status--offline{background:var(--background-tertiary)}.fieldset{border:var(--border-width-thin) solid var(--foreground-secondary);background:0 0;margin:0 0 16px;padding:12px 16px 16px}.fieldset--subtle{border-color:var(--background-tertiary)}.fieldset__legend{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-primary);padding:0 6px}.fieldset[disabled]{opacity:.55}.dl{grid-template-columns:minmax(10ch,20%) 1fr;gap:8px 16px;margin:0 0 16px;display:grid}.dl__term{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-secondary);margin:0}.dl__detail{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--foreground-primary);margin:0}.dl--inline{flex-wrap:wrap;grid-template-columns:none;gap:8px;display:flex}.dl--inline .dl__term:after{content:":";margin-left:2px}.dl--inline .dl__detail{margin-right:16px}.radio{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--foreground-primary);cursor:pointer;align-items:flex-start;gap:10px;display:flex}.radio input[type=radio]{width:18px;height:18px;accent-color:var(--cta-background);cursor:inherit;margin-top:3px}.radio:has(input:disabled){opacity:.5;cursor:not-allowed}.radio-group{flex-direction:column;gap:8px;display:flex}.select{width:100%;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--foreground-primary);background-color:var(--background-quaternary);border:var(--border-width-thin) solid var(--foreground-secondary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;padding:6px 32px 6px 10px;transition:border-color .12s,background-color .12s;display:block}.select:focus-visible{border-color:var(--foreground-primary);outline:none}.select[aria-invalid=true]{border-color:var(--danger-color)}.select:disabled{opacity:.5;cursor:not-allowed}.textarea{width:100%;min-height:80px;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--foreground-primary);background-color:var(--background-quaternary);border:var(--border-width-thin) solid var(--foreground-secondary);resize:vertical;padding:8px 10px;transition:border-color .12s,background-color .12s;display:block}.textarea:focus-visible{border-color:var(--foreground-primary);outline:none}.textarea[aria-invalid=true]{border-color:var(--danger-color)}.textarea:disabled{opacity:.5;cursor:not-allowed}.textarea--mono{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.01em}.textarea[data-auto-resize=true]{resize:none;overflow:hidden}.pagination{font-family:var(--font-mono);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.pagination__list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pagination__btn{min-width:32px;height:32px;font-family:inherit;font-size:inherit;color:var(--foreground-secondary);border:var(--border-width-thin) solid var(--foreground-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 8px;transition:color .12s,background-color .12s,border-color .12s;display:inline-flex}.pagination__btn:hover:not(:disabled){color:var(--background-primary);background:var(--foreground-primary);border-color:var(--foreground-primary)}.pagination__btn[aria-current=page]{color:var(--cta-foreground);background:var(--cta-background);border-color:var(--cta-background);cursor:default}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__ellipsis{min-width:32px;height:32px;color:var(--foreground-secondary);justify-content:center;align-items:center;display:inline-flex}.listbox{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--foreground-primary);background:var(--background-quaternary);border:var(--border-width-thin) solid var(--foreground-secondary);flex-direction:column;gap:2px;max-height:240px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.listbox__option{cursor:pointer;user-select:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.listbox__option:hover:not([aria-disabled=true]){background:var(--background-tertiary)}.listbox__option[aria-selected=true]{background:var(--cta-background);color:var(--cta-foreground)}.listbox__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.listbox__option:focus-visible{outline:var(--border-width-thin) solid var(--foreground-primary);outline-offset:-2px}.combobox{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--foreground-primary);flex-direction:column;gap:4px;display:flex;position:relative}.combobox__input{background:var(--background-quaternary);border:var(--border-width-thin) solid var(--foreground-secondary);width:100%;color:inherit;font-family:inherit;font-size:inherit;padding:6px 10px}.combobox__input:focus-visible{border-color:var(--foreground-primary);outline:none}.combobox__list{background:var(--background-quaternary);border:var(--border-width-thin) solid var(--foreground-secondary);flex-direction:column;gap:2px;max-height:240px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.combobox__list[hidden]{display:none}.combobox__item{cursor:pointer;user-select:none;padding:6px 10px}.combobox__item[hidden]{display:none}.combobox__item:hover:not([aria-disabled=true]){background:var(--background-tertiary)}.combobox__item[aria-selected=true]{background:var(--cta-background);color:var(--cta-foreground)}.combobox__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.combobox__item:focus-visible{outline:var(--border-width-thin) solid var(--foreground-primary);outline-offset:-2px}.navbar{background:var(--background-primary);border-bottom:var(--border-width-thin) solid var(--foreground-secondary);min-height:56px;color:var(--foreground-primary);font-family:var(--font-sans);font-size:var(--fs-md);align-items:center;gap:16px;padding:8px 16px;display:flex}.navbar__start{flex:none;align-items:center;gap:12px;display:flex}.navbar__center{flex:auto;justify-content:center;align-items:center;gap:12px;display:flex}.navbar__end{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}@media (width<=768px){.navbar{flex-wrap:wrap}.navbar__center{flex-basis:100%;order:3;justify-content:flex-start}.navbar__end{margin-left:auto}}.sidebar{background:var(--background-primary);border-right:var(--border-width-thin) solid var(--foreground-secondary);font-family:var(--font-sans);font-size:var(--fs-md);color:var(--foreground-primary);min-width:220px;top:var(--sidebar-top,0);max-height:calc(100vh - var(--sidebar-top,0px));flex-direction:column;align-self:start;gap:4px;padding:16px 8px;display:flex;position:sticky;overflow-y:auto}.sidebar__intro{border-bottom:var(--border-width-thin) solid var(--background-tertiary);margin-bottom:12px;padding:0 12px 12px}.sidebar__intro-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-secondary);margin:0 0 4px}.sidebar__intro-title{font-family:var(--font-sans);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--foreground-primary);margin:0}.sidebar__hint{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--foreground-secondary);padding:12px 16px;line-height:1.5}.sidebar__section{flex-direction:column;gap:2px;padding:8px 0;display:flex}.sidebar__section+.sidebar__section{border-top:var(--border-width-thin) dashed var(--background-tertiary)}.sidebar__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);padding:4px 10px}.sidebar__item{color:var(--foreground-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.sidebar__item:hover{background:var(--background-secondary);color:var(--foreground-primary)}.sidebar__item{border-left:3px solid #0000}.sidebar__item[data-active=true]{color:var(--foreground-primary);background:var(--background-secondary);border-left-color:var(--cta-background);font-weight:var(--fw-bold)}.sidebar__item:focus-visible{outline:var(--border-width-thin) solid var(--foreground-primary);outline-offset:-2px}.sidebar__icon{align-items:center;width:1em;height:1em;display:inline-flex}.sidebar__label{flex:auto}.sidebar__section--collapsible{padding:0}.sidebar__section--collapsible>.sidebar__section__summary{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;list-style:none;display:flex}.sidebar__section--collapsible>.sidebar__section__summary::-webkit-details-marker{display:none}.sidebar__section--collapsible>.sidebar__section__summary>.sidebar__eyebrow{padding:0}.sidebar__section__caret{font-size:var(--fs-xs);color:var(--foreground-secondary);transition:transform .16s;display:inline-block}.sidebar__section--collapsible[open]>.sidebar__section__summary>.sidebar__section__caret{transform:rotate(90deg)}.sidebar-layout{background:var(--background-primary);min-height:100vh;color:var(--foreground-primary);flex-direction:column;display:flex}.sidebar-layout__header{flex:none}.sidebar-layout__body{flex:auto;grid-template-columns:220px 1fr;min-height:0;display:grid}.sidebar-layout__aside{min-height:0;overflow-y:auto}.sidebar-layout__main{min-width:0;padding:24px;overflow-x:hidden}@media (width<=768px){.sidebar-layout__body{grid-template-columns:1fr}.sidebar-layout__aside{display:none}}.stacked-layout{background:var(--background-primary);min-height:100vh;color:var(--foreground-primary);flex-direction:column;display:flex}.stacked-layout__header{flex:none}.stacked-layout__main{flex:auto;min-width:0;padding:24px}.stacked-layout__footer{border-top:var(--border-width-thin) solid var(--foreground-secondary);color:var(--foreground-secondary);font-size:var(--fs-sm);flex:none;padding:16px 24px}.auth-layout{background:var(--background-primary);min-height:100vh;color:var(--foreground-primary);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px 16px;display:flex}.auth-layout--pattern{background-color:var(--background-primary);background-image:linear-gradient(var(--background-tertiary) 1px, transparent 1px), linear-gradient(90deg, var(--background-tertiary) 1px, transparent 1px);background-position:50%;background-size:32px 32px}.auth-layout__brand{justify-content:center;align-items:center;min-height:40px;display:flex}.auth-layout__card{background:var(--background-quaternary);border:var(--border-width-thin) solid var(--foreground-secondary);width:100%;max-width:400px;padding:24px}.auth-layout__footer{color:var(--foreground-secondary);font-size:var(--fs-sm)}.skeleton{background:var(--background-tertiary);background-image:linear-gradient(90deg, var(--background-tertiary) 0%, var(--background-quaternary) 50%, var(--background-tertiary) 100%);background-size:200% 100%;border-radius:2px;width:100%;height:16px;animation:1.6s ease-in-out infinite skeleton-shimmer;display:block}.skeleton--circle{border-radius:9999px;width:40px;height:40px}.skeleton--text{background:0 0;border-radius:0;flex-direction:column;gap:8px;height:auto;min-height:16px;animation:none;display:flex}.skeleton__line{background:var(--background-tertiary);background-image:linear-gradient(90deg, var(--background-tertiary) 0%, var(--background-quaternary) 50%, var(--background-tertiary) 100%);background-size:200% 100%;border-radius:2px;height:12px;animation:1.6s ease-in-out infinite skeleton-shimmer;display:block}.skeleton__line:last-child:not(:only-child){width:65%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton__line{animation:none}}.empty-state{text-align:center;color:var(--foreground-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state__icon{width:48px;height:48px;color:var(--foreground-secondary);justify-content:center;align-items:center;display:inline-flex}.empty-state__icon>svg{width:100%;height:100%}.empty-state__title{font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--foreground-primary);margin:0;font-weight:600}.empty-state__description{max-width:42ch;font-size:var(--fs-sm);margin:0;line-height:1.5}.empty-state__action{align-items:center;gap:8px;margin-top:8px;display:inline-flex}.toaster{z-index:9000;pointer-events:none;flex-direction:column;gap:12px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toaster>*{pointer-events:auto}.toast{background:var(--background-quaternary);color:var(--foreground-primary);border:var(--border-width-thin) solid var(--foreground-secondary);border-left-width:4px;border-left-color:var(--highlight-color);align-items:flex-start;gap:12px;padding:12px 14px;transition:transform .16s ease-out,opacity .16s ease-out;display:flex;box-shadow:0 1px #00000040,0 8px 24px #00000040}.toast[data-state=open]{animation:.18s ease-out toast-enter}.toast[data-state=closed]{animation:.16s ease-in forwards toast-exit}.toast--info{border-left-color:var(--highlight-color)}.toast--success{border-left-color:var(--success-color)}.toast--warning{border-left-color:var(--warning-color)}.toast--danger{border-left-color:var(--danger-color)}.toast__body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.toast__title{font-weight:600;font-size:var(--fs-sm);margin:0;line-height:1.3}.toast__description{font-size:var(--fs-xs);color:var(--foreground-secondary);margin:0;line-height:1.45}.toast__close{appearance:none;font-size:var(--fs-md);color:var(--foreground-secondary);cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;line-height:1}.toast__close:hover,.toast__close:focus-visible{color:var(--foreground-primary);outline:none}@keyframes toast-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.toast[data-state=open],.toast[data-state=closed]{animation:none}}.command-palette__backdrop{z-index:9100;background:#0009;justify-content:center;align-items:flex-start;padding:64px 16px 16px;display:flex;position:fixed;inset:0}.command-palette{background:var(--background-quaternary);width:min(560px,100%);max-height:calc(100vh - 96px);color:var(--foreground-primary);border:var(--border-width-thin) solid var(--foreground-secondary);flex-direction:column;display:flex;box-shadow:0 24px 64px #0006}.command-palette__search{appearance:none;background:var(--background-quaternary);color:var(--foreground-primary);border:0;border-bottom:var(--border-width-thin) solid var(--foreground-secondary);font-family:var(--font-body);font-size:var(--fs-md);outline:none;flex:none;padding:14px 16px}.command-palette__search::placeholder{color:var(--foreground-secondary)}.command-palette__list{flex:auto;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.command-palette__group{padding:4px 0}.command-palette__group+.command-palette__group{border-top:var(--border-width-thin) dashed var(--foreground-secondary)}.command-palette__group-label{font-family:var(--font-heading);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--foreground-secondary);padding:8px 16px 4px}.command-palette__group-items{margin:0;padding:0;list-style:none}.command-palette__item{cursor:pointer;color:var(--foreground-primary);align-items:center;gap:12px;padding:8px 16px;display:flex}.command-palette__item[data-active=true]{background:var(--background-tertiary)}.command-palette__icon{width:20px;height:20px;color:var(--foreground-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.command-palette__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.command-palette__shortcut{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--foreground-secondary);border:var(--border-width-thin) solid var(--foreground-secondary);flex:none;padding:2px 6px}.command-palette__empty{text-align:center;color:var(--foreground-secondary);padding:24px 16px}.form-stepper{flex-direction:column;gap:24px;display:flex}.form-stepper__progress{border:var(--border-width-thin) solid var(--foreground-secondary);background:var(--background-tertiary);gap:8px;margin:0;padding:4px;list-style:none;display:flex}.form-stepper__step{flex:1 1 0;min-width:0;display:flex}.form-stepper__step-btn{text-align:left;color:var(--foreground-secondary);cursor:pointer;font-family:var(--font-body);background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:8px 12px;display:flex}.form-stepper__step[data-state=current] .form-stepper__step-btn,.form-stepper__step[data-state=complete] .form-stepper__step-btn{color:var(--foreground-primary)}.form-stepper__step[data-state=current] .form-stepper__step-btn{background:var(--background-quaternary)}.form-stepper__step-btn:disabled{cursor:not-allowed;opacity:.7}.form-stepper__step-index{width:24px;height:24px;font-family:var(--font-mono);font-size:var(--fs-xs);border:var(--border-width-thin) solid var(--foreground-secondary);color:var(--foreground-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.form-stepper__step[data-state=current] .form-stepper__step-index{color:var(--foreground-primary);border-color:var(--foreground-primary)}.form-stepper__step[data-state=complete] .form-stepper__step-index{background:var(--success-color);border-color:var(--success-color);color:var(--background-primary)}.form-stepper__step-text{flex-direction:column;min-width:0;display:flex}.form-stepper__step-label{font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.form-stepper__step-description{font-size:var(--fs-xs);color:var(--foreground-secondary);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.form-stepper__body{min-width:0}.data-table{border:var(--border-width-thin) solid var(--foreground-secondary);width:100%;overflow-x:auto}.data-table__table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);color:var(--foreground-primary)}.data-table__table caption{text-align:left;font-size:var(--fs-xs);color:var(--foreground-secondary);border-bottom:var(--border-width-thin) solid var(--foreground-secondary);padding:8px 12px}.data-table__header{text-align:left;font-family:var(--font-heading);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--foreground-secondary);background:var(--background-tertiary);border-bottom:var(--border-width-thin) solid var(--foreground-secondary);padding:10px 12px}.data-table__header--right{text-align:right}.data-table__header--center{text-align:center}.data-table__select-all{background:var(--background-tertiary);border-bottom:var(--border-width-thin) solid var(--foreground-secondary);text-align:center;width:36px;padding:10px 12px}.data-table__sort-btn{font:inherit;color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.data-table__sort-indicator{opacity:.8;font-size:10px;line-height:1}.data-table__table tbody tr{border-top:var(--border-width-thin) solid var(--background-tertiary)}.data-table__table tbody tr[data-selected=true]{background:var(--background-quaternary)}.data-table__cell{vertical-align:top;text-align:left;padding:10px 12px}.data-table__cell--right{text-align:right}.data-table__cell--center{text-align:center}.data-table__select-cell{text-align:center;width:36px}.data-table__skeleton .skeleton{width:80%;height:14px;display:block}.data-table__empty-row{background:0 0}.data-table__empty-cell{text-align:center;color:var(--foreground-secondary);padding:32px 16px}.breadcrumb{font-size:var(--fs-sm)}.breadcrumb__list{gap:var(--space-2,8px);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;display:inline-flex}.breadcrumb__item:not(:last-child):after{content:var(--breadcrumb-separator-content,"/");color:var(--foreground-muted,var(--foreground-secondary));padding-inline-start:var(--space-2,8px)}.breadcrumb__link{color:var(--foreground-secondary);border-bottom:1px solid #0000;text-decoration:none}.breadcrumb__link:hover,.breadcrumb__link:focus-visible{color:var(--foreground-primary);border-bottom-color:var(--foreground-quaternary)}.breadcrumb__current{color:var(--foreground-primary);font-weight:600}.tile-matcher{gap:var(--space-4);flex-direction:column;display:flex}.tile-matcher__grid{grid-template-columns:repeat(var(--tm-cols,auto-fit), minmax(96px, 1fr));gap:var(--space-3);display:grid}.tile-matcher__tile{aspect-ratio:1;perspective:800px;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.tile-matcher__tile:disabled{cursor:default}.tile-matcher__tile:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:2px}.tile-matcher__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease-out);display:block;position:relative}.tile-matcher__tile[data-state=up] .tile-matcher__inner,.tile-matcher__tile[data-state=matched] .tile-matcher__inner{transform:rotateY(180deg)}.tile-matcher__face{text-align:center;padding:var(--space-3);border:var(--border-width-default) solid var(--foreground-quaternary);backface-visibility:hidden;font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:var(--lh-snug);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.tile-matcher__face--back{background:var(--background-tertiary);color:var(--foreground-secondary)}.tile-matcher__face--front{background:var(--background-secondary);color:var(--foreground-primary);transform:rotateY(180deg)}.tile-matcher__cover{border:var(--border-width-thick) solid var(--foreground-quaternary);border-radius:50%;width:40%;height:40%}.tile-matcher__tile:hover:not(:disabled) .tile-matcher__face--back{border-color:var(--highlight-color);color:var(--foreground-primary)}.tile-matcher__tile[data-state=up] .tile-matcher__face--front{border-color:var(--highlight-color);background:var(--highlight-background)}.tile-matcher__tile[data-state=matched] .tile-matcher__face--front{border-color:var(--success-color);background:var(--success-background);color:var(--success-color)}.tile-matcher__face--front img,.tile-matcher__face--front svg{object-fit:contain;max-width:100%;max-height:100%}.tile-matcher--no-flip .tile-matcher__inner{transition:none;transform:none}.tile-matcher--no-flip .tile-matcher__tile[data-state=up] .tile-matcher__inner,.tile-matcher--no-flip .tile-matcher__tile[data-state=matched] .tile-matcher__inner,.tile-matcher--no-flip .tile-matcher__face--front{transform:none}.tile-matcher--no-flip .tile-matcher__tile[data-state=down] .tile-matcher__face--front,.tile-matcher--open .tile-matcher__tile[data-state=down] .tile-matcher__face--front{opacity:0}.tile-matcher--no-flip .tile-matcher__tile[data-state=down] .tile-matcher__face--back{opacity:1}.tile-matcher--open .tile-matcher__inner,.tile-matcher--open .tile-matcher__face--front{transform:none}.tile-matcher--open .tile-matcher__tile[data-state=down] .tile-matcher__face--back{opacity:0}.tile-matcher__sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tile-matcher__inner{transition:none}}.hotspots{gap:var(--space-3);flex-direction:column;display:flex}.hotspots__prompt{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--foreground-primary);margin:0}.hotspots__stage{border:var(--border-width-default) solid var(--foreground-quaternary);background:var(--background-secondary);width:100%;position:relative;overflow:hidden}.hotspots__background{position:absolute;inset:0}.hotspots__background img,.hotspots__background svg{object-fit:contain;width:100%;height:100%;display:block}.hotspots__overlay{width:100%;height:100%;position:absolute;inset:0}.hotspots__hotspot{cursor:pointer;outline:none}.hotspots__hotspot[aria-disabled=true]{cursor:not-allowed}.hotspots__shape{fill:color-mix(in srgb, var(--highlight-color) 18%, transparent);stroke:color-mix(in srgb, var(--highlight-color) 60%, transparent);stroke-width:2px;transition:fill var(--dur-fast) var(--ease-out), stroke var(--dur-fast) var(--ease-out)}.hotspots__hotspot:hover:not([aria-disabled=true]) .hotspots__shape{fill:color-mix(in srgb, var(--highlight-color) 30%, transparent)}.hotspots__hotspot:focus-visible .hotspots__shape{stroke:var(--focus-outline-color);stroke-width:3px}.hotspots__hotspot[data-state=selected] .hotspots__shape{fill:color-mix(in srgb, var(--highlight-color) 35%, transparent);stroke:var(--highlight-color)}.hotspots__hotspot[data-state=correct] .hotspots__shape{fill:color-mix(in srgb, var(--success-color) 45%, transparent);stroke:var(--success-color)}.hotspots__hotspot[data-state=incorrect] .hotspots__shape{fill:color-mix(in srgb, var(--danger-color) 45%, transparent);stroke:var(--danger-color)}.hotspots__status{min-height:var(--space-5);font-size:var(--fs-sm)}.hotspots__feedback{margin:0}.hotspots__feedback--correct{color:var(--success-color)}.hotspots__feedback--incorrect,.hotspots__feedback--hint{color:var(--foreground-secondary)}.hotspots__sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.hotspots__shape{transition:none}}.handbook-section{scroll-margin-top:96px}.handbook-section+.handbook-section{margin-top:40px}.foundations{flex-direction:column;gap:32px;max-width:72ch;display:flex}.foundations h2{font-size:var(--fs-xl);margin:16px 0 8px}.foundations h3{font-size:var(--fs-lg);margin:12px 0 6px}.foundations :is(h1,h2,h3,h4,h5,h6) .heading-anchor{color:var(--foreground-muted);opacity:0;margin-left:6px;text-decoration:none;transition:opacity .12s}.foundations :is(h1,h2,h3,h4,h5,h6):hover .heading-anchor,.foundations :is(h1,h2,h3,h4,h5,h6) .heading-anchor:focus-visible{opacity:1}.foundations p{color:var(--foreground-secondary);font-size:var(--fs-md);line-height:var(--lh-loose);margin:0}.foundations ul{color:var(--foreground-secondary);font-size:var(--fs-md);margin:0;padding-left:20px}.foundations ul li{margin-bottom:6px}.foundations code{font-size:.9em}.foundations :is(.type-specimens,.foundation-swatches,.icon-preview,.ruler,.motion-demos,.brand-marks,.brand-wordmark){color:inherit;font-size:inherit;padding-left:0}.foundations :is(.type-specimens,.foundation-swatches,.icon-preview,.ruler,.motion-demos,.brand-marks,.brand-wordmark) li{margin-bottom:0}.type-specimens{flex-direction:column;gap:20px;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.type-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding-bottom:18px;display:grid}.type-row:last-child{border-bottom:0}.type-meta{min-width:0;font-family:var(--font-mono);color:var(--foreground-muted);flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:12px;display:flex}.type-meta__name,.type-meta__token,.type-meta__note{margin:0}.type-meta__name{color:var(--foreground-primary);font-size:13px}.type-row .type-sample{min-width:0;max-width:100%;color:var(--foreground-primary);font-size:var(--type-sample-size);line-height:var(--lh-tight);overflow-wrap:normal;text-wrap:normal;border-bottom:0;margin:0;padding:0;display:block}.type-row .type-sample--mono{font-family:var(--font-mono);overflow-wrap:anywhere;text-wrap:wrap}.foundation-swatches{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.foundation-swatch{border:1px solid var(--border-strong);background:var(--background-secondary);min-width:0;display:flex}.foundation-swatch__chip{cursor:pointer;width:72px;transition:outline var(--dur-fast) var(--ease-out);border:0;flex:0 0 72px;padding:0}.foundation-swatch__chip:focus-visible,.foundation-swatch__chip:hover{outline:2px solid var(--cta-background);outline-offset:-2px}.foundation-swatch__chip.is-copied{outline:2px solid var(--success-color);outline-offset:-2px}.foundation-swatch__body{flex-direction:column;gap:2px;min-width:0;padding:10px 12px;font-size:13px;display:flex}.foundation-swatch__token{font-family:var(--font-mono);color:var(--foreground-primary);overflow-wrap:anywhere;margin:0;font-size:12px}.foundation-swatch__hex{font-family:var(--font-mono);color:var(--foreground-muted);margin:0;font-size:12px}.foundation-swatch__label{color:var(--foreground-secondary);margin:0;font-size:12px}.icon-preview{grid-template-columns:repeat(auto-fill,minmax(min(100%,124px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.icon-preview__cell{background:var(--background-secondary);border:1px solid var(--border-strong);min-width:0;color:var(--foreground-primary);grid-template-rows:28px minmax(0,auto);place-items:center;gap:8px;padding:14px 10px 12px;display:grid}.icon-preview__cell svg{width:24px;height:24px;color:var(--foreground-primary);display:block}.foundations .icon-preview__label{max-width:100%;color:var(--foreground-secondary);font-family:var(--font-mono);text-align:center;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.25}.palette-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:24px 0 8px;display:grid}.palette-gallery__tile{border:1px solid var(--foreground-quaternary);background:var(--background-primary);min-width:0;color:var(--foreground-primary);border-radius:2px;flex-direction:column;gap:16px;padding:18px 20px 22px;display:flex}.palette-gallery__tile-header{border-bottom:1px dashed var(--foreground-quaternary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;display:flex}.palette-gallery__kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-secondary)}.palette-gallery__token{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--foreground-muted)}.palette-gallery__lede{color:var(--foreground-secondary);font-size:var(--fs-sm);line-height:var(--lh-loose);margin:0}.palette-gallery__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.palette-gallery__swatch{width:44px;height:28px;font-family:var(--font-mono);border:1px solid var(--foreground-quaternary);justify-content:center;align-items:center;font-size:11px;display:inline-flex}.palette-gallery__swatch--bg{background:var(--background-secondary);color:var(--foreground-primary)}.palette-gallery__swatch--fg{background:var(--foreground-primary);color:var(--background-primary)}.palette-gallery__swatch--cta{background:var(--cta-background);color:var(--cta-foreground)}.ruler{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ruler__row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(92px,140px) minmax(24px,80px) minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:8px 0;display:grid}.ruler__row:last-child{border-bottom:0}.ruler__token{font-family:var(--font-mono);color:var(--foreground-muted);margin:0;font-size:12px}.ruler__bar{background:var(--cta-background);min-width:1px;height:12px}.ruler__label{font-family:var(--font-mono);color:var(--foreground-secondary);overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px}.motion-demos{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.motion-demo{background:var(--background-secondary);border:1px solid var(--border-strong);min-width:0;padding:16px}.motion-demo__track{background:var(--background-tertiary);border:1px dashed var(--border-strong);cursor:pointer;width:100%;height:28px;padding:0;display:block;position:relative;overflow:hidden}.motion-demo__puck{background:var(--cta-background);width:24px;height:24px;transition:transform var(--demo-duration) var(--demo-easing);position:absolute;top:2px;left:2px}.motion-demo__track.is-playing .motion-demo__puck{transform:translate(800%)}.motion-demo__title{font-family:var(--font-mono);color:var(--foreground-primary);overflow-wrap:anywhere;margin:10px 0 2px;font-size:13px}.motion-demo__note{font-family:var(--font-mono);color:var(--foreground-muted);overflow-wrap:anywhere;margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.motion-demo__puck{transition:none}}.dodont{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));min-width:0;display:grid}.dodont__col{border:var(--border-width-default) solid var(--background-tertiary);min-width:0;padding:var(--space-4);background:var(--background-secondary);overflow-wrap:anywhere}.dodont__col--do{border-color:var(--success-color)}.dodont__col--dont{border-color:var(--danger-color)}.dodont__label{font-family:var(--font-mono);text-transform:lowercase;letter-spacing:.06em;margin:0 0 .5rem;font-size:.8125rem}.dodont__col--do .dodont__label{color:var(--success-color)}.dodont__col--dont .dodont__label{color:var(--danger-color)}.brand{flex-direction:column;gap:40px;min-width:0;display:flex}.brand__sub{min-width:0}.brand__sub-title{font-size:var(--fs-lg);margin:0 0 8px}.brand__sub-lede{color:var(--foreground-secondary);font-size:var(--fs-md);line-height:var(--lh-loose);margin:0 0 16px}.brand-marks{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.brand-marks__item{background:var(--background-secondary);border:1px solid var(--border-strong);flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.brand-marks__frame{background:var(--background-primary);border:1px dashed var(--foreground-quaternary);justify-content:center;align-items:center;min-height:112px;margin:0;padding:24px;display:flex}.brand-marks__img{max-width:100%;height:auto}.brand-marks__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-muted);margin:0;font-size:13px}.brand-marks__desc{color:var(--foreground-secondary);font-size:14px;line-height:var(--lh-loose);margin:0}.brand-clear{background:var(--background-secondary);border:1px solid var(--border-strong);flex-direction:column;gap:16px;min-width:0;padding:16px;display:flex}.brand-clear__stage{--brand-clear-ratio:1;padding:calc(32px * var(--brand-clear-ratio));background:var(--background-primary);border:var(--border-width-default) solid var(--border-strong);transition:border-color var(--dur-fast) var(--ease-snap);justify-content:center;align-items:center;min-width:0;min-height:160px;display:flex}.brand-clear__stage[data-under-threshold]{border-color:var(--danger-color)}.brand-clear__inner{background:var(--background-tertiary);min-width:0;padding:12px}.brand-clear__img{max-width:min(280px,100%);height:auto;display:block}.brand-clear__control{min-width:0;font-family:var(--font-mono);color:var(--foreground-muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-size:12px;display:grid}.brand-clear__control-label{letter-spacing:.06em;text-transform:uppercase}.brand-clear__control input[type=range]{width:100%;min-width:0}.brand-dodont{background:var(--background-primary);justify-content:center;align-items:center;min-width:0;min-height:96px;padding:16px;display:flex;overflow:hidden}.brand-dodont img{max-width:min(220px,100%);height:auto}.brand-dodont--stretched img{transform-origin:50%;max-width:min(138px,62%);transform:scaleX(1.6)}.brand-dodont--recoloured img{filter:hue-rotate(200deg)saturate(2)}.brand-dodont--busy{background-image:repeating-linear-gradient(45deg, var(--purple-color) 0, var(--purple-color) 12px, var(--warning-color) 12px, var(--warning-color) 24px)}.brand-dodont__caption{color:var(--foreground-secondary);font-size:13px;line-height:var(--lh-loose);margin:8px 0 16px}.brand-wordmark{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.brand-wordmark__tile{background:var(--background-secondary);border:1px solid var(--border-strong);flex-direction:column;gap:12px;min-width:0;min-height:140px;padding:20px;display:flex}.brand-wordmark__sample{font-family:var(--font-sans);color:var(--foreground-primary);overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:700}.brand-wordmark__img{max-width:64px;height:auto}.brand-wordmark__rule{color:var(--foreground-secondary);font-size:13px;line-height:var(--lh-loose);margin:0}@media (width<=560px){.brand-clear__control{grid-template-columns:minmax(0,1fr) auto}.brand-clear__control-label{grid-column:1/-1}}.app{grid-template-rows:var(--header-height) 1fr;min-height:100vh;display:grid}.site-breadcrumb{top:var(--header-height);z-index:calc(var(--z-site-header) - 1);height:var(--breadcrumbs-height);background:var(--gray-85);border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--foreground-muted);align-items:center;padding:0 20px;font-size:13px;display:flex;position:sticky}.site-breadcrumb .breadcrumb{width:100%}.site-header{z-index:var(--z-site-header);height:var(--header-height);background:var(--background-primary-translucent);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border-strong);align-items:center;gap:24px;padding:0 16px 0 20px;display:flex;position:sticky;top:0}.site-header__brand{color:var(--foreground-primary);font-family:var(--font-sans);letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.site-header__brand img{width:22px;height:22px;display:block}.site-header__brand em{font-style:normal;font-family:var(--font-mono);color:var(--foreground-muted);margin-left:6px;font-size:13px;font-weight:400}.site-header__nav{align-items:center;gap:18px;display:flex}.site-header__nav a{color:var(--foreground-secondary);border-bottom:2px solid #0000;padding-bottom:4px;font-size:15px;text-decoration:none}.site-header__nav a:hover{color:var(--foreground-primary)}.site-header__nav a[aria-current=page]{color:var(--foreground-primary);border-bottom-color:var(--yellow-gold);font-weight:700}.site-header__spacer{flex:1}.app__body{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:0;display:grid}.app__body--single{grid-template-columns:minmax(0,1fr)}@media (width<=900px){.app__body{grid-template-columns:1fr}}.sidebar{--sidebar-top:calc(var(--header-height) + var(--breadcrumbs-height));padding:20px 0 32px}.app__sidebar{display:contents}.app__backdrop{cursor:pointer;background:0 0;border:0;display:none}.site-header__hamburger{border:1px solid var(--foreground-quaternary);background:var(--background-secondary);width:40px;height:40px;color:var(--foreground-primary);cursor:pointer;justify-content:center;align-items:center;margin-right:4px;padding:0;display:none}.site-header__hamburger:hover{background:var(--background-tertiary)}.site-header__hamburger:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}@media (width<=900px){.site-header__hamburger{display:inline-flex}.site-header__nav{display:none}.app__sidebar{top:var(--header-height);background:var(--background-primary);border-right:1px solid var(--foreground-quaternary);visibility:hidden;z-index:40;width:min(320px,88vw);transition:transform .2s ease-out,visibility .2s;display:block;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000002e}body[data-nav-open] .app__sidebar{visibility:visible;transform:translate(0)}.app__sidebar .sidebar{border-right:0;max-height:none;display:flex;position:static}.app__backdrop{top:var(--header-height);opacity:0;pointer-events:none;z-index:35;background:#0006;transition:opacity .2s ease-out;display:block;position:fixed;bottom:0;left:0;right:0}body[data-nav-open] .app__backdrop{opacity:1;pointer-events:auto}body[data-nav-open]{overflow:hidden}}@media (prefers-reduced-motion:reduce){.app__sidebar,.app__backdrop{transition:none}}.content{min-width:0;padding:48px 48px 96px}@media (width<=1100px){.content{padding:40px 32px 80px}}@media (width<=700px){.content{padding:32px 20px 64px}}.content__inner{max-width:var(--content-max);margin:0 auto}.hero{border-bottom:1px solid var(--background-tertiary);margin-bottom:48px;padding:32px 0 56px}.hero__kicker{font-family:var(--font-mono);letter-spacing:.06em;color:var(--cta-background);align-items:center;gap:8px;margin:0 0 14px;font-size:13px;display:inline-flex}.hero__kicker:before{content:"";background:var(--cta-background);width:6px;height:6px;display:inline-block}.hero__title{font-size:var(--fs-3xl);letter-spacing:-.02em;max-width:18ch;margin:0 0 18px;line-height:1.05}.hero__title em{color:var(--cta-background);font-style:normal}.hero__lede{color:var(--foreground-secondary);max-width:64ch;margin:0 0 28px;font-size:20px;line-height:1.5}.hero__hint{font-family:var(--font-mono);color:var(--foreground-muted);max-width:64ch;margin:0 0 20px;font-size:14px}.hero__hint code{font-family:var(--font-mono);color:var(--foreground-primary)}.hero__actions{flex-wrap:wrap;gap:12px;margin:0 0 40px;display:flex}.hero__stats{border:1px solid var(--border-strong);background:var(--background-secondary);box-shadow:inset 0 1px 0 var(--surface-elevation-1);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}@media (width<=900px){.hero__stats{grid-template-columns:repeat(2,1fr)}}.hero__stat{border-right:1px solid var(--background-tertiary);padding:18px 20px}.hero__stat:last-child{border-right:0}@media (width<=900px){.hero__stat:nth-child(2){border-right:0}.hero__stat:nth-child(-n+2){border-bottom:1px solid var(--background-tertiary)}}.hero__stat-value{font-size:var(--fs-xl);color:var(--foreground-primary);font-weight:700;line-height:1.1;font-family:var(--font-mono);letter-spacing:-.02em;margin:0 0 4px}.hero__stat-label{font-size:13px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--foreground-muted);margin:0}.section{scroll-margin-top:calc(var(--header-height) + 24px);margin:0 0 64px}.section__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-muted);margin:0 0 8px;font-size:12px}.section__title{font-size:var(--fs-2xl);letter-spacing:-.01em;margin:0 0 14px}.section__lede{font-size:var(--fs-md);color:var(--foreground-secondary);max-width:72ch;margin:0 0 24px}.section-group{margin:0 0 80px}.section-group__header{border-bottom:2px solid var(--background-quaternary);margin-bottom:40px;padding-bottom:12px}.section-group__header-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-muted);margin:0 0 4px;font-size:12px}.section-group__header-title{font-size:var(--fs-xl);margin:0}.showcase{border:1px solid var(--border-strong);background:var(--background-primary);box-shadow:inset 0 1px 0 var(--surface-elevation-1);margin:0 0 24px}.showcase__head{border-bottom:1px solid var(--border-soft);background:var(--background-secondary);box-shadow:inset 0 1px 0 var(--surface-elevation-1);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 18px;display:flex}.showcase__head-title{font-size:15px;font-family:var(--font-mono);color:var(--foreground-primary);margin:0;font-weight:700}.showcase__head-meta{font-family:var(--font-mono);color:var(--foreground-muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px}.showcase__preview{background:var(--background-tertiary);border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:40px 24px;display:flex;position:relative}.showcase__preview:before{content:"";background-image:repeating-linear-gradient(0deg, var(--surface-elevation-2) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, var(--surface-elevation-2) 0 1px, transparent 1px 24px);pointer-events:none;position:absolute;inset:0}.showcase__preview>*{z-index:1;position:relative}.showcase__preview--stacked{flex-direction:column;align-items:stretch}.showcase__preview--plain{background:var(--background-primary)}.showcase__preview--plain:before{display:none}.showcase__tabs{border-bottom:1px solid var(--gray-75);background:var(--gray-85);display:flex}.showcase__tab{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px;font-size:12px}.showcase__tab:hover{color:var(--gray-00)}.showcase__tab[aria-selected=true]{color:var(--gray-00);border-bottom-color:var(--cta-background)}.showcase__menu{margin-left:auto;position:relative}.showcase__copy{font-family:var(--font-mono);letter-spacing:.05em;border:0;border-left:1px solid var(--gray-75);color:var(--foreground-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.showcase__copy:hover{color:var(--gray-00);background:var(--gray-80)}.showcase__copy.is-copied{color:var(--success-color)}.showcase__menu-list{background:var(--gray-85);border:1px solid var(--gray-75);min-width:180px;z-index:var(--z-flash);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);right:0}.showcase__menu-list button{text-align:left;width:100%;font-family:var(--font-mono);color:var(--foreground-secondary);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:12px;display:block}.showcase__menu-list button:hover,.showcase__menu-list button:focus-visible{background:var(--gray-80);color:var(--gray-00);outline:0}.showcase__head{position:relative}.showcase__source{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--foreground-muted);align-items:center;gap:6px;margin-left:auto;padding:2px 6px;font-size:11px;text-decoration:none;display:inline-flex}.showcase__source:hover{color:var(--gray-00)}.showcase__code{background:var(--editor-background);margin:0;padding:0}.showcase__code pre{max-height:480px;padding:16px 18px;font-size:13px;line-height:1.6}.showcase__panel{display:none}.showcase__panel.is-active{display:block}.props{margin:16px 0 0}.props__heading{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-muted);margin:0 0 8px;font-size:12px}.token-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.swatch{border:1px solid var(--background-tertiary);flex-direction:column;gap:0;display:flex}.swatch__chip{background:var(--swatch,transparent);height:60px}.swatch__meta{flex-direction:column;gap:0;padding:8px 10px;display:flex}.swatch__name{font-family:var(--font-mono);color:var(--foreground-primary);font-size:13px}.swatch__value{font-family:var(--font-mono);color:var(--foreground-muted);font-size:12px}.type-sample{border-bottom:1px solid var(--background-tertiary);grid-template-columns:160px 1fr;align-items:baseline;gap:16px;padding:12px 0;display:grid}.type-sample__meta{font-family:var(--font-mono);color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.type-sample__body{color:var(--foreground-primary)}.space-grid{grid-template-columns:140px 1fr;align-items:center;gap:8px 16px;display:grid}.space-grid__label{font-family:var(--font-mono);color:var(--foreground-muted);font-size:13px}.space-grid__bar{background:var(--cta-background);height:10px}.kbd{font-family:var(--font-mono);background:var(--background-secondary);border:1px solid var(--background-quaternary);color:var(--foreground-secondary);padding:1px 6px;font-size:12px;display:inline-block}.inline-list{flex-wrap:wrap;gap:8px 16px;display:flex}.footer{border-top:1px solid var(--background-tertiary);color:var(--foreground-muted);margin:80px 0 0;padding:32px 0;font-size:14px;line-height:1.6}.footer a{color:var(--foreground-secondary)}.footer a:hover{color:var(--foreground-primary)}