:root{--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1440px;--bp-ultrawide: 2560px;--mobile-max: var(--bp-mobile);--tablet-min: calc(var(--bp-mobile) + 1px);--tablet-max: var(--bp-tablet);--desktop-min: calc(var(--bp-tablet) + 1px);--desktop-max: var(--bp-desktop);--wide-min: calc(var(--bp-desktop) + 1px);--wide-max: var(--bp-wide);--ultrawide-min: calc(var(--bp-wide) + 1px);--container-sm: 40rem;--container-md: 60rem;--container-lg: 80rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation;height:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--c-focus-ring, #005fcc);outline-offset:2px}::selection{background-color:oklch(from var(--c-primary, #005fcc) 85% .1 h / .3);color:inherit}img,video,canvas,svg{display:block;max-width:100%;height:auto}body{font-family:var(--font-body, system-ui, -apple-system, sans-serif);font-size:var(--text-body, 1rem);background-color:var(--c-bg, #ffffff);color:var(--c-text, #111111);line-height:var(--line-height-body, 1.5);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100%;text-rendering:optimizeLegibility}:root{--brand-h: 260;--brand-c: .11;--brand-l-light: 60%;--brand-l-dark: 74%;--neutral-c: .01;--h-complementary: calc(var(--brand-h) + 180);--h-analogous-1: calc(var(--brand-h) + 30);--h-analogous-2: calc(var(--brand-h) - 30);--h-triad-1: calc(var(--brand-h) + 120);--h-triad-2: calc(var(--brand-h) - 120);--h-split-comp-1: calc(var(--brand-h) + 150);--h-split-comp-2: calc(var(--brand-h) - 150);--h-success: 150;--h-error: 25;--h-warning: 80;--h-info: 210;color-scheme:light dark;--h-accent: var(--h-analogous-1);--h-support: var(--h-analogous-2);--c-bg: light-dark( oklch(99% var(--neutral-c) var(--brand-h)), oklch(8% var(--neutral-c) var(--brand-h)) );--c-surface: light-dark(#ffffff, oklch(18% var(--neutral-c) var(--brand-h)));--c-surface-elevated: light-dark( oklch(99.5% .005 var(--brand-h)), oklch(24% var(--neutral-c) var(--brand-h)) );--c-surface-inverse: light-dark( oklch(15% .02 var(--brand-h)), oklch(98% var(--neutral-c) var(--brand-h)) );--c-text: light-dark( oklch(15% var(--neutral-c) var(--brand-h)), oklch(97% var(--neutral-c) var(--brand-h)) );--c-text-subtle: light-dark( oklch(45% var(--neutral-c) var(--brand-h)), oklch(75% var(--neutral-c) var(--brand-h)) );--c-text-muted: light-dark( oklch(70% var(--neutral-c) var(--brand-h)), oklch(50% var(--neutral-c) var(--brand-h)) );--c-text-on-color: light-dark(#ffffff, oklch(10% .02 var(--brand-h)));--c-text-on-inverse: light-dark( oklch(98% var(--neutral-c) var(--brand-h)), oklch(15% .02 var(--brand-h)) );--c-primary: light-dark( oklch(var(--brand-l-light) var(--brand-c) var(--brand-h)), oklch(var(--brand-l-dark) var(--brand-c) var(--brand-h)) );--c-primary-hover: light-dark( oklch(calc(var(--brand-l-light) - 8%) var(--brand-c) var(--brand-h)), oklch(calc(var(--brand-l-dark) + 4%) var(--brand-c) var(--brand-h)) );--c-primary-soft: light-dark( oklch(from var(--c-primary) l c h / .1), oklch(from var(--c-primary) l c h / .2) );--c-accent: light-dark( oklch(var(--brand-l-light) var(--brand-c) var(--h-accent)), oklch(var(--brand-l-dark) var(--brand-c) var(--h-accent)) );--c-accent-soft: light-dark( oklch(from var(--c-accent) l c h / .1), oklch(from var(--c-accent) l c h / .2) );--c-support: light-dark( oklch(var(--brand-l-light) calc(var(--brand-c) * .7) var(--h-support)), oklch(var(--brand-l-dark) calc(var(--brand-c) * .7) var(--h-support)) );--c-success: light-dark( oklch(72% .13 var(--h-success)), oklch(78% .12 var(--h-success)) );--c-error: light-dark( oklch(72% .13 var(--h-error)), oklch(78% .12 var(--h-error)) );--c-warning: light-dark( oklch(82% .11 var(--h-warning)), oklch(85% .1 var(--h-warning)) );--c-info: light-dark( oklch(72% .13 var(--h-info)), oklch(78% .12 var(--h-info)) );--c-border: light-dark( oklch(92% var(--neutral-c) var(--brand-h)), oklch(28% var(--neutral-c) var(--brand-h)) );--c-border-strong: light-dark( oklch(82% calc(var(--neutral-c) + .01) var(--brand-h)), oklch(40% calc(var(--neutral-c) + .01) var(--brand-h)) );--c-focus-ring: light-dark( oklch(from var(--c-primary) l c h / .5), oklch(from var(--c-primary) l c h / .6) );--c-disabled-opacity: light-dark(.55, .45);--c-disabled-border: var(--c-border);--c-disabled-bg: var(--c-border);--c-disabled-text: var(--c-text-muted);--shadow-sm: 0 2px 6px oklch(0% 0 0 / .15);--shadow-md: 0 4px 12px oklch(0% 0 0 / .12), 0 8px 16px oklch(0% 0 0 / .08)}@media(prefers-color-scheme:dark){:root :root{--shadow-sm: 0 4px 20px oklch(0% 0 var(--brand-h) / .4);--shadow-md: 0 12px 40px oklch(0% 0 var(--brand-h) / .35)}}:root .dark-mode{--shadow-sm: 0 4px 20px oklch(0% 0 var(--brand-h) / .4);--shadow-md: 0 12px 40px oklch(0% 0 var(--brand-h) / .35)}.light-mode{color-scheme:light}.dark-mode{color-scheme:dark}:root{font-size:100%;--space-unit: .25rem;--space-ratio: 1.5;--space-0: calc(var(--space-unit) * pow(var(--space-ratio), 0));--space-1: calc(var(--space-unit) * pow(var(--space-ratio), 1));--space-2: calc(var(--space-unit) * pow(var(--space-ratio), 2));--space-3: calc(var(--space-unit) * pow(var(--space-ratio), 3));--space-4: calc(var(--space-unit) * pow(var(--space-ratio), 4));--space-5: calc(var(--space-unit) * pow(var(--space-ratio), 5));--space-6: calc(var(--space-unit) * pow(var(--space-ratio), 6));--space-7: calc(var(--space-unit) * pow(var(--space-ratio), 7));--space-8: calc(var(--space-unit) * pow(var(--space-ratio), 8));--stack-xs: var(--space-1);--stack-sm: var(--space-2);--stack-md: var(--space-3);--stack-lg: var(--space-4);--stack-xl: var(--space-5);--inset-xs: var(--space-2);--inset-sm: var(--space-3);--inset-md: var(--space-4);--inset-lg: var(--space-5);--inset-xl: var(--space-6);--inset-squish-xs: var(--space-0) var(--space-3);--inset-squish-sm: var(--space-1) var(--space-3);--inset-squish-md: var(--space-2) var(--space-4);--inset-squish-lg: var(--space-3) var(--space-5);--inset-squish-xl: var(--space-4) var(--space-6);--inline-xs: var(--space-1);--inline-sm: var(--space-2);--inline-md: var(--space-3);--inline-lg: var(--space-4);--inline-xl: var(--space-5);--gap-xs: var(--space-1);--gap-sm: var(--space-2);--gap-md: var(--space-3);--gap-lg: var(--space-4);--gap-xl: var(--space-5);--r-base: .25rem;--r-xs: calc(var(--r-base) / 2);--r-sm: var(--r-base);--r-md: calc(var(--r-base) * var(--space-ratio));--r-lg: calc(var(--r-base) * pow(var(--space-ratio), 2));--r-xl: calc(var(--r-base) * pow(var(--space-ratio), 3));--r-full: 9999px}@media (max-width: var(--mobile-max)){:root{font-size:90%;--space-ratio: 1.4}}@media (min-width: var(--wide-min)){:root{font-size:110%}}@media (min-width: var(--ultrawide-min)){:root{font-size:125%;--space-ratio: 1.618}}:root{--f-base: 1rem;--f-ratio: 1.25;--font-primary: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-secondary: Georgia, "Times New Roman", serif;--font-mono: "SF Mono", "Menlo", "Monaco", monospace;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-base: 1.5;--lh-loose: 1.8;--ls-tight: -.02em;--ls-base: 0;--ls-wide: .05em;--f-xs: calc(var(--f-base) * pow(var(--f-ratio), -1));--f-sm: var(--f-base);--f-md: calc(var(--f-base) * pow(var(--f-ratio), 1));--f-lg: calc(var(--f-base) * pow(var(--f-ratio), 2));--f-xl: calc(var(--f-base) * pow(var(--f-ratio), 3));--f-2xl: calc(var(--f-base) * pow(var(--f-ratio), 4));--f-3xl: calc(var(--f-base) * pow(var(--f-ratio), 5));--h1: var(--f-2xl);--h2: var(--f-xl);--h3: var(--f-lg);--h4: var(--f-md);--h5: var(--f-sm);--h6: var(--f-xs);--text-body: var(--f-sm);--text-large: var(--f-md);--text-small: var(--f-xs);--text-button: var(--f-sm);--text-label: var(--f-xs);--text-caption: var(--f-xs);--text-overline: var(--f-xs);--text-display: var(--f-3xl);--line-height-body: calc(var(--space-md) * 2);--line-height-heading: calc(var(--space-md) * 1.5);--margin-bottom-heading: var(--stack-sm);--margin-bottom-paragraph: var(--stack-md);--font-body: var(--font-primary);--font-heading: var(--font-primary);--font-code: var(--font-mono)}@media (max-width: var(--mobile-max)){:root{--f-ratio: 1.2}}@media(min-width: var(--tablet-min))and (max-width: var(--tablet-max)){:root{--f-ratio: 1.25}}@media (min-width: var(--wide-min)){:root{--f-ratio: 1.333}}@media (min-width: var(--ultrawide-min)){:root{--f-ratio: 1.414}}:root{--z-base: 0;--z-sticky: 100;--z-navbar: 200;--z-dropdown: 300;--z-popover: 400;--z-overlay: 1000;--z-modal: 1100;--z-drawer: 1200;--z-toast: 2000}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--inline-xs);font-family:var(--font-body);font-size:var(--text-button);font-weight:var(--fw-medium);line-height:1;padding:var(--inset-squish-sm);border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:all .15s ease}.btn:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:2px}.btn:disabled{opacity:var(--c-disabled-opacity);cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--c-primary);color:var(--c-text-on-color)}.btn-primary:hover:not(:disabled){background:var(--c-primary-soft);color:var(--c-primary);border-color:var(--c-primary)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background:transparent;color:var(--c-text);border-color:var(--c-border)}.btn-secondary:hover:not(:disabled){background:var(--c-surface-elevated);border-color:var(--c-border-strong)}.btn-secondary:active:not(:disabled){background:var(--c-surface)}.btn-accent{background:var(--c-accent);color:var(--c-text-on-color)}.btn-accent:hover:not(:disabled){background:var(--c-accent-soft);color:var(--c-accent);border-color:var(--c-accent)}.btn-sm{padding:var(--inset-squish-xs);font-size:var(--text-small);border-radius:var(--r-sm)}.btn-lg{padding:var(--inset-squish-md);font-size:var(--text-large);border-radius:var(--r-lg)}.btn-icon{padding:var(--inset-xs);border-radius:var(--r-full)}.btn-icon.btn-sm{padding:calc(var(--inset-xs) / 2)}.btn-icon.btn-lg{padding:var(--inset-sm)}.btn-group{display:flex;gap:var(--inline-md);flex-wrap:wrap;align-items:center}.btn-group-vertical{display:flex;flex-direction:column;gap:var(--stack-sm);align-items:stretch}.btn-group-sm{gap:var(--inline-sm)}.btn-group-lg{gap:var(--inline-lg)}.card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--inset-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card-elevated{background:var(--c-surface-elevated);box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--stack-sm)}.card-title{font-size:var(--h4);font-weight:var(--fw-semibold);color:var(--c-text);line-height:var(--line-height-heading);margin-bottom:var(--stack-xs)}.card-subtitle{font-size:var(--text-caption);color:var(--c-text-muted);letter-spacing:var(--ls-wide);text-transform:uppercase}.card-meta{font-size:var(--text-small);color:var(--c-text-subtle);margin-bottom:var(--stack-sm)}.card-content{color:var(--c-text);flex:1}.card-content p{margin-bottom:var(--margin-bottom-paragraph)}.card-content p:last-child{margin-bottom:0}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--inset-sm);border-top:1px solid var(--c-border)}.form-group{margin-bottom:var(--stack-lg)}.form-label{display:block;font-size:var(--text-label);font-weight:var(--fw-medium);color:var(--c-text);margin-bottom:var(--stack-xs);letter-spacing:var(--ls-wide);text-transform:uppercase}.form-input{width:100%;padding:var(--inset-sm);font-family:var(--font-body);font-size:var(--text-body);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--c-text-muted);opacity:1}.form-input:hover{border-color:var(--c-border-strong)}.form-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-focus-ring)}.form-input:disabled{background:var(--c-disabled-bg);border-color:var(--c-disabled-border);color:var(--c-disabled-text);opacity:var(--c-disabled-opacity);cursor:not-allowed;background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(128,128,128,.05) 8px,rgba(128,128,128,.05) 16px)}.form-textarea{min-height:100px;resize:vertical;padding:var(--inset-sm);font-family:var(--font-body);font-size:var(--text-body);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}.form-textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-focus-ring)}.form-select{width:100%;padding:var(--inset-sm);padding-right:calc(var(--inset-lg) * 2);font-family:var(--font-body);font-size:var(--text-body);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--inset-sm) center}.form-select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-focus-ring)}.form-checkbox,.form-radio{display:inline-flex;align-items:center;gap:var(--inline-xs);cursor:pointer}:is(.form-checkbox,.form-radio) input[type=checkbox],:is(.form-checkbox,.form-radio) input[type=radio]{width:1em;height:1em;accent-color:var(--c-primary)}.form-helper{font-size:var(--text-small);color:var(--c-text-subtle);margin-top:var(--stack-xs)}.form-error{font-size:var(--text-small);color:var(--c-error);margin-top:var(--stack-xs)}.form-error:before{content:"\26a0\fe0f  ";opacity:.8}.navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--inset-sm) var(--inset-lg);background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-sm)}.navbar-brand{font-size:var(--h5);font-weight:var(--fw-bold);color:var(--c-primary);text-decoration:none}.navbar-brand:hover{color:var(--c-primary-hover)}.navbar-menu{display:flex;align-items:center;gap:var(--inline-lg);list-style:none}.navbar-item{color:var(--c-text);text-decoration:none;font-size:var(--text-body);font-weight:var(--fw-medium);padding:var(--inset-xs) 0;border-bottom:2px solid transparent;transition:border-color .2s}.navbar-item:hover{color:var(--c-primary);border-bottom-color:var(--c-primary-soft)}.navbar-item.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.navbar-actions{display:flex;align-items:center;gap:var(--inline-md)}.navbar-toggle{display:none;background:none;border:none;color:var(--c-text);cursor:pointer}@media(max-width:768px){.navbar-toggle{display:block}}@media(max-width:768px){.navbar-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-md)}.navbar-menu.is-open{display:flex}.navbar-item{width:100%;padding:var(--inset-md);border-bottom:1px solid var(--c-border)}.navbar-item:last-child{border-bottom:none}}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:var(--inset-md)}.modal{max-width:min(calc(100% - var(--inset-lg) * 2),var(--container-md));width:100%;max-height:90vh;overflow-y:auto;background:var(--c-surface-elevated);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:modal-slide-up .3s ease}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--inset-lg);border-bottom:1px solid var(--c-border)}.modal-header h2{font-size:var(--h4);font-weight:var(--fw-semibold);color:var(--c-text);margin:0}.modal-close{background:none;border:none;color:var(--c-text-muted);cursor:pointer;padding:var(--inset-xs);border-radius:var(--r-full);line-height:1}.modal-close:hover{color:var(--c-text);background:var(--c-surface)}.modal-close:focus-visible{outline:2px solid var(--c-focus-ring)}.modal-body{padding:var(--inset-lg);color:var(--c-text)}.modal-body p{margin-bottom:var(--margin-bottom-paragraph)}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--inline-md);padding:var(--inset-lg);border-top:1px solid var(--c-border)}.toast-container{position:fixed;bottom:var(--inset-lg);right:var(--inset-lg);display:flex;flex-direction:column;gap:var(--stack-sm);z-index:var(--z-toast)}.toast{position:fixed;bottom:var(--inset-lg);right:var(--inset-lg);max-width:350px;min-width:300px;display:flex;align-items:flex-start;gap:var(--inline-md);padding:var(--inset-md);background:var(--c-surface-inverse);color:var(--c-text-on-inverse);border-radius:var(--r-md);box-shadow:var(--shadow-md);border-left:4px solid transparent;animation:toast-slide-in .3s ease;z-index:var(--z-toast)}.toast+.toast{bottom:calc(var(--inset-lg) + 80px)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);font-size:14px}.toast-success .toast-icon{background:var(--c-success);color:var(--c-text-on-color)}.toast-error .toast-icon{background:var(--c-error);color:var(--c-text-on-color)}.toast-content{flex:1}.toast-title{font-weight:var(--fw-semibold);margin-bottom:var(--stack-xs);font-size:var(--text-button)}.toast-message{font-size:var(--text-small);opacity:.9}.toast-close{background:none;border:none;color:currentColor;opacity:.7;cursor:pointer;padding:var(--inset-xs);border-radius:var(--r-full);line-height:1}.toast-close:hover{opacity:1}.toast-close:focus-visible{outline:2px solid currentColor}.toast-success{background:var(--c-success);color:var(--c-text-on-color)}.toast-error{background:var(--c-error);color:var(--c-text-on-color)}.toast-warning{background:var(--c-warning);color:var(--c-text-on-color)}.toast-info{background:var(--c-info);color:var(--c-text-on-color)}.mt-xs{margin-top:var(--stack-xs)}.mt-sm{margin-top:var(--stack-sm)}.mt-md{margin-top:var(--stack-md)}.mt-lg{margin-top:var(--stack-lg)}.mt-xl{margin-top:var(--stack-xl)}.mt-auto{margin-top:auto}.mb-xs{margin-bottom:var(--stack-xs)}.mb-sm{margin-bottom:var(--stack-sm)}.mb-md{margin-bottom:var(--stack-md)}.mb-lg{margin-bottom:var(--stack-lg)}.mb-xl{margin-bottom:var(--stack-xl)}.mb-auto{margin-bottom:auto}.ml-xs{margin-left:var(--inline-xs)}.ml-sm{margin-left:var(--inline-sm)}.ml-md{margin-left:var(--inline-md)}.ml-lg{margin-left:var(--inline-lg)}.ml-xl{margin-left:var(--inline-xl)}.ml-auto{margin-left:auto}.mr-xs{margin-right:var(--inline-xs)}.mr-sm{margin-right:var(--inline-sm)}.mr-md{margin-right:var(--inline-md)}.mr-lg{margin-right:var(--inline-lg)}.mr-xl{margin-right:var(--inline-xl)}.mr-auto{margin-right:auto}.mx-xs{margin-left:var(--inline-xs);margin-right:var(--inline-xs)}.mx-sm{margin-left:var(--inline-sm);margin-right:var(--inline-sm)}.mx-md{margin-left:var(--inline-md);margin-right:var(--inline-md)}.mx-lg{margin-left:var(--inline-lg);margin-right:var(--inline-lg)}.mx-xl{margin-left:var(--inline-xl);margin-right:var(--inline-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-xs{margin-top:var(--stack-xs);margin-bottom:var(--stack-xs)}.my-sm{margin-top:var(--stack-sm);margin-bottom:var(--stack-sm)}.my-md{margin-top:var(--stack-md);margin-bottom:var(--stack-md)}.my-lg{margin-top:var(--stack-lg);margin-bottom:var(--stack-lg)}.my-xl{margin-top:var(--stack-xl);margin-bottom:var(--stack-xl)}.my-auto{margin-top:auto;margin-bottom:auto}.m-xs{margin:var(--stack-xs)}.m-sm{margin:var(--stack-sm)}.m-md{margin:var(--stack-md)}.m-lg{margin:var(--stack-lg)}.m-xl{margin:var(--stack-xl)}.m-0{margin:0}.pt-xs{padding-top:var(--inset-xs)}.pt-sm{padding-top:var(--inset-sm)}.pt-md{padding-top:var(--inset-md)}.pt-lg{padding-top:var(--inset-lg)}.pt-xl{padding-top:var(--inset-xl)}.pb-xs{padding-bottom:var(--inset-xs)}.pb-sm{padding-bottom:var(--inset-sm)}.pb-md{padding-bottom:var(--inset-md)}.pb-lg{padding-bottom:var(--inset-lg)}.pb-xl{padding-bottom:var(--inset-xl)}.pl-xs{padding-left:var(--inset-xs)}.pl-sm{padding-left:var(--inset-sm)}.pl-md{padding-left:var(--inset-md)}.pl-lg{padding-left:var(--inset-lg)}.pl-xl{padding-left:var(--inset-xl)}.pr-xs{padding-right:var(--inset-xs)}.pr-sm{padding-right:var(--inset-sm)}.pr-md{padding-right:var(--inset-md)}.pr-lg{padding-right:var(--inset-lg)}.pr-xl{padding-right:var(--inset-xl)}.px-xs{padding-left:var(--inset-xs);padding-right:var(--inset-xs)}.px-sm{padding-left:var(--inset-sm);padding-right:var(--inset-sm)}.px-md{padding-left:var(--inset-md);padding-right:var(--inset-md)}.px-lg{padding-left:var(--inset-lg);padding-right:var(--inset-lg)}.px-xl{padding-left:var(--inset-xl);padding-right:var(--inset-xl)}.py-xs{padding-top:var(--inset-xs);padding-bottom:var(--inset-xs)}.py-sm{padding-top:var(--inset-sm);padding-bottom:var(--inset-sm)}.py-md{padding-top:var(--inset-md);padding-bottom:var(--inset-md)}.py-lg{padding-top:var(--inset-lg);padding-bottom:var(--inset-lg)}.py-xl{padding-top:var(--inset-xl);padding-bottom:var(--inset-xl)}.p-xs{padding:var(--inset-xs)}.p-sm{padding:var(--inset-sm)}.p-md{padding:var(--inset-md)}.p-lg{padding:var(--inset-lg)}.p-xl{padding:var(--inset-xl)}.p-0{padding:0}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.gap-xl{gap:var(--gap-xl)}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--c-text-muted)}.text-subtle{color:var(--c-text-subtle)}.text-primary{color:var(--c-primary)}.text-accent{color:var(--c-accent)}.text-success{color:var(--c-success)}.text-error{color:var(--c-error)}.text-warning{color:var(--c-warning)}.text-info{color:var(--c-info)}.bg-surface{background:var(--c-surface)}.bg-surface-elevated{background:var(--c-surface-elevated)}.bg-primary{background:var(--c-primary)}.bg-primary-soft{background:var(--c-primary-soft)}.bg-accent{background:var(--c-accent)}.bg-accent-soft{background:var(--c-accent-soft)}.bg-success{background:var(--c-success)}.bg-error{background:var(--c-error)}.bg-warning{background:var(--c-warning)}.bg-info{background:var(--c-info)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.radius-sm{border-radius:var(--r-sm)}.radius-md{border-radius:var(--r-md)}.radius-lg{border-radius:var(--r-lg)}.radius-full{border-radius:var(--r-full)}