.sx-conn-banner{position:sticky;top:0;z-index:var(--sx-z-connection);display:flex;align-items:center;justify-content:center;gap:var(--sx-space-8);padding:var(--sx-space-8) var(--sx-space-16);background:var(--sx-warning-subtle);color:var(--sx-warning);border-bottom:1px solid currentColor;font-size:.875rem;font-weight:600}.sx-code{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sx-space-8)}.sx-code__box{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;min-height:56px;font-size:clamp(1.5rem,7vw,2rem);font-weight:700;font-variant-numeric:tabular-nums;background:var(--sx-surface);border:2px solid var(--sx-border-default);border-radius:var(--sx-radius-md)}.sx-code__box[data-filled=true]{border-color:var(--sx-brand-primary)}.sx-code__box[data-invalid=true]{border-color:var(--sx-danger)}.sx-code__input{position:absolute;inset:auto;width:1px;height:1px;opacity:0;pointer-events:none}.sx-field:focus-within .sx-code__box[data-filled=false]:first-of-type,.sx-field:focus-within .sx-code__box[data-filled=true]:last-of-type{outline:2px solid var(--sx-focus-ring);outline-offset:2px}.sx-option{display:flex;align-items:center;gap:var(--sx-space-12);width:100%;min-height:64px;padding:var(--sx-space-12) var(--sx-space-16);text-align:start;background:var(--sx-surface);color:var(--sx-text-primary);border:3px solid var(--sx-option-color);border-radius:var(--sx-radius-xl);transition:transform var(--sx-duration-micro) var(--sx-ease-standard),background-color var(--sx-duration-micro) var(--sx-ease-standard);touch-action:manipulation}.sx-option:nth-of-type(3){border-style:dashed}.sx-option:nth-of-type(4){border-width:4px}.sx-option:nth-of-type(5){border-style:dotted}.sx-option:nth-of-type(6){border-style:double;border-width:5px}.sx-option__key{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:var(--sx-radius-full);background:var(--sx-option-color);color:var(--sx-option-contrast);font-weight:700;font-variant-numeric:tabular-nums}.sx-option__icon{flex:none;font-size:1.25rem;color:var(--sx-option-color)}.sx-option__text{flex:1;font-size:1.0625rem;line-height:1.35;overflow-wrap:anywhere}.sx-option__status{flex:none;font-size:.75rem;font-weight:700;padding:var(--sx-space-2) var(--sx-space-8);border-radius:var(--sx-radius-full);background:var(--sx-background-subtle)}.sx-option[data-state=selected]{background:var(--sx-brand-primary-subtle);box-shadow:inset 0 0 0 2px var(--sx-brand-primary)}.sx-option[data-state=submitting]{background:var(--sx-brand-primary-subtle)}.sx-option[data-state=locked]{background:var(--sx-surface-sunken);color:var(--sx-text-secondary);border-color:var(--sx-border-default)}.sx-option[data-state=correct]{background:var(--sx-success-subtle);border-color:var(--sx-success);border-width:4px}.sx-option[data-state=incorrect]{background:var(--sx-surface-sunken);border-color:var(--sx-border-strong)}.sx-option[data-state=yourAnswer]{box-shadow:inset 4px 0 0 0 var(--sx-brand-primary)}@media(hover:hover)and (pointer:fine){button.sx-option:not(:disabled):hover{background:var(--sx-background-subtle)}}button.sx-option:active:not(:disabled){transform:scale(.99)}button.sx-option:disabled{cursor:default}.sx-options{display:grid;grid-template-columns:1fr;gap:var(--sx-space-12)}@media(min-width:480px){.sx-options[data-count="4"],.sx-options[data-count="6"]{grid-template-columns:1fr 1fr}}.sx-option--display{min-height:0;height:100%;border-radius:var(--sx-radius-xl);padding:clamp(12px,1.6vw,28px);gap:clamp(12px,1.4vw,24px)}.sx-option--display .sx-option__key{width:clamp(44px,4vw,76px);height:clamp(44px,4vw,76px);font-size:clamp(1.25rem,2.2vw,2.5rem)}.sx-option--display .sx-option__icon{font-size:clamp(1.5rem,2.4vw,2.75rem)}.sx-option--display .sx-option__text{font-size:clamp(1.125rem,2vw,2.25rem);font-weight:600}.sx-timer{position:relative;display:grid;place-items:center;flex:none}.sx-timer svg{position:absolute;inset:0}.sx-timer__value{position:relative;font-size:1.75rem;font-weight:700}.sx-timer[data-urgent=true] .sx-timer__value{color:var(--sx-danger);animation:sx-pulse 1s ease-in-out infinite}@keyframes sx-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .sx-timer[data-urgent=true] .sx-timer__value{animation:none}}.sx-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sx-space-16);min-height:60dvh;padding:var(--sx-space-24);text-align:center}.sx-status__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--sx-radius-full);font-size:2rem;background:var(--sx-background-subtle)}.sx-status[data-tone=success] .sx-status__icon{background:var(--sx-success-subtle);color:var(--sx-success)}.sx-status[data-tone=warning] .sx-status__icon{background:var(--sx-warning-subtle);color:var(--sx-warning)}.sx-status[data-tone=danger] .sx-status__icon{background:var(--sx-danger-subtle);color:var(--sx-danger)}.sx-status__title{font-size:1.5rem;font-weight:700}.sx-status__action{margin-top:var(--sx-space-8);width:100%;max-width:320px}.sx-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-12);padding:var(--sx-space-48) var(--sx-space-24);text-align:center}.sx-empty__icon{font-size:2rem;opacity:.7}.sx-empty__title{font-size:1.125rem;font-weight:600}.sx-loading{display:flex;align-items:center;justify-content:center;gap:var(--sx-space-12);padding:var(--sx-space-32);color:var(--sx-text-secondary)}.sx-delta{font-weight:600;font-variant-numeric:tabular-nums}.sx-delta[data-direction=up]{color:var(--sx-success)}.sx-delta[data-direction=down]{color:var(--sx-text-secondary)}.sx-delta[data-direction=same]{color:var(--sx-text-disabled)}.sx-host{display:flex;flex-direction:column;min-height:100dvh;background:var(--sx-background)}.sx-host__bar{display:flex;align-items:center;gap:var(--sx-space-12);padding:var(--sx-space-12) var(--sx-space-20);background:var(--sx-surface);border-bottom:1px solid var(--sx-border-default);flex-wrap:wrap}.sx-host__code{padding:var(--sx-space-4) var(--sx-space-12);border-radius:var(--sx-radius-sm);background:var(--sx-surface-sunken);font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.12em}.sx-host__notice{padding:var(--sx-space-12) var(--sx-space-20);background:var(--sx-info-subtle);color:var(--sx-info);font-weight:600}.sx-host__layout{flex:1;display:grid;grid-template-columns:1fr 352px;gap:var(--sx-space-20);padding:var(--sx-space-20);align-items:start}.sx-host__main{min-width:0}.sx-host__panel{display:flex;flex-direction:column;gap:var(--sx-space-16);position:sticky;top:var(--sx-space-20)}.sx-host__panel-title{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-text-secondary)}.sx-host__timer{display:flex;justify-content:center}.sx-host__progress{text-align:center}.sx-host__progress-value{font-size:2rem;font-weight:700}.sx-host__progress-label{color:var(--sx-text-secondary);font-size:.875rem}.sx-host__bar-track{height:10px;border-radius:var(--sx-radius-full);background:var(--sx-surface-sunken);overflow:hidden;margin:var(--sx-space-8) 0}.sx-host__bar-fill{display:block;height:100%;background:var(--sx-brand-primary);transition:width var(--sx-duration-page) var(--sx-ease-decelerate)}.sx-host__secondary{display:flex;flex-direction:column;gap:var(--sx-space-8)}.sx-host__primary{margin-top:var(--sx-space-8)}.sx-host__lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sx-space-12);min-height:50vh;text-align:center}.sx-host__joincode{font-size:clamp(3rem,9vw,6rem);font-weight:700;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--sx-brand-primary)}.sx-host__count{font-size:3rem;font-weight:700}.sx-host__empty{color:var(--sx-text-secondary)}.sx-host__question{display:flex;flex-direction:column;gap:var(--sx-space-16)}.sx-host__question-text{font-size:1.75rem;font-weight:700;line-height:1.25}.sx-host__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--sx-space-12)}.sx-host__option{display:flex;align-items:center;gap:var(--sx-space-12);padding:var(--sx-space-16);background:var(--sx-surface);border:2px solid var(--sx-border-default);border-radius:var(--sx-radius-lg)}.sx-host__option[data-correct=true]{border-color:var(--sx-success);background:var(--sx-success-subtle)}.sx-host__option-key{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--sx-radius-full);background:var(--sx-surface-sunken);font-weight:700}.sx-dist{display:flex;flex-direction:column;gap:var(--sx-space-12)}.sx-dist__row{display:grid;grid-template-columns:32px minmax(0,1fr) 2fr auto;align-items:center;gap:var(--sx-space-12)}.sx-dist__key{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--sx-radius-full);background:var(--sx-surface-sunken);font-weight:700}.sx-dist__row[data-correct=true] .sx-dist__key{background:var(--sx-success);color:var(--sx-neutral-0)}.sx-dist__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-dist__track{height:20px;border-radius:var(--sx-radius-sm);background:var(--sx-surface-sunken);overflow:hidden}.sx-dist__fill{display:block;height:100%;background:var(--sx-brand-primary);transition:width var(--sx-duration-chart) var(--sx-ease-decelerate)}.sx-dist__row[data-correct=true] .sx-dist__fill{background:var(--sx-success)}.sx-dist__value{font-weight:600;white-space:nowrap}.sx-host__timeline{display:flex;align-items:center;gap:var(--sx-space-8);padding:var(--sx-space-12) var(--sx-space-20);background:var(--sx-surface);border-top:1px solid var(--sx-border-default);overflow-x:auto}.sx-host__timeline-item{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--sx-radius-full);background:var(--sx-surface-sunken);color:var(--sx-text-secondary);font-size:.8125rem;font-weight:600;border:2px solid transparent}.sx-host__timeline-item[data-state=ResultsShown],.sx-host__timeline-item[data-state=Locked]{background:var(--sx-success-subtle);color:var(--sx-success)}.sx-host__timeline-item[data-state=Skipped]{text-decoration:line-through;opacity:.6}.sx-host__timeline-item[data-current=true]{border-color:var(--sx-brand-primary);color:var(--sx-brand-primary);font-weight:700}.sx-drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--sx-z-drawer);width:min(420px,100vw);display:flex;flex-direction:column;gap:var(--sx-space-12);padding:var(--sx-space-16);background:var(--sx-surface-elevated);border-inline-start:1px solid var(--sx-border-default);box-shadow:var(--sx-shadow-modal);overflow-y:auto;overscroll-behavior:contain}.sx-drawer__head{display:flex;align-items:center;justify-content:space-between}.sx-drawer__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sx-space-8)}.sx-drawer__row{display:flex;align-items:center;gap:var(--sx-space-8);padding:var(--sx-space-8) var(--sx-space-12);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-md)}.sx-drawer__row[data-removed=true]{opacity:.55;text-decoration:line-through}.sx-modal-backdrop{position:fixed;inset:0;z-index:var(--sx-z-modal);display:grid;place-items:center;padding:var(--sx-space-16);background:var(--sx-overlay)}.sx-modal{width:min(640px,100%);display:flex;flex-direction:column;gap:var(--sx-space-16);padding:var(--sx-space-24);background:var(--sx-surface-elevated);border-radius:var(--sx-radius-lg);box-shadow:var(--sx-shadow-modal)}.sx-modal__actions{display:flex;justify-content:flex-end;gap:var(--sx-space-12)}@media(max-width:1279px){.sx-host__layout{grid-template-columns:1fr 288px}}@media(max-width:1023px){.sx-host__layout{grid-template-columns:1fr}.sx-host__panel{position:static}.sx-host__options{grid-template-columns:1fr}.sx-dist__row{grid-template-columns:32px 1fr;grid-template-areas:"key text" "track track" "value value"}.sx-dist__key{grid-area:key}.sx-dist__text{grid-area:text}.sx-dist__track{grid-area:track}.sx-dist__value{grid-area:value}}@media(max-width:767px){.sx-host__bar{font-size:.875rem}.sx-host__timeline{display:none}.sx-host__primary{position:sticky;bottom:0;padding:var(--sx-space-12) 0 calc(var(--sx-space-12) + env(safe-area-inset-bottom));background:var(--sx-background)}}.sx-host__session-name{margin:0;font-size:1rem;font-weight:700}.sx-admin{display:grid;grid-template-columns:264px 1fr;min-height:100dvh}.sx-admin__nav{display:flex;flex-direction:column;gap:var(--sx-space-16);padding:var(--sx-space-20) var(--sx-space-16);background:var(--sx-surface);border-inline-end:1px solid var(--sx-border-default)}.sx-admin__brand{display:flex;align-items:center;gap:var(--sx-space-12);font-weight:700}.sx-admin__logo{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--sx-radius-md);background:var(--sx-brand-primary-subtle);color:var(--sx-brand-primary);font-weight:700;flex:none}.sx-admin__group{margin-top:var(--sx-space-16);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-text-secondary)}.sx-admin__link{display:block;padding:var(--sx-space-8) var(--sx-space-12);border-radius:var(--sx-radius-md);color:inherit;text-decoration:none;border-inline-start:3px solid transparent}.sx-admin__link[data-active=true]{background:var(--sx-background-subtle);border-inline-start-color:var(--sx-brand-primary);font-weight:600}@media(hover:hover){.sx-admin__link:hover{background:var(--sx-background-subtle)}}.sx-admin__user{margin-top:auto;display:flex;flex-direction:column;gap:var(--sx-space-4)}.sx-admin__main{display:flex;flex-direction:column;gap:var(--sx-space-20);padding:var(--sx-space-24);max-width:var(--sx-container-admin);width:100%}.sx-admin__title{font-size:1.75rem;font-weight:700}.sx-admin__section{font-size:1.125rem;font-weight:600;margin-bottom:var(--sx-space-12)}.sx-admin__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sx-space-16);flex-wrap:wrap}.sx-admin__notice{padding:var(--sx-space-12) var(--sx-space-16);border-radius:var(--sx-radius-md);background:var(--sx-success-subtle);color:var(--sx-success);font-weight:600}.sx-admin__warning{padding:var(--sx-space-12) var(--sx-space-16);border-radius:var(--sx-radius-md);background:var(--sx-warning-subtle);color:var(--sx-warning);font-weight:600}.sx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sx-space-16)}.sx-kpi{display:flex;flex-direction:column;gap:var(--sx-space-4);padding:var(--sx-space-20);background:var(--sx-surface);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-lg)}.sx-kpi__value{font-size:2rem;font-weight:700}.sx-kpi__label{color:var(--sx-text-secondary);font-size:.875rem}.sx-table{width:100%;border-collapse:collapse}.sx-table th,.sx-table td{padding:var(--sx-space-12);text-align:start;border-bottom:1px solid var(--sx-border-subtle)}.sx-table th{font-size:.8125rem;color:var(--sx-text-secondary);background:var(--sx-background-subtle)}.sx-table a{color:var(--sx-brand-primary);font-weight:600}.sx-login{display:grid;place-items:center;min-height:100dvh;padding:var(--sx-space-24)}.sx-login .sx-card{width:min(420px,100%)}.sx-login__brand{display:flex;flex-direction:column;align-items:center;gap:var(--sx-space-8)}.sx-textarea{min-height:96px;padding:var(--sx-space-12);resize:vertical}.sx-editor{display:grid;grid-template-columns:1fr 1fr;gap:var(--sx-space-20);align-items:start}.sx-option-row{display:grid;grid-template-columns:32px 1fr 44px;gap:var(--sx-space-8);align-items:center;margin-bottom:var(--sx-space-8)}.sx-option-row__key{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--sx-radius-full);background:var(--sx-surface-sunken);font-weight:700}.sx-option-row__correct{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer}.sx-question-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sx-space-12)}.sx-question-list__item[data-editing=true]{border-color:var(--sx-brand-primary);background:var(--sx-brand-primary-subtle)}.sx-question-list__item{padding:var(--sx-space-12);border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-md)}.sx-question-list__options{list-style:none;padding:var(--sx-space-8) 0 0;display:flex;flex-direction:column;gap:var(--sx-space-4);font-size:.875rem;color:var(--sx-text-secondary)}.sx-question-list__options li[data-correct=true]{color:var(--sx-success);font-weight:600}.sx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sx-space-16)}.sx-accuracy{display:flex;align-items:flex-end;gap:var(--sx-space-8);height:220px;padding-bottom:var(--sx-space-24)}.sx-accuracy__col{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--sx-space-4)}.sx-accuracy__value{font-size:.75rem;color:var(--sx-text-secondary)}.sx-accuracy__bar{width:100%;background:var(--sx-brand-primary);border-radius:var(--sx-radius-sm) var(--sx-radius-sm) 0 0}.sx-accuracy__bar[data-weak=true]{background:var(--sx-warning)}.sx-accuracy__label{position:absolute;top:100%;padding-top:var(--sx-space-4);font-size:.75rem;color:var(--sx-text-secondary)}.sx-media-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-md)}.sx-table-scroll{overflow-x:auto}.sx-code--inline{display:inline-block;padding:var(--sx-space-4) var(--sx-space-8);-webkit-user-select:all;user-select:all}.sx-recovery{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sx-space-8)}.sx-recovery code{display:block;padding:var(--sx-space-8);background:var(--sx-surface-sunken);border-radius:var(--sx-radius-sm);text-align:center;-webkit-user-select:all;user-select:all}.sx-permissions{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sx-space-4);border:none;padding:0}.sx-input--narrow{max-width:100px}.sx-code{max-height:320px;overflow:auto;padding:var(--sx-space-12);background:var(--sx-surface-sunken);border-radius:var(--sx-radius-md);font-size:.8125rem}.sx-table--compact th,.sx-table--compact td{padding:var(--sx-space-8);font-size:.875rem}.sx-table--compact tr[data-correct=true] td{color:var(--sx-success);font-weight:600}.sx-answer-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sx-space-4)}.sx-answer-list__item{display:flex;align-items:center;gap:var(--sx-space-12);padding:var(--sx-space-8);border-inline-start:3px solid var(--sx-border-subtle)}.sx-answer-list__item[data-state=correct]{border-inline-start-color:var(--sx-success)}.sx-answer-list__item[data-state=wrong]{border-inline-start-color:var(--sx-danger)}.sx-metrics{display:flex;flex-wrap:wrap;gap:var(--sx-space-16);margin:var(--sx-space-12) 0}.sx-metrics dt{font-size:.75rem;color:var(--sx-text-secondary)}.sx-metrics dd{margin:0;font-weight:600}.sx-question-list__item[data-weak=true]{border-color:var(--sx-warning)}.sx-check{display:flex;align-items:center;gap:var(--sx-space-12);min-height:44px;cursor:pointer}.sx-check input{width:20px;height:20px;flex:none}.sx-badge--danger{background:var(--sx-danger-subtle);color:var(--sx-danger)}.sx-table tbody tr[data-current=true]{background:var(--sx-brand-primary-subtle)}.sx-table th[scope=row]{display:flex;align-items:center;gap:var(--sx-space-8);border-bottom:none;background:transparent;font-size:1rem;color:var(--sx-text-primary)}.sx-bank-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sx-space-8);max-height:420px;overflow-y:auto}.sx-bank-list__item{border:1px solid var(--sx-border-subtle);border-radius:var(--sx-radius-md)}.sx-bank-list__label{display:flex;align-items:flex-start;gap:var(--sx-space-12);padding:var(--sx-space-12);min-height:44px;cursor:pointer}.sx-bank-list__label:focus-within{outline:2px solid var(--sx-focus-ring);outline-offset:2px}.sx-bank-list__label input{margin-top:2px;width:20px;height:20px;flex:none}.sx-bank-list__label>span{display:flex;flex-direction:column;gap:var(--sx-space-4)}.sx-bank-list__text{color:var(--sx-text-primary)}@media(max-width:1279px){.sx-admin{grid-template-columns:72px 1fr}.sx-admin__brand span:last-child,.sx-admin__group,.sx-admin__user .sx-hint{display:none}.sx-editor{grid-template-columns:1fr}}@media(max-width:900px){.sx-kpis{grid-template-columns:1fr 1fr}.sx-grid-2{grid-template-columns:1fr}}@media(max-width:640px){.sx-admin{grid-template-columns:1fr}.sx-admin__nav{flex-direction:row;align-items:center;overflow-x:auto}.sx-kpis{grid-template-columns:1fr}}