.sx-join{display:flex;flex-direction:column;justify-content:center;gap:var(--sx-space-32);min-height:100dvh;max-width:var(--sx-container-participant);margin:0 auto;padding:var(--sx-space-24) var(--sx-space-16) calc(var(--sx-space-24) + env(safe-area-inset-bottom))}.sx-join__brand{display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-8);text-align:center}.sx-join__title{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;letter-spacing:-.01em}.sx-logo,.sx-logo-slot{width:72px;height:72px;border-radius:var(--sx-radius-lg)}.sx-logo-slot{display:grid;place-items:center;background:var(--sx-brand-primary-subtle);color:var(--sx-brand-primary);border:2px dashed var(--sx-brand-primary);font-weight:700;font-size:1.5rem}.sx-join__footer{display:flex;justify-content:center;gap:var(--sx-space-8);font-size:.8125rem;color:var(--sx-text-secondary)}.sx-join__footer a{color:inherit}.sx-info-list{display:flex;flex-direction:column;gap:var(--sx-space-8)}.sx-info-list>div{display:flex;justify-content:space-between;gap:var(--sx-space-16);padding-bottom:var(--sx-space-8);border-bottom:1px solid var(--sx-border-subtle)}.sx-info-list dt{color:var(--sx-text-secondary);font-size:.9375rem}.sx-info-list dd{font-weight:600;text-align:end}.sx-consent{display:flex;align-items:flex-start;gap:var(--sx-space-12);font-size:.9375rem;line-height:1.4}.sx-consent input{width:24px;height:24px;margin:10px 0 0;flex:none}.sx-participant{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--sx-container-participant);margin:0 auto}.sx-participant__bar{position:sticky;top:0;z-index:var(--sx-z-sticky);display:flex;align-items:center;gap:var(--sx-space-12);padding:var(--sx-space-12) var(--sx-space-16);background:var(--sx-background);border-bottom:1px solid var(--sx-border-subtle)}.sx-participant__counter{font-weight:600;font-size:.9375rem}.sx-participant__body{flex:1;display:flex;flex-direction:column;padding:var(--sx-space-16) var(--sx-space-16) calc(var(--sx-space-24) + env(safe-area-inset-bottom))}.sx-lobby{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sx-space-12);text-align:center}.sx-lobby__check{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--sx-radius-full);background:var(--sx-success-subtle);color:var(--sx-success);font-size:2rem;font-weight:700}.sx-lobby__title{font-size:1.5rem;font-weight:700}.sx-lobby__name{font-size:1.125rem;font-weight:600}.sx-lobby__count{padding:var(--sx-space-8) var(--sx-space-20);border-radius:var(--sx-radius-full);background:var(--sx-brand-primary-subtle);color:var(--sx-brand-primary);font-weight:700}.sx-lobby__tip{display:grid;place-items:center;min-height:3rem;max-width:28ch;color:var(--sx-text-secondary)}.sx-countdown{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sx-space-16)}.sx-countdown__value{font-size:clamp(96px,30vw,200px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--sx-brand-primary)}.sx-question{flex:1;display:flex;flex-direction:column;gap:var(--sx-space-16)}.sx-question__head{display:flex;justify-content:center}.sx-question__text h1{font-size:clamp(1.125rem,4.4vw,1.5rem);font-weight:600;line-height:1.35}.sx-question__text--long{max-height:34dvh;overflow-y:auto;padding-bottom:var(--sx-space-8);-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent);mask-image:linear-gradient(to bottom,#000 85%,transparent)}.sx-question__media{width:100%;aspect-ratio:16 / 9;object-fit:contain;background:var(--sx-surface-sunken);border-radius:var(--sx-radius-md);margin-bottom:var(--sx-space-12)}.sx-question__submit{position:sticky;bottom:0;margin-top:auto}.sx-accepted{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sx-space-16);text-align:center}.sx-accepted__check{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--sx-radius-full);background:var(--sx-success-subtle);color:var(--sx-success);font-size:2rem;font-weight:700;animation:sx-pop var(--sx-duration-confirm) var(--sx-ease-emphasized)}@keyframes sx-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.sx-accepted__title{font-size:1.375rem;font-weight:700}.sx-accepted .sx-options{width:100%}.sx-result{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-16);text-align:center}.sx-result__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--sx-radius-full);font-size:2rem;font-weight:700;background:var(--sx-surface-sunken);color:var(--sx-text-secondary)}.sx-result__icon[data-correct=true]{background:var(--sx-success-subtle);color:var(--sx-success)}.sx-result__title{font-size:1.375rem;font-weight:700}.sx-result__explanation{color:var(--sx-text-secondary);max-width:34ch}.sx-score{width:100%;display:flex;flex-direction:column;gap:var(--sx-space-8)}.sx-score__row{display:flex;justify-content:space-between;gap:var(--sx-space-16);font-size:.9375rem;color:var(--sx-text-secondary)}.sx-score__row[data-emphasis=true]{color:var(--sx-text-primary);font-weight:700;font-size:1.0625rem;padding-top:var(--sx-space-8);border-top:1px solid var(--sx-border-subtle)}.sx-leaderboard{flex:1;display:flex;flex-direction:column;gap:var(--sx-space-16);align-items:center}.sx-leaderboard__title{font-size:1.25rem;font-weight:700}.sx-leaderboard__mine{display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-4)}.sx-leaderboard__rank{font-size:3rem;font-weight:700;line-height:1}.sx-leaderboard__points{font-weight:600}.sx-leaderboard__list{width:100%;list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sx-space-8)}.sx-leaderboard__row{display:flex;align-items:center;gap:var(--sx-space-12);padding:var(--sx-space-12);background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-md)}.sx-leaderboard__row[data-me=true]{border-color:var(--sx-brand-primary);box-shadow:inset 3px 0 0 var(--sx-brand-primary)}.sx-leaderboard__pos{width:2ch;font-weight:700;color:var(--sx-text-secondary)}.sx-final{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-12);text-align:center}.sx-final__podium{padding:var(--sx-space-12) var(--sx-space-24);border-radius:var(--sx-radius-full);background:var(--sx-accent-subtle);color:var(--sx-accent);font-weight:700}.sx-final__points{font-size:clamp(2.5rem,14vw,3.5rem);font-weight:700;line-height:1;color:var(--sx-brand-primary)}.sx-final__rank{font-size:1.125rem;font-weight:600}.sx-final__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sx-space-8);width:100%}.sx-final__stat{display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-4);padding:var(--sx-space-12);background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-md)}.sx-final__stat-value{font-size:1.5rem;font-weight:700}.sx-final .sx-info-list{width:100%}@media(orientation:landscape)and (max-height:520px){.sx-participant{max-width:none}.sx-question{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head text" "options options";align-items:start}.sx-question__head{grid-area:head}.sx-question__text{grid-area:text;max-height:30dvh;overflow-y:auto}.sx-question .sx-options{grid-area:options;grid-template-columns:1fr 1fr}}.sx-poll{width:100%;list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sx-space-12);text-align:start}.sx-poll__row{display:grid;grid-template-columns:1fr auto;gap:var(--sx-space-4) var(--sx-space-12);align-items:center}.sx-poll__label{font-size:.9375rem}.sx-poll__mine{color:var(--sx-brand-primary);font-weight:600}.sx-poll__track{grid-column:1 / -1;height:14px;border-radius:var(--sx-radius-sm);background:var(--sx-surface-sunken);overflow:hidden}.sx-poll__fill{display:block;height:100%;background:var(--sx-brand-primary);transition:width var(--sx-duration-chart) var(--sx-ease-decelerate)}.sx-poll__row[data-mine=true] .sx-poll__fill{background:var(--sx-accent)}.sx-poll__value{font-weight:600;white-space:nowrap}.sx-a11y__trigger{position:fixed;inset-block-end:calc(var(--sx-space-16) + env(safe-area-inset-bottom));inset-inline-end:var(--sx-space-16);z-index:var(--sx-z-dropdown);width:var(--sx-touch-target);height:var(--sx-touch-target);border-radius:var(--sx-radius-full);border:1px solid var(--sx-border-default);background:var(--sx-surface-elevated);box-shadow:var(--sx-shadow-floating);font-size:1.125rem}.sx-a11y__panel{position:fixed;inset-block-end:calc(var(--sx-space-16) + var(--sx-touch-target) + var(--sx-space-8) + env(safe-area-inset-bottom));inset-inline-end:var(--sx-space-16);z-index:var(--sx-z-dropdown);width:min(280px,calc(100vw - 32px));display:flex;flex-direction:column;gap:var(--sx-space-12);padding:var(--sx-space-16);background:var(--sx-surface-elevated);border:1px solid var(--sx-border-default);border-radius:var(--sx-radius-lg);box-shadow:var(--sx-shadow-dropdown)}.sx-a11y__panel h2{font-size:1rem;font-weight:700}.sx-a11y__panel fieldset{border:0;padding:0;display:flex;flex-direction:column;gap:var(--sx-space-4)}.sx-a11y__panel legend{font-size:.8125rem;font-weight:600;color:var(--sx-text-secondary);margin-bottom:var(--sx-space-4)}.sx-a11y__panel label{display:flex;align-items:center;gap:var(--sx-space-8);min-height:32px;font-size:.9375rem}.sx-a11y__panel input{width:20px;height:20px}.sx-display~.sx-a11y__trigger,body:has(.sx-display) .sx-a11y__trigger{display:none}:root{--sx-brand-50: #e9f5f5;--sx-brand-100: #c9e8e8;--sx-brand-200: #9ad4d4;--sx-brand-300: #63baba;--sx-brand-400: #2e9c9c;--sx-brand-500: #148686;--sx-brand-600: #0e6e6e;--sx-brand-700: #0a5757;--sx-brand-800: #084242;--sx-brand-900: #052d2d;--sx-neutral-0: #ffffff;--sx-neutral-50: #f7f8f9;--sx-neutral-100: #edeff2;--sx-neutral-200: #dde1e6;--sx-neutral-300: #c2c8d0;--sx-neutral-400: #98a1ad;--sx-neutral-500: #6e7885;--sx-neutral-600: #515a66;--sx-neutral-700: #3a424c;--sx-neutral-800: #262c34;--sx-neutral-900: #14181d;--sx-neutral-950: #0f1317;--sx-success-50: #e8f6ec;--sx-success-400: #2fa05f;--sx-success-600: #106b3b;--sx-success-900: #062a17;--sx-warning-50: #fdf3e3;--sx-warning-400: #d98e12;--sx-warning-600: #955c06;--sx-warning-900: #382202;--sx-danger-50: #fdecec;--sx-danger-400: #d94848;--sx-danger-600: #a02020;--sx-danger-900: #3e0c0c;--sx-info-50: #eaf1fd;--sx-info-400: #3e7ce0;--sx-info-600: #1a4ca6;--sx-info-900: #091b3e;--sx-accent-50: #fff6e5;--sx-accent-400: #f5a50f;--sx-accent-500: #d08800;--sx-accent-900: #402900;--sx-option-1: #1a4ca6;--sx-option-2: #a06507;--sx-option-3: #106b3b;--sx-option-4: #7c1919;--sx-option-5: #5b3a8e;--sx-option-6: #2e6e7a;--sx-option-contrast: #ffffff;--sx-background: var(--sx-neutral-50);--sx-background-subtle: var(--sx-neutral-100);--sx-surface: var(--sx-neutral-0);--sx-surface-elevated: var(--sx-neutral-0);--sx-surface-sunken: var(--sx-neutral-100);--sx-text-primary: var(--sx-neutral-900);--sx-text-secondary: var(--sx-neutral-600);--sx-text-disabled: var(--sx-neutral-400);--sx-text-on-brand: var(--sx-neutral-0);--sx-text-inverse: var(--sx-neutral-0);--sx-border-subtle: var(--sx-neutral-100);--sx-border-default: var(--sx-neutral-200);--sx-border-strong: #7e8895;--sx-brand-primary: var(--sx-brand-600);--sx-brand-primary-hover: var(--sx-brand-700);--sx-brand-primary-active: var(--sx-brand-800);--sx-brand-primary-subtle: var(--sx-brand-50);--sx-brand-secondary: var(--sx-brand-800);--sx-accent: var(--sx-accent-500);--sx-accent-subtle: var(--sx-accent-50);--sx-success: var(--sx-success-600);--sx-success-subtle: var(--sx-success-50);--sx-warning: var(--sx-warning-600);--sx-warning-subtle: var(--sx-warning-50);--sx-danger: var(--sx-danger-600);--sx-danger-subtle: var(--sx-danger-50);--sx-info: var(--sx-info-600);--sx-info-subtle: var(--sx-info-50);--sx-focus-ring: var(--sx-brand-500);--sx-overlay: rgba(20, 24, 29, .56);--sx-shadow-surface: 0 1px 2px rgba(20, 24, 29, .06), 0 1px 3px rgba(20, 24, 29, .08);--sx-shadow-floating: 0 4px 8px rgba(20, 24, 29, .08), 0 2px 4px rgba(20, 24, 29, .06);--sx-shadow-dropdown: 0 8px 16px rgba(20, 24, 29, .1), 0 4px 6px rgba(20, 24, 29, .06);--sx-shadow-modal: 0 24px 48px rgba(20, 24, 29, .18), 0 8px 16px rgba(20, 24, 29, .1);--sx-space-2: 2px;--sx-space-4: 4px;--sx-space-8: 8px;--sx-space-12: 12px;--sx-space-16: 16px;--sx-space-20: 20px;--sx-space-24: 24px;--sx-space-32: 32px;--sx-space-40: 40px;--sx-space-48: 48px;--sx-space-64: 64px;--sx-space-80: 80px;--sx-radius-sm: 4px;--sx-radius-md: 8px;--sx-radius-lg: 12px;--sx-radius-xl: 20px;--sx-radius-full: 9999px;--sx-z-sticky: 100;--sx-z-drawer: 200;--sx-z-dropdown: 300;--sx-z-modal: 400;--sx-z-toast: 500;--sx-z-connection: 600;--sx-font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sx-motion-scale: 1;--sx-duration-micro: calc(.12s * var(--sx-motion-scale));--sx-duration-toast: calc(.18s * var(--sx-motion-scale));--sx-duration-overlay: calc(.24s * var(--sx-motion-scale));--sx-duration-page: calc(.28s * var(--sx-motion-scale));--sx-duration-confirm: calc(.32s * var(--sx-motion-scale));--sx-duration-chart: calc(.6s * var(--sx-motion-scale));--sx-duration-score: calc(.8s * var(--sx-motion-scale));--sx-duration-podium: calc(.9s * var(--sx-motion-scale));--sx-ease-standard: cubic-bezier(.2, 0, .38, .9);--sx-ease-decelerate: cubic-bezier(0, 0, .38, .9);--sx-ease-emphasized: cubic-bezier(.2, 0, 0, 1);--sx-touch-target: 44px;--sx-container-participant: 480px;--sx-container-admin: 1440px}:root[data-theme=dark]{--sx-background: var(--sx-neutral-900);--sx-background-subtle: var(--sx-neutral-950);--sx-surface: var(--sx-neutral-800);--sx-surface-elevated: #2e353e;--sx-surface-sunken: #10141a;--sx-text-primary: var(--sx-neutral-50);--sx-text-secondary: var(--sx-neutral-300);--sx-text-disabled: var(--sx-neutral-500);--sx-text-inverse: var(--sx-neutral-900);--sx-border-subtle: var(--sx-neutral-800);--sx-border-default: #39414b;--sx-border-strong: var(--sx-neutral-500);--sx-brand-primary: var(--sx-brand-400);--sx-brand-primary-hover: var(--sx-brand-300);--sx-brand-primary-active: var(--sx-brand-200);--sx-brand-primary-subtle: var(--sx-brand-900);--sx-brand-secondary: var(--sx-brand-200);--sx-accent: var(--sx-accent-400);--sx-accent-subtle: var(--sx-accent-900);--sx-success: var(--sx-success-400);--sx-success-subtle: var(--sx-success-900);--sx-warning: var(--sx-warning-400);--sx-warning-subtle: var(--sx-warning-900);--sx-danger: var(--sx-danger-400);--sx-danger-subtle: var(--sx-danger-900);--sx-info: var(--sx-info-400);--sx-info-subtle: var(--sx-info-900);--sx-focus-ring: var(--sx-brand-300);--sx-overlay: rgba(0, 0, 0, .68);--sx-shadow-surface: 0 1px 2px rgba(0, 0, 0, .4);--sx-shadow-floating: 0 4px 10px rgba(0, 0, 0, .45);--sx-shadow-dropdown: 0 8px 20px rgba(0, 0, 0, .5);--sx-shadow-modal: 0 24px 56px rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--sx-background: var(--sx-neutral-900);--sx-background-subtle: var(--sx-neutral-950);--sx-surface: var(--sx-neutral-800);--sx-surface-elevated: #2e353e;--sx-surface-sunken: #10141a;--sx-text-primary: var(--sx-neutral-50);--sx-text-secondary: var(--sx-neutral-300);--sx-text-disabled: var(--sx-neutral-500);--sx-text-inverse: var(--sx-neutral-900);--sx-border-subtle: var(--sx-neutral-800);--sx-border-default: #39414b;--sx-border-strong: var(--sx-neutral-500);--sx-brand-primary: var(--sx-brand-400);--sx-brand-primary-hover: var(--sx-brand-300);--sx-brand-primary-active: var(--sx-brand-200);--sx-brand-primary-subtle: var(--sx-brand-900);--sx-brand-secondary: var(--sx-brand-200);--sx-accent: var(--sx-accent-400);--sx-success: var(--sx-success-400);--sx-success-subtle: var(--sx-success-900);--sx-warning: var(--sx-warning-400);--sx-warning-subtle: var(--sx-warning-900);--sx-danger: var(--sx-danger-400);--sx-danger-subtle: var(--sx-danger-900);--sx-info: var(--sx-info-400);--sx-focus-ring: var(--sx-brand-300);--sx-overlay: rgba(0, 0, 0, .68)}}:root[data-contrast=high]{--sx-text-secondary: var(--sx-text-primary);--sx-border-default: var(--sx-border-strong)}:root[data-colorblind=on]{--sx-option-1: #2f3a48;--sx-option-2: #4a4a4a;--sx-option-3: #3b3b3b;--sx-option-4: #262626;--sx-option-5: #555555;--sx-option-6: #1f2933}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--sx-motion-scale: 0}}:root[data-motion=reduced]{--sx-motion-scale: 0}:root[data-text-size=large]{font-size:18px}:root[data-text-size=xlarge]{font-size:20px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--sx-font-sans);font-size:1rem;line-height:1.5;color:var(--sx-text-primary);background:var(--sx-background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--sx-focus-ring);outline-offset:2px;border-radius:var(--sx-radius-sm)}:target,[tabindex]{scroll-margin-top:96px;scroll-margin-bottom:96px}.sx-skip-link{position:absolute;left:-9999px;top:var(--sx-space-8);z-index:var(--sx-z-connection);padding:var(--sx-space-12) var(--sx-space-16);background:var(--sx-brand-primary);color:var(--sx-text-on-brand);border-radius:var(--sx-radius-md);font-weight:600}.sx-skip-link:focus{left:var(--sx-space-8)}.sx-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sx-tabular{font-variant-numeric:tabular-nums}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sx-space-8);min-height:var(--sx-touch-target);padding:0 var(--sx-space-20);border:1px solid transparent;border-radius:var(--sx-radius-md);font-weight:600;font-size:.9375rem;text-decoration:none;transition:background-color var(--sx-duration-micro) var(--sx-ease-standard),border-color var(--sx-duration-micro) var(--sx-ease-standard),transform var(--sx-duration-micro) var(--sx-ease-standard)}.sx-btn--primary{background:var(--sx-brand-primary);color:var(--sx-text-on-brand)}.sx-btn--secondary{background:var(--sx-surface);color:var(--sx-text-primary);border-color:var(--sx-border-strong)}.sx-btn--tertiary{background:transparent;color:var(--sx-text-primary)}.sx-btn--danger{background:var(--sx-danger);color:var(--sx-neutral-0)}.sx-btn--danger-ghost{background:transparent;color:var(--sx-danger);border-color:var(--sx-danger)}.sx-btn--xl{min-height:56px;font-size:1.0625rem;padding:0 var(--sx-space-24)}.sx-btn--sm{min-height:36px;padding:0 var(--sx-space-12);font-size:.875rem}.sx-btn--block{width:100%}@media(hover:hover)and (pointer:fine){.sx-btn--primary:hover:not(:disabled){background:var(--sx-brand-primary-hover)}.sx-btn--secondary:hover:not(:disabled){background:var(--sx-background-subtle)}.sx-btn--tertiary:hover:not(:disabled){background:var(--sx-background-subtle)}.sx-btn--danger:hover:not(:disabled){filter:brightness(.92)}.sx-btn--danger-ghost:hover:not(:disabled){background:var(--sx-danger-subtle)}}.sx-btn:active:not(:disabled){transform:translateY(1px)}.sx-btn:disabled{background:var(--sx-surface-sunken);color:var(--sx-text-disabled);border-color:var(--sx-border-default);cursor:not-allowed;transform:none}.sx-field{display:flex;flex-direction:column;gap:var(--sx-space-8)}.sx-label{font-size:.875rem;font-weight:600;letter-spacing:.01em}.sx-input{min-height:var(--sx-touch-target);padding:0 var(--sx-space-12);background:var(--sx-surface);border:1px solid var(--sx-border-strong);border-radius:var(--sx-radius-md);width:100%}.sx-input[aria-invalid=true]{border-color:var(--sx-danger);border-width:2px}.sx-hint{font-size:.8125rem;color:var(--sx-text-secondary)}.sx-error{font-size:.875rem;color:var(--sx-danger);display:flex;align-items:flex-start;gap:var(--sx-space-8)}.sx-card{background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-lg);box-shadow:var(--sx-shadow-surface);padding:var(--sx-space-20)}.sx-stack{display:flex;flex-direction:column;gap:var(--sx-space-16)}.sx-row{display:flex;align-items:center;gap:var(--sx-space-12)}.sx-row--wrap{flex-wrap:wrap;align-items:flex-end}.sx-row--tight{gap:var(--sx-space-8);flex-wrap:wrap}.sx-badge{display:inline-flex;align-items:center;gap:var(--sx-space-8);padding:var(--sx-space-4) var(--sx-space-12);border-radius:var(--sx-radius-full);font-size:.8125rem;font-weight:600;background:var(--sx-background-subtle);color:var(--sx-text-secondary);border:1px solid var(--sx-border-default)}.sx-badge__dot{width:8px;height:8px;border-radius:var(--sx-radius-full);background:currentColor;flex:none}.sx-badge--success{background:var(--sx-success-subtle);color:var(--sx-success);border-color:currentColor}.sx-badge--warning{background:var(--sx-warning-subtle);color:var(--sx-warning);border-color:currentColor}.sx-badge--danger{background:var(--sx-danger-subtle);color:var(--sx-danger);border-color:currentColor}.sx-badge--info{background:var(--sx-info-subtle);color:var(--sx-info);border-color:currentColor}.sx-badge--brand{background:var(--sx-brand-primary-subtle);color:var(--sx-brand-primary);border-color:currentColor}.sx-spinner{width:1.25em;height:1.25em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--sx-radius-full);animation:sx-spin .7s linear infinite;flex:none}@keyframes sx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .sx-spinner{animation:none}}.sx-muted{color:var(--sx-text-secondary)}.sx-center{text-align:center}.sx-grow{flex:1}