:root{--gray-000:#fff;--gray-025:#fbfbfb;--gray-050:#f5f5f6;--gray-100:#ececee;--gray-150:#e2e2e5;--gray-200:#d4d4d8;--gray-300:#b6b6bd;--gray-400:#97979f;--gray-500:#78787f;--gray-600:#5b5b61;--gray-700:#424248;--gray-750:#3a3a40;--gray-800:#2a2a2e;--gray-850:#222225;--gray-900:#1b1b1e;--gray-950:#151517;--gray-999:#000;--accent-base:#1881b5;--danger-base:#b3474f;--font-family-base:"PT Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fw-regular:400;--fw-bold:700;--text-xs-size:.75rem;--text-xs-line:1.1rem;--text-sm-size:.875rem;--text-sm-line:1.35rem;--text-base-size:1rem;--text-base-line:1.6rem;--text-md-size:1.125rem;--text-md-line:1.75rem;--text-lg-size:1.3rem;--text-lg-line:1.85rem;--text-xl-size:1.625rem;--text-xl-line:2.1rem;--text-2xl-size:2rem;--text-2xl-line:2.5rem;--text-3xl-size:clamp(1.9rem, 1.65rem + 1.1vw, 2.6rem);--text-3xl-line:1.2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--z-header:40;--z-dropdown:50;--z-overlay:60;--content-max-width:1180px}:root,[data-theme=light]{--bg-page:var(--gray-025);--bg-surface:var(--gray-000);--bg-surface-raised:var(--gray-000);--bg-subtle:var(--gray-050);--bg-hover:var(--gray-100);--bg-pressed:var(--gray-150);--bg-disabled:var(--gray-100);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--text-primary:var(--gray-999);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-on-accent:var(--gray-000);--shadow-color:0deg 0% 0%;--shadow-sm:0 1px 2px hsl(var(--shadow-color) / .07);--shadow-md:0 6px 16px hsl(var(--shadow-color) / .08), 0 1px 3px hsl(var(--shadow-color) / .06);--shadow-lg:0 16px 32px hsl(var(--shadow-color) / .12), 0 4px 10px hsl(var(--shadow-color) / .06);--accent:var(--accent-base);--accent-hover:#146d99;--accent-active:#115a7f;--accent-soft:#1881b51a;--accent-soft-strong:#1881b52e;--accent-border:#1881b573;--danger:var(--danger-base);--danger-hover:#9c3b42;--danger-soft:#b3474f1a;--danger-border:#b3474f80;--focus-ring:0 0 0 3px var(--accent-soft-strong);--scrollbar-thumb:var(--gray-300);--scrollbar-track:transparent;--overlay-scrim:#1b1b1e66}[data-theme=dark]{--bg-page:var(--gray-950);--bg-surface:var(--gray-900);--bg-surface-raised:var(--gray-850);--bg-subtle:var(--gray-850);--bg-hover:var(--gray-800);--bg-pressed:var(--gray-750);--bg-disabled:var(--gray-850);--border-subtle:var(--gray-850);--border-default:var(--gray-750);--border-strong:var(--gray-600);--text-primary:var(--gray-000);--text-secondary:var(--gray-200);--text-tertiary:var(--gray-400);--text-disabled:var(--gray-600);--text-on-accent:var(--gray-000);--shadow-color:0deg 0% 0%;--shadow-sm:0 1px 2px hsl(var(--shadow-color) / .4);--shadow-md:0 6px 16px hsl(var(--shadow-color) / .45), 0 1px 3px hsl(var(--shadow-color) / .3);--shadow-lg:0 16px 32px hsl(var(--shadow-color) / .55), 0 4px 10px hsl(var(--shadow-color) / .35);--accent:var(--accent-base);--accent-hover:#2e93c7;--accent-active:#45a1d1;--accent-soft:#1881b529;--accent-soft-strong:#1881b547;--accent-border:#1881b58c;--danger:#d97b81;--danger-hover:#e39499;--danger-soft:#d97b8124;--danger-border:#d97b8180;--focus-ring:0 0 0 3px var(--accent-soft-strong);--scrollbar-thumb:var(--gray-700);--scrollbar-track:transparent;--overlay-scrim:#0000008c}@font-face{font-family:PT Sans;src:url(/fonts/PTSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Sans;src:url(/fonts/PTSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{height:100%}body{font-family:var(--font-family-base);font-weight:var(--fw-regular);font-size:var(--text-base-size);line-height:var(--text-base-line);color:var(--text-primary);background:var(--bg-page);transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}ul,ol{padding:0;list-style:none}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--accent-soft-strong);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}em,i,cite,q{font-style:normal}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.theme-toggle{border-radius:var(--radius-full);flex-shrink:0}.theme-toggle:focus-visible{box-shadow:var(--focus-ring)}.theme-toggle__track{border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-default);width:3.25rem;height:1.875rem;transition:background-color var(--duration-base) var(--ease-standard);align-items:center;padding:3px;display:flex}.theme-toggle__thumb{background:var(--bg-surface);width:1.375rem;height:1.375rem;box-shadow:var(--shadow-sm);color:var(--accent);transition:transform var(--duration-base) var(--ease-standard);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translate(0)}.theme-toggle__thumb--dark{transform:translate(1.375rem)}.theme-toggle__icon{width:.85rem;height:.85rem}.header{z-index:var(--z-header);background:var(--bg-page);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.header__inner{max-width:var(--content-max-width);height:4.25rem;padding:0 var(--space-6);align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.header__nav-toggle{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:none}.header__nav-toggle svg{width:1.35rem;height:1.35rem}.header__nav-toggle:hover{background:var(--bg-hover)}.header__brand{align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;display:flex}.header__logo{width:1.9rem;height:1.9rem;color:var(--accent);flex-shrink:0}.header__wordmark{font-size:var(--text-md-size);font-weight:var(--fw-regular);color:var(--text-primary);white-space:nowrap}.header__wordmark-strong{font-weight:var(--fw-bold)}.header__actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.header__version{font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--text-tertiary);white-space:nowrap}@media (width<=900px){.header__nav-toggle{display:flex}}@media (width<=480px){.header__version{display:none}.header__inner{padding:0 var(--space-4)}}.side-nav{top:calc(4.25rem + var(--space-8));width:14rem;max-height:calc(100vh - 4.25rem - var(--space-16));padding-bottom:var(--space-8);flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.side-nav__list{border-left:1px solid var(--border-subtle);flex-direction:column;gap:2px;display:flex}.side-nav__group{padding:var(--space-2) var(--space-4) var(--space-1);margin-left:-1px;margin-top:var(--space-4);font-size:var(--text-xs-size);font-weight:var(--fw-bold);color:var(--text-disabled);text-transform:uppercase;letter-spacing:.04em}.side-nav__list li:first-child .side-nav__group{margin-top:0}.side-nav__link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm-size);color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border-left:2px solid #0000;margin-left:-1px;text-decoration:none;display:block}.side-nav__link:hover{color:var(--text-primary);background:var(--bg-hover)}.side-nav__link--active{color:var(--accent);border-left-color:var(--accent);font-weight:var(--fw-bold)}.side-nav__backdrop{display:none}@media (width<=900px){.side-nav{background:var(--bg-page);border-right:1px solid var(--border-default);width:16rem;max-height:none;box-shadow:var(--shadow-lg);padding:var(--space-6) var(--space-2);z-index:var(--z-overlay);transition:transform var(--duration-base) var(--ease-standard);position:fixed;top:4.25rem;bottom:0;left:0;transform:translate(-100%)}.side-nav--open{transform:translate(0)}.side-nav__backdrop{background:var(--overlay-scrim);z-index:calc(var(--z-overlay) - 1);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);display:block;position:fixed;inset:4.25rem 0 0}.side-nav__backdrop--visible{opacity:1;pointer-events:auto}}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);padding-bottom:calc(var(--space-4) + 3px);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-in var(--duration-base) var(--ease-standard);display:flex;position:relative;overflow:hidden}.toast--closing{animation:toast-out var(--duration-base) var(--ease-standard) forwards}.toast__icon{width:1.2rem;height:1.2rem;color:var(--text-tertiary);flex-shrink:0;margin-top:1px}.toast--accent .toast__icon{color:var(--accent)}.toast--danger{border-color:var(--danger-border)}.toast--danger .toast__icon{color:var(--danger)}.toast--danger .toast__timer{background:var(--danger)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--fw-bold);color:var(--text-primary)}.toast__description{font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--text-secondary);margin-top:2px}.toast__dismiss{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__dismiss svg{width:.95rem;height:.95rem}.toast__dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.toast__timer{background:var(--accent);transform-origin:0;width:100%;height:3px;animation-name:toast-timer;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.toast-viewport{top:var(--space-5);z-index:var(--z-overlay);gap:var(--space-3);width:22rem;max-width:calc(100vw - var(--space-8));flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.showcase-section{padding:var(--space-16) 0;border-bottom:1px solid var(--border-subtle);scroll-margin-top:calc(var(--space-16) + 1rem)}.showcase-section:last-child{border-bottom:none}.showcase-section__header{max-width:42rem;margin-bottom:var(--space-10)}.showcase-section__title{font-size:var(--text-2xl-size);line-height:var(--text-2xl-line);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.showcase-section__description{font-size:var(--text-md-size);line-height:var(--text-md-line);color:var(--text-secondary)}.showcase-section__body{gap:var(--space-8);flex-direction:column;display:flex}.showcase-block{gap:var(--space-3);flex-direction:column;display:flex}.showcase-block__label{font-size:var(--text-xs-size);line-height:var(--text-xs-line);font-weight:var(--fw-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.showcase-block__demo{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.showcase-row{display:flex}.showcase-row--align-center{align-items:center}.showcase-row--align-start{align-items:flex-start}.showcase-row--align-stretch{align-items:stretch}.showcase-row--gap-sm{gap:var(--space-2)}.showcase-row--gap-md{gap:var(--space-4)}.showcase-row--gap-lg{gap:var(--space-6)}@media (width<=640px){.showcase-section{padding:var(--space-12) 0}.showcase-block__demo{padding:var(--space-4)}}.type-scale{flex-direction:column;display:flex}.type-scale__row{gap:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle);grid-template-columns:12rem 1fr;align-items:baseline;display:grid}.type-scale__row:first-child{padding-top:0}.type-scale__row:last-child{border-bottom:none}.type-scale__meta{gap:var(--space-1);flex-direction:column;display:flex}.type-scale__token{font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.type-scale__usage{font-size:var(--text-sm-size);color:var(--text-secondary)}.type-scale__weight{font-size:var(--text-xs-size);color:var(--text-tertiary)}.type-scale__sample{color:var(--text-primary);overflow-wrap:anywhere}.type-scale__sample--regular{font-weight:var(--fw-regular)}.type-scale__sample--bold{font-weight:var(--fw-bold)}.type-scale__sample--3xl{font-size:var(--text-3xl-size);line-height:var(--text-3xl-line)}.type-scale__sample--2xl{font-size:var(--text-2xl-size);line-height:var(--text-2xl-line)}.type-scale__sample--xl{font-size:var(--text-xl-size);line-height:var(--text-xl-line)}.type-scale__sample--lg{font-size:var(--text-lg-size);line-height:var(--text-lg-line)}.type-scale__sample--md{font-size:var(--text-md-size);line-height:var(--text-md-line)}.type-scale__sample--base{font-size:var(--text-base-size);line-height:var(--text-base-line)}.type-scale__sample--sm{font-size:var(--text-sm-size);line-height:var(--text-sm-line)}.type-scale__sample--xs{font-size:var(--text-xs-size);line-height:var(--text-xs-line)}@media (width<=640px){.type-scale__row{gap:var(--space-2);grid-template-columns:1fr}}.color-groups{gap:var(--space-8);flex-direction:column;display:flex}.color-group{gap:var(--space-4);flex-direction:column;display:flex}.color-group__title{font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--text-secondary)}.color-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.color-swatch{gap:var(--space-2);flex-direction:column;display:flex}.color-swatch__box{border-radius:var(--radius-md);border:1px solid var(--border-default);height:4.5rem;box-shadow:var(--shadow-sm)}.color-swatch__meta{flex-direction:column;display:flex}.color-swatch__name{font-size:var(--text-sm-size);color:var(--text-primary)}.color-swatch__token{font-size:var(--text-xs-size);color:var(--text-tertiary)}.color-swatch__value{font-size:var(--text-xs-size);color:var(--text-disabled);letter-spacing:.02em}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family-base);font-weight:var(--fw-bold);white-space:nowrap;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--md{height:2.75rem;padding:0 var(--space-5);font-size:var(--text-base-size)}.btn--sm{height:2.25rem;padding:0 var(--space-4);font-size:var(--text-sm-size)}.btn--md.btn--icon-only{width:2.75rem;padding:0}.btn--sm.btn--icon-only{width:2.25rem;padding:0}.btn__icon{flex-shrink:0;width:1.125rem;height:1.125rem}.btn--sm .btn__icon{width:1rem;height:1rem}.btn--primary{background:var(--accent);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-active)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn--secondary:active:not(:disabled){background:var(--bg-pressed)}.btn--ghost{color:var(--text-primary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-hover)}.btn--ghost:active:not(:disabled){background:var(--bg-pressed)}.btn--danger{color:var(--danger);border-color:var(--danger-border);background:0 0}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.pill{align-items:center;gap:var(--space-2);height:2.25rem;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-family-base);font-weight:var(--fw-bold);font-size:var(--text-sm-size);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);display:inline-flex}.pill__icon{flex-shrink:0;width:1rem;height:1rem}button.pill:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.pill--selected{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}button.pill--selected:hover{background:var(--accent-soft-strong);border-color:var(--accent-border);color:var(--accent)}.pill-filter-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--space-2);height:1.5rem;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs-size);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge__dot--pulse{animation:1.8s ease-in-out infinite badge-blink}@media (prefers-reduced-motion:reduce){.badge__dot--pulse{animation:none}}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.25}}.badge--neutral{background:var(--bg-hover);color:var(--text-secondary)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--outline{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}.badge--danger{background:var(--danger-soft);color:var(--danger)}.checkbox{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:inline-flex}.checkbox--disabled{cursor:not-allowed;opacity:.5}.checkbox__box{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.15rem;position:relative}.checkbox__box input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.checkbox__control{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-surface);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.checkbox__mark{width:.9rem;height:.9rem;color:var(--text-on-accent);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);transform:scale(.6)}.checkbox__box input:checked+.checkbox__control,.checkbox__box input:indeterminate+.checkbox__control{background:var(--accent);border-color:var(--accent)}.checkbox__box input:checked+.checkbox__control .checkbox__mark,.checkbox__box input:indeterminate+.checkbox__control .checkbox__mark{opacity:1;transform:scale(1)}.checkbox__box input:focus-visible+.checkbox__control{box-shadow:var(--focus-ring)}.checkbox:hover .checkbox__control{border-color:var(--accent)}.checkbox__text{gap:var(--space-1);flex-direction:column;padding-top:.05rem;display:flex}.checkbox__label{font-size:var(--text-base-size);line-height:var(--text-base-line);color:var(--text-primary);font-weight:var(--fw-regular)}.checkbox__description{font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--text-tertiary)}.collapsible{transition:max-height var(--duration-base) var(--ease-standard);overflow:hidden}.collapsible__inner{padding-top:var(--space-1)}.checkbox-group{gap:var(--space-3);flex-direction:column;display:flex}.checkbox-group__parent-row{align-items:center;gap:var(--space-2);display:flex}.checkbox-group__collapse-toggle{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-group__collapse-toggle svg{width:1rem;height:1rem;transition:transform var(--duration-base) var(--ease-standard)}.checkbox-group__collapse-toggle--open svg{transform:rotate(180deg)}.checkbox-group__collapse-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.checkbox-group__children{gap:var(--space-3);margin-left:var(--space-6);padding-left:var(--space-4);padding-top:var(--space-1);border-left:1px solid var(--border-subtle);flex-direction:column;display:flex}.switch{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:inline-flex}.switch--disabled{cursor:not-allowed;opacity:.5}.switch__control{flex-shrink:0;width:2.5rem;height:1.5rem;position:relative}.switch__control input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.switch__track{border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-default);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);position:absolute;inset:0}.switch__thumb{background:var(--gray-000);width:1.1rem;height:1.1rem;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard);border-radius:50%;position:absolute;top:2px;left:2px}.switch__control input:checked+.switch__track{background:var(--accent);border-color:var(--accent)}.switch__control input:checked+.switch__track .switch__thumb{transform:translate(1rem)}.switch__control input:focus-visible+.switch__track{box-shadow:var(--focus-ring)}.switch:hover .switch__track{border-color:var(--border-strong)}.switch:hover input:checked+.switch__track{border-color:var(--accent)}.switch__text{gap:var(--space-1);flex-direction:column;padding-top:.1rem;display:flex}.switch__label{font-size:var(--text-base-size);line-height:var(--text-base-line);color:var(--text-primary)}.switch__description{font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--text-tertiary)}.radio{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.radio--disabled{cursor:not-allowed;opacity:.5}.radio__box{flex-shrink:0;width:1.25rem;height:1.25rem;position:relative}.radio__box input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.radio__control{border:1.5px solid var(--border-strong);background:var(--bg-surface);transition:border-color var(--duration-fast) var(--ease-standard);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.radio__dot{background:var(--accent);opacity:0;width:.6rem;height:.6rem;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:50%;transform:scale(.4)}.radio__box input:checked+.radio__control{border-color:var(--accent)}.radio__box input:checked+.radio__control .radio__dot{opacity:1;transform:scale(1)}.radio__box input:focus-visible+.radio__control{box-shadow:var(--focus-ring)}.radio:hover .radio__control{border-color:var(--accent)}.radio__label{font-size:var(--text-base-size);line-height:var(--text-base-line);color:var(--text-primary)}.radio-group{border:none;margin:0;padding:0}.radio-group__legend{margin-bottom:var(--space-3);font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--text-secondary);padding:0}.radio-group__options{gap:var(--space-3);display:flex}.radio-group__options--vertical{flex-direction:column}.radio-group__options--horizontal{gap:var(--space-5);flex-flow:wrap}.switches-stack{gap:var(--space-4);flex-direction:column;display:flex}.text-field{gap:var(--space-2);flex-direction:column;width:100%;max-width:22rem;display:flex}.text-field--disabled{opacity:.5}.text-field__label{font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--fw-bold);color:var(--text-secondary)}.text-field__required{color:var(--accent)}.text-field__input{height:2.75rem;padding:0 var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--text-base-size);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.text-field__input::placeholder{color:var(--text-tertiary)}.text-field__input:hover:not(:disabled){border-color:var(--border-strong)}.text-field__input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.text-field__input:disabled{cursor:not-allowed;background:var(--bg-disabled)}.text-field__input--error{border-color:var(--danger-border)}.text-field__input--error:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.text-field__message{align-items:center;gap:var(--space-1);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--text-tertiary);display:flex}.text-field__message--error{color:var(--danger)}.text-field__message svg{flex-shrink:0;width:1rem;height:1rem}.search-bar{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;max-width:22rem;height:2.75rem;transition:border-color var(--duration-fast) var(--ease-standard);align-items:center;display:flex;position:relative}.search-bar:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.search-bar__icon{width:1.1rem;height:1.1rem;color:var(--text-tertiary);margin-left:var(--space-3);flex-shrink:0}.search-bar__input{min-width:0;height:100%;padding:0 var(--space-3);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--text-base-size);background:0 0;border:none;flex:1}.search-bar__input:focus{outline:none}.search-bar__input:focus-visible{box-shadow:none;border-radius:0}.search-bar__input::placeholder{color:var(--text-tertiary)}.search-bar__clear{width:1.75rem;height:1.75rem;margin-right:var(--space-2);border-radius:var(--radius-full);color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-bar__clear svg{width:1rem;height:1rem}.search-bar__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.combobox{width:100%;max-width:22rem;position:relative}.combobox__field{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:2.75rem;transition:border-color var(--duration-fast) var(--ease-standard);align-items:center;display:flex;position:relative}.combobox__field:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.combobox__icon{width:1.1rem;height:1.1rem;color:var(--text-tertiary);margin-left:var(--space-3);flex-shrink:0}.combobox__input{min-width:0;height:100%;padding:0 var(--space-3);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--text-base-size);background:0 0;border:none;flex:1}.combobox__input:focus{outline:none}.combobox__input:focus-visible{box-shadow:none;border-radius:0}.combobox__input::placeholder{color:var(--text-tertiary)}.combobox__clear{width:1.75rem;height:1.75rem;margin-right:var(--space-2);border-radius:var(--radius-full);color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.combobox__clear svg{width:1rem;height:1rem}.combobox__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.combobox__list{top:calc(100% + var(--space-2));z-index:var(--z-dropdown);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);max-height:16rem;box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;transform-origin:top;pointer-events:none;visibility:hidden;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);flex-direction:column;gap:2px;display:flex;position:absolute;left:0;right:0;overflow-y:auto;transform:translateY(-6px)scaleY(.98)}.combobox__list--open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scaleY(1)}.combobox__option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base-size);color:var(--text-primary);cursor:pointer}.combobox__option--highlighted{background:var(--bg-hover)}.combobox__empty{padding:var(--space-2) var(--space-3);font-size:var(--text-sm-size);color:var(--text-tertiary)}.search-results{gap:var(--space-1);margin-top:var(--space-4);flex-direction:column;max-width:22rem;display:flex}.search-results li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm-size);color:var(--text-primary)}.search-results li:not(.search-results__empty):hover{background:var(--bg-hover)}.search-results__empty{color:var(--text-tertiary)}.search-selection{margin-top:var(--space-4);font-size:var(--text-sm-size);color:var(--text-secondary)}.search-selection strong{color:var(--accent);font-weight:var(--fw-bold)}.dropdown{gap:var(--space-2);flex-direction:column;width:100%;max-width:20rem;display:flex;position:relative}.dropdown__label{font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--fw-bold);color:var(--text-secondary)}.dropdown__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);height:2.75rem;padding:0 var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--text-base-size);text-align:left;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);display:flex}.dropdown__trigger:hover:not(:disabled){border-color:var(--border-strong)}.dropdown__trigger--open{border-color:var(--accent)}.dropdown__trigger:disabled{cursor:not-allowed;opacity:.5}.dropdown__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown__value--placeholder{color:var(--text-tertiary)}.dropdown__chevron{width:1.1rem;height:1.1rem;color:var(--text-tertiary);transition:transform var(--duration-base) var(--ease-standard);flex-shrink:0}.dropdown__trigger--open .dropdown__chevron{color:var(--accent);transform:rotate(180deg)}.dropdown__list{top:calc(100% + var(--space-2));z-index:var(--z-dropdown);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);max-height:16rem;box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;transform-origin:top;pointer-events:none;visibility:hidden;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);flex-direction:column;gap:2px;display:flex;position:absolute;left:0;right:0;overflow-y:auto;transform:translateY(-6px)scaleY(.98)}.dropdown__list--open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scaleY(1)}.dropdown__option{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base-size);color:var(--text-primary);cursor:pointer;display:flex}.dropdown__option--highlighted{background:var(--bg-hover)}.dropdown__option--selected{font-weight:var(--fw-bold);color:var(--accent)}.dropdown__option--disabled{color:var(--text-disabled);cursor:not-allowed}.dropdown__check{width:1rem;height:1rem;color:var(--accent);flex-shrink:0}.slider{gap:var(--space-3);flex-direction:column;width:100%;max-width:24rem;display:flex}.slider--disabled{opacity:.5}.slider__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.slider__label{font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--fw-bold);color:var(--text-secondary)}.slider__value{font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--accent);font-variant-numeric:tabular-nums}.slider__track-wrap{align-items:center;height:1.5rem;display:flex;position:relative}.slider__track{border-radius:var(--radius-full);background:var(--bg-hover);height:4px;position:absolute;left:0;right:0;overflow:hidden}.slider__fill{background:var(--accent);border-radius:var(--radius-full);height:100%}.slider__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:relative}.slider--disabled .slider__input{cursor:not-allowed}.slider__input::-webkit-slider-runnable-track{background:0 0;height:4px}.slider__input::-moz-range-track{background:0 0;height:4px}.slider__input::-webkit-slider-thumb{appearance:none;background:var(--gray-000);border:2.5px solid var(--accent);width:1.15rem;height:1.15rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%;margin-top:-.575rem}.slider__input::-moz-range-thumb{background:var(--gray-000);border:2.5px solid var(--accent);width:1.15rem;height:1.15rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%}.slider__input:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.slider__input:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.slider__input:disabled{pointer-events:none}.carousel{align-items:center;gap:var(--space-3);display:flex}.carousel__track{gap:var(--space-4);scroll-snap-type:x proximity;padding:var(--space-1) var(--space-1) var(--space-3);scroll-behavior:smooth;flex:1;display:flex;overflow-x:auto}.carousel__track:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-md);outline:none}.carousel__item{scroll-snap-align:start;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);width:15rem;padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:none;display:flex}.carousel__nav{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);width:2.5rem;height:2.5rem;color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex-shrink:0;justify-content:center;align-items:center;display:flex}.carousel__nav svg{width:1.15rem;height:1.15rem}.carousel__nav:hover{background:var(--bg-hover);border-color:var(--border-strong)}@media (width<=640px){.carousel__nav{display:none}}.slider-stack{gap:var(--space-6);flex-direction:column;display:flex}.slider-card__control{font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.slider-card__leg{font-size:var(--text-xl-size);font-weight:var(--fw-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.slider-card__place{font-size:var(--text-sm-size);color:var(--accent)}.tabs{gap:var(--space-5);flex-direction:column;display:flex}.tabs__list{gap:var(--space-1);border-bottom:1px solid var(--border-default);display:flex;position:relative;overflow-x:auto}.tabs__tab{padding:var(--space-3) var(--space-4);font-family:var(--font-family-base);font-weight:var(--fw-bold);font-size:var(--text-base-size);color:var(--text-tertiary);white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--duration-fast) var(--ease-standard)}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab--active{color:var(--accent)}.tabs__indicator{background:var(--accent);height:2px;transition:transform var(--duration-base) var(--ease-standard), width var(--duration-base) var(--ease-standard);position:absolute;bottom:-1px;left:0}.tabs__panel{animation:tabs-fade-in var(--duration-slow) var(--ease-standard)}.tabs__panel:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}@keyframes tabs-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tabs-demo__text{max-width:36rem;color:var(--text-secondary);line-height:var(--text-base-line)}.table-wrap{border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm-size)}.table th{text-align:left;background:var(--bg-subtle);border-bottom:1px solid var(--border-default);white-space:nowrap;padding:0}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--duration-fast) var(--ease-standard)}.table tbody tr:hover{background:var(--bg-hover)}.table__sort{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-base);font-weight:var(--fw-bold);font-size:var(--text-sm-size);color:var(--text-secondary);display:inline-flex}.table__sort:hover{color:var(--text-primary)}.table__sort--active{color:var(--accent)}.table__sort svg{flex-shrink:0;width:.9rem;height:.9rem}.table__sort-idle{color:var(--text-tertiary);opacity:.7}.pagination{align-items:center;gap:var(--space-1);display:flex}.pagination__nav,.pagination__page{min-width:2.25rem;height:2.25rem;padding:0 var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.pagination__nav svg{width:1.05rem;height:1.05rem}.pagination__nav:hover:not(:disabled),.pagination__page:hover{background:var(--bg-hover);color:var(--text-primary)}.pagination__nav:disabled{color:var(--text-disabled);cursor:not-allowed}.pagination__page--active{background:var(--accent-soft);color:var(--accent)}.pagination__page--active:hover{background:var(--accent-soft-strong);color:var(--accent)}.pagination__ellipsis{min-width:2.25rem;height:2.25rem;color:var(--text-tertiary);font-size:var(--text-sm-size);justify-content:center;align-items:center;display:flex}.pagination-list{margin-bottom:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.pagination-list li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm-size);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);display:flex}.pagination-list li:last-child{border-bottom:none}.pagination-list__club{color:var(--text-tertiary)}.link-demo__paragraph{max-width:38rem;color:var(--text-secondary);line-height:var(--text-base-line)}.link{align-items:center;gap:var(--space-1);color:var(--accent);text-underline-offset:3px;font-weight:var(--fw-bold);transition:text-decoration-color var(--duration-fast) var(--ease-standard);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.link:hover,.link:focus-visible{text-decoration-color:currentColor}.link svg{width:.95rem;height:.95rem}.link--disabled{color:var(--text-disabled);cursor:not-allowed;text-decoration:none}.modal-backdrop{z-index:var(--z-overlay);padding:var(--space-6);background:var(--overlay-scrim);animation:modal-backdrop-in var(--duration-base) var(--ease-standard);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop--closing{animation:modal-backdrop-out var(--duration-base) var(--ease-standard) forwards}.modal-panel{width:100%;max-width:28rem;max-height:calc(100vh - var(--space-12));background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-panel-in var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.modal-panel--closing{animation:modal-panel-out var(--duration-base) var(--ease-standard) forwards}.modal-panel:focus{outline:none}.modal-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) 0;display:flex}.modal-panel__title{font-size:var(--text-lg-size);line-height:var(--text-lg-line);font-weight:var(--fw-bold);color:var(--text-primary)}.modal-panel__close{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-panel__close svg{width:1.15rem;height:1.15rem}.modal-panel__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-panel__body{padding:var(--space-4) var(--space-5) var(--space-5);font-size:var(--text-base-size);line-height:var(--text-base-line);color:var(--text-secondary);overflow-y:auto}.modal-panel__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-panel-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(8px)}}.tooltip{display:inline-flex;position:relative}.tooltip__bubble{z-index:var(--z-overlay);padding:var(--space-1) var(--space-3);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--text-xs-size);font-weight:var(--fw-bold);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), visibility var(--duration-fast);position:absolute}.tooltip:hover .tooltip__bubble{opacity:1;visibility:visible;transition-delay:.5s}.tooltip:has(:focus-visible) .tooltip__bubble{opacity:1;visibility:visible;transition-delay:.5s}.tooltip--top .tooltip__bubble{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tooltip--top:hover .tooltip__bubble{transform:translate(-50%)}.tooltip--top:has(:focus-visible) .tooltip__bubble{transform:translate(-50%)}.tooltip--bottom .tooltip__bubble{top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tooltip--bottom:hover .tooltip__bubble{transform:translate(-50%)}.tooltip--bottom:has(:focus-visible) .tooltip__bubble{transform:translate(-50%)}.menu{display:inline-flex;position:relative}.menu__list{top:calc(100% + var(--space-2));z-index:var(--z-dropdown);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:12rem;box-shadow:var(--shadow-lg);padding:var(--space-2);gap:var(--space-1);opacity:0;transform-origin:top;pointer-events:none;visibility:hidden;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;position:absolute;transform:translateY(-6px)scaleY(.98)}.menu__list--start{left:0}.menu__list--end{right:0}.menu__list--open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scaleY(1)}.menu__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-size:var(--text-sm-size);color:var(--text-primary);text-align:left;display:flex}.menu__item svg{width:1rem;height:1rem;color:var(--text-tertiary);flex-shrink:0}.menu__item:hover:not(:disabled),.menu__item:focus-visible,.menu__item--highlighted:not(:disabled){background:var(--bg-hover)}.menu__item:disabled{color:var(--text-disabled);cursor:not-allowed}.menu__item--danger,.menu__item--danger svg{color:var(--danger)}.menu__item--danger:hover:not(:disabled),.menu__item--danger.menu__item--highlighted:not(:disabled){background:var(--danger-soft)}.menu__separator{height:1px;margin:var(--space-1) 0;background:var(--border-subtle)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-subtle);display:flex}.alert__icon{width:1.2rem;height:1.2rem;color:var(--text-tertiary);flex-shrink:0;margin-top:1px}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--fw-bold);color:var(--text-primary)}.alert__body{font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--text-secondary);margin-top:2px}.alert__dismiss{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert__dismiss svg{width:.95rem;height:.95rem}.alert__dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.alert--accent{background:var(--accent-soft);border-color:var(--accent-border)}.alert--accent .alert__icon{color:var(--accent)}.alert--danger{background:var(--danger-soft);border-color:var(--danger-border)}.alert--danger .alert__icon{color:var(--danger)}.alerts-stack{gap:var(--space-3);flex-direction:column;display:flex}.alerts-dismissed-note{font-size:var(--text-sm-size);color:var(--text-tertiary)}.stepper{align-items:center;width:100%;display:flex}.stepper__step{flex:1 1 0;align-items:center;display:flex}.stepper__step:last-child{flex:none}.stepper__marker{border:1.5px solid var(--border-strong);background:var(--bg-surface);width:2rem;height:2rem;color:var(--text-tertiary);font-size:var(--text-sm-size);font-weight:var(--fw-bold);transition:background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stepper__marker svg{width:1.05rem;height:1.05rem}.stepper__label{margin-left:var(--space-3);white-space:nowrap;font-size:var(--text-sm-size);font-weight:var(--fw-bold);color:var(--text-tertiary)}.stepper__connector{height:1.5px;margin:0 var(--space-3);background:var(--border-default);transition:background-color var(--duration-base) var(--ease-standard);flex:1}.stepper__step--complete .stepper__marker{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.stepper__step--complete .stepper__label{color:var(--text-primary)}.stepper__step--complete .stepper__connector{background:var(--accent)}.stepper__step--current .stepper__marker{border-color:var(--accent);color:var(--accent)}.stepper__step--current .stepper__label{color:var(--text-primary)}@media (width<=640px){.stepper__label{display:none}}.progress-stack{gap:var(--space-6);flex-direction:column;display:flex}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);flex-direction:column;display:flex}.empty-state__icon{width:2.25rem;height:2.25rem;color:var(--text-disabled);margin-bottom:var(--space-2)}.empty-state__title{font-size:var(--text-md-size);line-height:var(--text-md-line);font-weight:var(--fw-bold);color:var(--text-primary)}.empty-state__description{max-width:26rem;font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--text-tertiary)}.empty-state__action{margin-top:var(--space-4)}.skeleton{background:var(--bg-hover);border-radius:var(--radius-sm);animation:1.4s ease-in-out infinite skeleton-pulse;display:inline-block}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.states-skeleton-table{gap:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;display:flex}.states-skeleton-row{align-items:center;gap:var(--space-4);display:flex}.states-skeleton-row .skeleton{height:.9rem}.page-layout{max-width:var(--content-max-width);padding:0 var(--space-6);gap:var(--space-12);align-items:flex-start;margin:0 auto;display:flex}.page-content{flex:1;min-width:0}.hero{max-width:42rem;padding:var(--space-20) 0 var(--space-12)}.hero__title{font-size:var(--text-3xl-size);line-height:var(--text-3xl-line);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.hero__description{font-size:var(--text-md-size);line-height:var(--text-md-line);color:var(--text-secondary)}.page-footer{padding:var(--space-12) 0 var(--space-16);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm-size)}@media (width<=900px){.page-layout{padding:0 var(--space-5)}}@media (width<=640px){.page-layout{padding:0 var(--space-4)}.hero{padding:var(--space-12) 0 var(--space-8)}}