.sx-join{color-scheme:light;--sx-surface: #ffffff;--sx-surface-elevated: #ffffff;--sx-surface-sunken: #f2f5fa;--sx-background: #ffffff;--sx-text-primary: #101828;--sx-text-secondary: #5a6a80;--sx-text-disabled: #98a2b3;--sx-border-subtle: #e4e9f0;--sx-border-default: #cdd8e6;--sx-border-strong: #8a9ab0;--sx-brand-primary: #1a4079;--sx-brand-primary-hover: #123361;--sx-brand-primary-active: #0d2748;--sx-brand-primary-subtle: #eef3fa;--sx-danger: #b42318;--sx-danger-subtle: #fef3f2;--sx-focus-ring: #3a6eba;position:relative;isolation:isolate;color:var(--sx-text-primary);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{border-radius:var(--sx-radius-full);object-fit:cover;background:#fff}.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:26px;height:26px;margin:0;flex:none}@media(min-width:768px)and (min-height:600px){.sx-join{max-width:520px;padding:var(--sx-space-32);margin-block:auto}.sx-join__panel{background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-xl);box-shadow:var(--sx-shadow-dropdown);padding:var(--sx-space-32)}}.sx-join__backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,#1f4a86,#163a6b 38%,#0e2749 72%,#0b1f3a);background-color:#0e2749}.sx-join__backdrop:before,.sx-join__backdrop:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.sx-join__backdrop:before{width:78vmax;height:78vmax;inset-block-start:-32vmax;inset-inline-start:-26vmax;background:radial-gradient(circle,rgba(74,116,178,.85),transparent 66%);opacity:.62;animation:sx-join-drift-a 30s ease-in-out infinite alternate;animation-duration:calc(30s * var(--sx-motion-scale, 1))}.sx-join__backdrop:after{width:62vmax;height:62vmax;inset-block-end:-28vmax;inset-inline-end:-22vmax;background:radial-gradient(circle,rgba(201,169,106,.9),transparent 62%);opacity:.5;animation:sx-join-drift-b 38s ease-in-out infinite alternate;animation-duration:calc(38s * var(--sx-motion-scale, 1))}@keyframes sx-join-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(10vw,7vh,0) scale(1.18)}}@keyframes sx-join-drift-b{0%{transform:translateZ(0) scale(1.12)}to{transform:translate3d(-9vw,-8vh,0) scale(1)}}.sx-join__brand>*,.sx-join__panel,.sx-join__footer{animation:sx-join-rise .62s var(--sx-ease-emphasized) both;animation-duration:calc(.62s * var(--sx-motion-scale, 1))}.sx-logo,.sx-logo-slot{animation-delay:calc(40ms * var(--sx-motion-scale, 1))}.sx-join__brand p:first-of-type{animation-delay:calc(.11s * var(--sx-motion-scale, 1))}.sx-join__title{animation-delay:calc(.17s * var(--sx-motion-scale, 1))}.sx-join__brand p:last-of-type{animation-delay:calc(.23s * var(--sx-motion-scale, 1))}.sx-join__panel{animation-delay:calc(.3s * var(--sx-motion-scale, 1))}.sx-join__footer{animation-delay:calc(.42s * var(--sx-motion-scale, 1))}@keyframes sx-join-rise{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}.sx-join__brand .sx-join__title{color:#fff}.sx-join__brand .sx-muted,.sx-join__footer{color:#c6d4e8}.sx-join__footer a{color:#e6edf7}.sx-logo{box-shadow:0 0 0 1px #ffffff40,0 10px 30px #05102173}.sx-join__panel{background:#fffffff9;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);color:var(--sx-text-primary);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 1px #ffffffe6 inset,0 30px 70px #0510216b;padding:var(--sx-space-24)}.sx-join__panel .sx-join__title{font-size:clamp(1.25rem,5vw,1.625rem)}.sx-join__panel--name{gap:var(--sx-space-20);padding:var(--sx-space-32) var(--sx-space-24) var(--sx-space-24)}.sx-join__form-head{display:flex;flex-direction:column;gap:var(--sx-space-4);text-align:center}.sx-join__eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-brand-primary)}.sx-join__form-title{font-size:clamp(1.5rem,6vw,1.875rem);font-weight:700;letter-spacing:-.022em;line-height:1.15;color:#0b1f3a}.sx-join__name-field{gap:var(--sx-space-8)}.sx-join__name-label{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--sx-text-secondary)}.sx-join__name-control{position:relative;display:flex;align-items:center}.sx-join__name-icon{position:absolute;inset-inline-start:18px;width:22px;height:22px;color:#93a3ba;pointer-events:none;transition:color .2s var(--sx-ease-standard)}.sx-join__name-control:focus-within .sx-join__name-icon{color:var(--sx-brand-primary)}.sx-join .sx-input--hero{min-height:62px;padding-inline:52px var(--sx-space-16);background:#f2f5fa;border:1.5px solid #dbe3ee;border-radius:18px;font-size:1.1875rem;font-weight:600;letter-spacing:-.01em;transition:border-color .2s var(--sx-ease-standard),background-color .2s var(--sx-ease-standard),box-shadow .22s var(--sx-ease-standard)}.sx-join .sx-input--hero::placeholder{color:#9aa8bc;font-weight:400;letter-spacing:0}.sx-join .sx-input--hero:focus{outline:none;background:#fff;border-color:var(--sx-brand-primary);box-shadow:0 0 0 4px #1a407929}.sx-join .sx-input--hero:focus-visible{outline:none}.sx-join .sx-consent{align-items:center;gap:var(--sx-space-12);padding:var(--sx-space-12) var(--sx-space-16);border-radius:16px;background:#f5f8fc;border:1px solid #e4eaf3;color:var(--sx-text-secondary);cursor:pointer}.sx-join .sx-consent:has(.sx-check:checked){background:var(--sx-brand-primary-subtle);border-color:#c3d5ee;color:var(--sx-text-primary)}.sx-join .sx-consent a{color:var(--sx-brand-primary);font-weight:600}.sx-check{appearance:none;-webkit-appearance:none;position:relative;width:26px;height:26px;margin:0;flex:none;border:2px solid #b8c5d8;border-radius:9px;background:#fff;transition:background-color .16s var(--sx-ease-standard),border-color .16s var(--sx-ease-standard),transform .16s var(--sx-ease-emphasized)}.sx-check:after{content:"";position:absolute;inset-block-start:4px;inset-inline-start:8px;width:6px;height:12px;border:solid #ffffff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .18s var(--sx-ease-emphasized)}.sx-check:checked{background:var(--sx-brand-primary);border-color:var(--sx-brand-primary)}.sx-check:checked:after{transform:rotate(45deg) scale(1)}.sx-check:active{transform:scale(.92)}.sx-check:focus-visible{outline:2px solid var(--sx-focus-ring);outline-offset:3px}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .sx-join__backdrop:before,:root:not([data-motion=full]) .sx-join__backdrop:after,:root:not([data-motion=full]) .sx-join__brand>*,:root:not([data-motion=full]) .sx-join__panel,:root:not([data-motion=full]) .sx-join__footer{animation:none}}:root[data-motion=reduced] .sx-join__backdrop:before,:root[data-motion=reduced] .sx-join__backdrop:after,:root[data-motion=reduced] .sx-join__brand>*,:root[data-motion=reduced] .sx-join__panel,:root[data-motion=reduced] .sx-join__footer{animation:none}.sx-join .sx-code{gap:var(--sx-space-8)}.sx-join .sx-code__box{background:#f4f7fc;border:2px solid #d6e0ee;border-radius:14px;color:#0d2748;transition:border-color .18s var(--sx-ease-standard),background-color .18s var(--sx-ease-standard),transform .2s var(--sx-ease-emphasized),box-shadow .2s var(--sx-ease-standard)}.sx-join .sx-code__box[data-filled=true]{background:#fff;border-color:var(--sx-brand-primary);transform:translateY(-3px);box-shadow:0 8px 20px #1a407933}.sx-join .sx-code__box[data-invalid=true]{background:var(--sx-danger-subtle);border-color:var(--sx-danger)}.sx-join .sx-field:focus-within .sx-code__box[data-filled=false]:first-of-type,.sx-join .sx-field:focus-within .sx-code__box[data-filled=true]+.sx-code__box[data-filled=false]{border-color:var(--sx-brand-primary);background:#fff;animation:sx-join-await 1.6s ease-in-out infinite;animation-duration:calc(1.6s * var(--sx-motion-scale, 1))}@keyframes sx-join-await{0%,to{box-shadow:0 0 #1a407952;border-color:var(--sx-brand-primary)}50%{box-shadow:0 0 0 8px #1a407900;border-color:#7ea6e0}}.sx-join .sx-btn--primary{background:linear-gradient(180deg,#23528f,#1a4079);border:0;border-radius:16px;letter-spacing:-.01em;box-shadow:0 10px 24px #0d274847;transition:background-color .2s var(--sx-ease-standard),box-shadow .2s var(--sx-ease-standard),transform .16s var(--sx-ease-emphasized)}.sx-join .sx-btn--xl{min-height:58px;font-size:1.125rem}.sx-join .sx-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#1a4079,#123361);box-shadow:0 14px 30px #0d274857}.sx-join .sx-btn--primary:active:not(:disabled){transform:translateY(1px) scale(.995);box-shadow:0 6px 16px #0d274842}.sx-join .sx-btn--primary:disabled{background:#e6ebf2;color:#7c8ca3;box-shadow:none}@media(min-width:480px){.sx-join__panel--name{padding:var(--sx-space-40) var(--sx-space-32) var(--sx-space-32)}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .sx-join .sx-code__box,:root:not([data-motion=full]) .sx-join .sx-field:focus-within .sx-code__box{animation:none;transition:none}}:root[data-motion=reduced] .sx-join .sx-code__box,:root[data-motion=reduced] .sx-join .sx-field:focus-within .sx-code__box{animation:none;transition:none}.sx-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.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{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-16);padding:var(--sx-space-16) 0 var(--sx-space-32);text-align:center;--final-accent: var(--sx-brand-primary);--final-accent-soft: rgba(26, 64, 121, .14);--final-accent-line: rgba(26, 64, 121, .28)}.sx-final[data-medal="1"]{--final-accent: #b0850f;--final-accent-soft: rgba(201, 169, 106, .24);--final-accent-line: rgba(201, 169, 106, .6)}.sx-final[data-medal="2"]{--final-accent: #6b7280;--final-accent-soft: rgba(107, 114, 128, .2);--final-accent-line: rgba(148, 163, 184, .55)}.sx-final[data-medal="3"]{--final-accent: #9a5b2b;--final-accent-soft: rgba(154, 91, 43, .2);--final-accent-line: rgba(221, 160, 106, .55)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sx-final[data-medal="1"]{--final-accent: #f2d38a}:root:not([data-theme=light]) .sx-final[data-medal="2"]{--final-accent: #dbe3ee}:root:not([data-theme=light]) .sx-final[data-medal="3"]{--final-accent: #eaba8e}:root:not([data-theme=light]) .sx-final{--final-accent: var(--sx-brand-300)}}:root[data-theme=dark] .sx-final{--final-accent: var(--sx-brand-300)}:root[data-theme=dark] .sx-final[data-medal="1"]{--final-accent: #f2d38a}:root[data-theme=dark] .sx-final[data-medal="2"]{--final-accent: #dbe3ee}:root[data-theme=dark] .sx-final[data-medal="3"]{--final-accent: #eaba8e}.sx-final__glow{position:absolute;z-index:-1;inset-block-start:-8%;inset-inline-start:50%;translate:-50% 0;width:min(140%,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--final-accent-soft),transparent 68%);animation:sx-final-breathe 6s ease-in-out infinite alternate;animation-duration:calc(6s * var(--sx-motion-scale, 1))}@keyframes sx-final-breathe{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.08);opacity:1}}.sx-final__hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-8);width:100%;padding:var(--sx-space-24) var(--sx-space-16) var(--sx-space-20);border-radius:26px;background:radial-gradient(120% 90% at 50% -20%,var(--final-accent-soft),transparent 62%),var(--sx-surface);border:1px solid var(--final-accent-line);box-shadow:var(--sx-shadow-floating);animation:sx-final-rise .56s var(--sx-ease-emphasized) both;animation-duration:calc(.56s * var(--sx-motion-scale, 1))}.sx-final__crest{display:grid;place-items:center;width:122px;height:122px;border-radius:50%;background:var(--sx-surface-elevated);border:3px solid var(--final-accent);box-shadow:0 12px 32px var(--final-accent-soft);animation:sx-final-pop .7s var(--sx-ease-emphasized) both;animation-duration:calc(.7s * var(--sx-motion-scale, 1))}.sx-final__rank-num{font-size:3.75rem;font-weight:750;line-height:1;letter-spacing:-.03em;color:var(--final-accent)}.sx-final__rank-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-text-secondary)}@keyframes sx-final-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.sx-final__medal{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:var(--sx-radius-full);background:var(--final-accent-soft);border:1px solid var(--final-accent-line);color:var(--final-accent);font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sx-final__medal--plain{background:var(--sx-background-subtle);border-color:var(--sx-border-subtle);color:var(--sx-text-secondary);letter-spacing:.04em}.sx-final__of{color:var(--sx-text-secondary);font-size:.9375rem}.sx-final__score{display:flex;flex-direction:column;gap:2px;margin-top:var(--sx-space-8);padding-top:var(--sx-space-16);width:100%;border-top:1px solid var(--sx-border-subtle)}.sx-final__points{font-size:clamp(2.75rem,15vw,4rem);font-weight:750;line-height:1;letter-spacing:-.03em;color:var(--sx-text-primary)}.sx-final__points-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-text-secondary)}.sx-final__accuracy{display:flex;flex-direction:column;gap:var(--sx-space-8);width:100%}.sx-final__accuracy-head{display:flex;align-items:baseline;justify-content:space-between}.sx-final__accuracy-label{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-text-secondary)}.sx-final__bar{height:12px;border-radius:var(--sx-radius-full);background:var(--sx-surface-sunken);border:1px solid var(--sx-border-subtle);overflow:hidden}.sx-final__bar-fill{display:block;height:100%;border-radius:var(--sx-radius-full);background:linear-gradient(90deg,var(--sx-brand-primary),var(--final-accent));animation:sx-final-fill 1.1s var(--sx-ease-decelerate) both;animation-duration:calc(1.1s * var(--sx-motion-scale, 1))}@keyframes sx-final-fill{0%{width:0}}.sx-final__accuracy-value{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}.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:2px;padding:var(--sx-space-12) var(--sx-space-8);background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:16px;animation:sx-final-rise .52s var(--sx-ease-emphasized) both;animation-duration:calc(.52s * var(--sx-motion-scale, 1))}.sx-final__stat:nth-child(1){animation-delay:calc(.18s * var(--sx-motion-scale, 1))}.sx-final__stat:nth-child(2){animation-delay:calc(.26s * var(--sx-motion-scale, 1))}.sx-final__stat:nth-child(3){animation-delay:calc(.34s * var(--sx-motion-scale, 1))}@keyframes sx-final-rise{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}.sx-final__stat-glyph{display:grid;place-items:center;width:28px;height:28px;margin-bottom:2px;border-radius:50%;background:var(--sx-background-subtle);color:var(--sx-text-secondary);font-size:.9375rem;font-weight:700;line-height:1}.sx-final__stat[data-tone=ok]{border-color:var(--sx-success);background:var(--sx-success-subtle)}.sx-final__stat[data-tone=bad]{border-color:var(--sx-danger);background:var(--sx-danger-subtle)}.sx-final__stat[data-tone=ok] .sx-final__stat-glyph{background:var(--sx-success);color:var(--sx-neutral-0)}.sx-final__stat[data-tone=bad] .sx-final__stat-glyph{background:var(--sx-danger);color:var(--sx-neutral-0)}.sx-final__stat-value{font-size:1.75rem;font-weight:750;line-height:1.1}.sx-final__stat-label{font-size:.8125rem;font-weight:600;color:var(--sx-text-secondary)}.sx-final__stat[data-tone=ok] .sx-final__stat-value{color:var(--sx-success)}.sx-final__stat[data-tone=bad] .sx-final__stat-value{color:var(--sx-danger)}.sx-final__meta{width:100%;display:flex;flex-direction:column;gap:var(--sx-space-4);margin:0;padding:var(--sx-space-8) var(--sx-space-16);background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:16px}.sx-final__meta>div{display:flex;justify-content:space-between;gap:var(--sx-space-16);padding:var(--sx-space-8) 0}.sx-final__meta>div+div{border-top:1px solid var(--sx-border-subtle)}.sx-final__meta dt{color:var(--sx-text-secondary);font-size:.9375rem}.sx-final__meta dd{margin:0;font-weight:650}.sx-final__outro{color:var(--sx-text-secondary);font-size:.9375rem;max-width:34ch}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .sx-final__glow,:root:not([data-motion=full]) .sx-final__hero,:root:not([data-motion=full]) .sx-final__crest,:root:not([data-motion=full]) .sx-final__bar-fill,:root:not([data-motion=full]) .sx-final__stat{animation:none}}:root[data-motion=reduced] .sx-final__glow,:root[data-motion=reduced] .sx-final__hero,:root[data-motion=reduced] .sx-final__crest,:root[data-motion=reduced] .sx-final__bar-fill,:root[data-motion=reduced] .sx-final__stat{animation:none}:root[data-motion=reduced] .sx-final__glow,:root[data-motion=reduced] .sx-final__crest,:root[data-motion=reduced] .sx-final__bar-fill,:root[data-motion=reduced] .sx-final__stat{animation:none}@media(min-width:768px)and (min-height:600px){.sx-participant{max-width:640px;justify-content:center;padding-block:var(--sx-space-32);gap:0}.sx-participant__bar{position:static;background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-xl) var(--sx-radius-xl) 0 0;padding:var(--sx-space-16) var(--sx-space-24)}.sx-participant__body{flex:0 1 auto;background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-top:0;border-radius:0 0 var(--sx-radius-xl) var(--sx-radius-xl);box-shadow:var(--sx-shadow-dropdown);padding:var(--sx-space-32) var(--sx-space-24)}.sx-question__text{font-size:1.375rem}.sx-option{min-height:72px;font-size:1.0625rem}}@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: #eef3fa;--sx-brand-100: #d5e2f2;--sx-brand-200: #a9c1e2;--sx-brand-300: #789bcd;--sx-brand-400: #4a74b2;--sx-brand-500: #2b5694;--sx-brand-600: #1a4079;--sx-brand-700: #123361;--sx-brand-800: #0b2549;--sx-brand-900: #06182f;--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: #faf5e9;--sx-accent-400: #c9a96a;--sx-accent-500: #97764a;--sx-accent-900: #2f2413;--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}