@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-primary:#2b44d6;--brand-primary-hover:#2236b0;--brand-tint:#eef0fd;--ink-900:#12141a;--ink-700:#3a3f4b;--ink-500:#5f6675;--line-strong:#d5d9e1;--line-subtle:#e3e6ec;--surface-canvas:#f5f6f8;--surface-raised:#fff;--success:#12804a;--success-bg:#e7f5ee;--danger:#c62d2d;--danger-bg:#fcebeb;--warning:#8a5100;--warning-bg:#fff4de;--answer-a:#2b44d6;--answer-b:#b5490a;--answer-c:#0b7268;--answer-d:#5b34b0;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--focus-ring:0 0 0 2px var(--surface-raised), 0 0 0 5px var(--brand-primary);--focus-outline:3px solid var(--brand-primary);--focus-offset:2px;--font-heading:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-ui:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--shadow-raised:0 1px 2px #12141a0f, 0 4px 12px #12141a0f;--shadow-overlay:0 8px 32px #12141a2e;--touch-workspace:44px;--touch-participant:56px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--ink-900);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);margin:0;line-height:1.2}p{margin:0}a{color:var(--brand-primary)}a:hover{color:var(--brand-primary-hover)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{gap:var(--space-6);flex-direction:column;display:flex}.page__title{font-size:1.75rem}.page-loading{min-height:100vh;color:var(--brand-primary);place-items:center;display:grid}.panel{background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);overflow:hidden}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--line-subtle);display:flex}.panel__title{font-family:var(--font-ui);font-size:1.125rem;font-weight:600}.panel__list{margin:0;padding:0;list-style:none}.page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page__subtitle{margin-top:var(--space-2);color:var(--ink-700);font-size:1.125rem}.page__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);display:flex}.alert__icon{flex:none;margin-top:2px;display:inline-flex}.alert__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.alert__title{font-weight:700}.alert__action{flex:none;align-self:center}.alert--info{background:var(--brand-tint);color:var(--brand-primary-hover)}.alert--success{background:var(--success-bg);color:var(--success)}.alert--warning{background:var(--warning-bg);color:var(--warning)}.alert--danger{background:var(--danger-bg);color:var(--danger)}.alert--warning .alert__text,.alert--danger .alert__text{color:var(--ink-900)}.answer{--answer-colour:var(--answer-a);align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3) var(--space-4);border:2px solid var(--answer-colour);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--ink-900);font:inherit;text-align:left;display:flex}.answer--square{--answer-colour:var(--answer-b)}.answer--triangle{--answer-colour:var(--answer-c)}.answer--diamond{--answer-colour:var(--answer-d)}.answer--stage{min-height:clamp(64px,10vh,120px);font-size:clamp(1.25rem,2vw,2rem)}button.answer{cursor:pointer}button.answer:disabled{cursor:not-allowed}.answer__key{align-items:center;gap:var(--space-2);color:var(--answer-colour);flex:none;font-weight:700;display:inline-flex}.answer__shape{fill:currentColor;width:1.5em;height:1.5em}.answer__text{flex:1}.answer__label{flex:none;font-size:.875em;font-weight:600}.answer--state-picked{box-shadow:0 0 0 3px var(--answer-colour)}.answer--state-muted{border-color:var(--line-strong);color:var(--ink-500)}.answer--state-muted .answer__key{color:var(--ink-500)}.answer--state-correct{border-color:var(--success);background:var(--success-bg)}.answer--state-correct .answer__label{color:var(--success)}.answer--state-wrong-pick{border-color:var(--danger);background:var(--danger-bg)}.answer--state-wrong-pick .answer__label{color:var(--danger)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-flex}.badge__icon{display:inline-flex}.badge--neutral{background:var(--surface-canvas);color:var(--ink-700);box-shadow:inset 0 0 0 1px var(--line-strong)}.badge--brand{background:var(--brand-tint);color:var(--brand-primary-hover)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.spinner-wrap{display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;animation:.7s linear infinite spinner-turn;display:inline-block}.spinner--sm{width:14px;height:14px}.spinner--md{width:20px;height:20px}.spinner--lg{border-width:3px;width:32px;height:32px}@keyframes spinner-turn{to{transform:rotate(360deg)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;transition:background-color .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn[aria-busy=true]{cursor:progress}.btn--size-sm{min-height:32px;padding:0 var(--space-3);font-size:.875rem;position:relative}.btn--size-sm:after{content:"";position:absolute;inset:-6px 0}.btn--size-md{min-height:40px;padding:0 var(--space-4);font-size:.9375rem}.btn--size-lg{min-height:48px;padding:0 var(--space-6);font-size:1rem}.btn--size-stage{min-height:clamp(64px,6.5vh,72px);padding:0 var(--space-8);font-family:var(--font-heading);border-radius:var(--radius-lg);font-size:clamp(1.125rem,1.6vw,1.5rem)}.btn--primary{background:var(--brand-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-primary-hover);color:#fff}.btn--secondary{background:var(--surface-raised);border-color:var(--line-strong);color:var(--ink-900)}.btn--secondary:hover:not(:disabled){background:var(--surface-canvas);color:var(--ink-900)}.btn--ghost{color:var(--brand-primary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--brand-tint);color:var(--brand-primary-hover)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){color:#fff;background:#a82424}.btn--stage{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-raised)}.btn--stage:hover:not(:disabled){background:var(--brand-primary-hover);color:#fff}.dialog{width:min(480px, calc(100vw - 2 * var(--space-4)));padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--ink-900);box-shadow:var(--shadow-overlay);border:0}.dialog::backdrop{background:#12141a73}.dialog[open]{gap:var(--space-4);flex-direction:column;display:flex}.dialog__title{font-size:1.25rem}.dialog__description{color:var(--ink-700)}.dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.dialog--lg{width:min(600px, calc(100vw - 2 * var(--space-4)))}.dialog__body{gap:var(--space-5);flex-direction:column;display:flex}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;background:var(--surface-raised);border:1px dashed var(--line-strong);border-radius:var(--radius-xl);flex-direction:column;display:flex}.empty-state__icon{background:var(--brand-tint);width:48px;height:48px;color:var(--brand-primary);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.empty-state__title{font-size:1.25rem}.empty-state__body{max-width:44ch;color:var(--ink-700)}.empty-state__action{margin-top:var(--space-2)}.menu{display:inline-flex;position:relative}.menu__button{width:var(--touch-workspace);height:var(--touch-workspace);border-radius:var(--radius-md);color:var(--ink-700);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.menu__button:hover,.menu__button[aria-expanded=true]{background:var(--surface-canvas);border-color:var(--line-subtle);color:var(--ink-900)}.menu__list{z-index:900;min-width:200px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);margin:0;list-style:none;position:fixed}.menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-workspace);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-900);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:500;display:flex}.menu__item svg{color:var(--ink-500)}.menu__item:hover,.menu__item:focus-visible{background:var(--surface-canvas)}.menu__item:focus-visible{outline-offset:-2px}.menu__item--danger,.menu__item--danger svg{color:var(--danger)}.menu__item--danger:hover,.menu__item--danger:focus-visible{background:var(--danger-bg)}.timer-pill{color:var(--ink-900);font-weight:700}.join__progress{color:var(--ink-700)}.join__question{font-size:1.5rem}.join__answers{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.join__answers .answer{min-height:64px}.join__warning{padding:var(--space-3);border-radius:var(--radius-md);background:var(--warning-bg);color:var(--warning)}.join__locked{color:var(--brand-primary);font-weight:600}.join__none{font-weight:600}.join__feedback{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-raised);border:2px solid var(--line-strong)}.join__feedback--success{border-color:var(--success);background:var(--success-bg)}.join__feedback--danger{border-color:var(--danger);background:var(--danger-bg)}.join__feedback-title{font-size:1.5rem;font-weight:700}.join__feedback--success .join__feedback-title{color:var(--success)}.join__feedback--danger .join__feedback-title{color:var(--danger)}.radio-cards{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.radio-cards__legend{margin-bottom:var(--space-2);padding:0;font-size:.875rem;font-weight:600}.radio-cards__list{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.radio-card{position:relative}.radio-card input{top:var(--space-4);left:var(--space-4);width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer;margin:0;position:absolute}.radio-card__body{height:100%;min-height:var(--touch-workspace);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 28px);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-raised);cursor:pointer;flex-direction:column;gap:2px;display:flex}.radio-card__body:hover{border-color:var(--ink-500)}.radio-card input:checked+.radio-card__body{border-color:var(--brand-primary);background:var(--brand-tint);box-shadow:inset 0 0 0 1px var(--brand-primary)}.radio-card input:focus-visible+.radio-card__body{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.radio-card__title{font-weight:600}.radio-card__description{color:var(--ink-700);font-size:.875rem}.bars{gap:var(--space-3);text-align:left;width:100%;margin:0;padding:0;list-style:none;display:grid}.bars__row{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;display:grid}.bars__track{background:var(--line-subtle);border-radius:var(--radius-sm);height:1.25em;overflow:hidden}.bars__fill{background:var(--ink-500);height:100%;display:block}.bars__row--correct .bars__fill{background:var(--success)}.bars__correct{color:var(--success);font-weight:700}.bars__count{color:var(--ink-700)}.save-status{align-items:center;gap:var(--space-1);white-space:nowrap;font-size:.9375rem;display:inline-flex}.save-status--saving{color:var(--ink-500)}.save-status--saved{color:var(--success)}.save-status--failed{color:var(--danger);font-weight:600}.segmented{border-radius:var(--radius-md);background:var(--surface-canvas);border:0;gap:2px;margin:0;padding:3px;display:inline-flex}.segmented__option{display:inline-flex;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option span{min-height:38px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--ink-700);white-space:nowrap;align-items:center;font-size:.9375rem;font-weight:500;display:inline-flex}.segmented__option:hover span{color:var(--ink-900)}.segmented__option input:checked+span{background:var(--surface-raised);color:var(--ink-900);font-weight:600;box-shadow:0 1px 2px #12141a1f}.segmented__option input:focus-visible+span{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{color:var(--ink-900);font-size:.875rem;font-weight:600}.field__control{display:flex;position:relative}.field__input{min-width:0;min-height:var(--touch-workspace);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);flex:1}.field__input:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);border-color:var(--brand-primary)}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__input:disabled{background:var(--surface-canvas);color:var(--ink-500);cursor:not-allowed}.field__input:read-only{background:var(--surface-canvas)}.field__input--mono{font-family:var(--font-mono);letter-spacing:.15em;font-size:1.25rem}.field__control:has(.field__reveal) .field__input{padding-right:72px}.field__reveal{min-width:64px;padding:0 var(--space-3);color:var(--brand-primary);cursor:pointer;border-radius:0 var(--radius-md) var(--radius-md) 0;background:0 0;border:0;font-size:.875rem;font-weight:600;position:absolute;top:0;bottom:0;right:0}.field__meta{justify-content:space-between;gap:var(--space-3);display:flex}.field__hint,.field__counter{color:var(--ink-500);font-size:.8125rem}.field__counter{font-variant-numeric:tabular-nums;margin-left:auto}.field__error{align-items:flex-start;gap:var(--space-1);color:var(--danger);font-size:.8125rem;font-weight:500;display:flex}.field__error-icon{flex-shrink:0;margin-top:1px;display:flex}.field__label-note{color:var(--ink-500);font-weight:400}.field__input--area{min-height:88px;padding:var(--space-3);resize:vertical;line-height:1.45}.field__input--select,.field__input--select:read-only{appearance:none;background-color:var(--surface-raised);padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233a3f4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--line-subtle) 25%, #eceef2 50%, var(--line-subtle) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-rows__row{justify-content:center;gap:var(--space-2);min-height:94px;padding:0 var(--space-6);border-bottom:1px solid var(--line-subtle);flex-direction:column;display:flex}.skeleton-rows__slow{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);color:var(--ink-700);display:flex}.switch{position:relative}.switch__input{opacity:0;width:1px;height:1px;position:absolute}.switch__label{align-items:flex-start;gap:var(--space-3);min-height:var(--touch-workspace);padding:var(--space-2) 0;cursor:pointer;display:flex}.switch__track{background:var(--line-strong);border-radius:12px;flex:none;width:40px;height:24px;margin-top:1px;transition:background-color .12s;position:relative}.switch__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #12141a4d}.switch__input:checked+.switch__label .switch__track{background:var(--brand-primary)}.switch__input:checked+.switch__label .switch__thumb{transform:translate(16px)}.switch__input:focus-visible+.switch__label .switch__track{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.switch__text{flex-direction:column;gap:2px;display:flex}.switch__title{font-weight:600}.switch__hint{color:var(--ink-700);font-size:.875rem}.timer-ring{flex:none;place-items:center;display:grid;position:relative}.timer-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring__track{fill:none;stroke:var(--line-subtle);stroke-width:8px}.timer-ring__arc{fill:none;stroke:var(--brand-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .2s}.timer-ring__seconds{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--ink-900);font-size:.42em;font-weight:700;position:relative}.timer-ring--low .timer-ring__arc{stroke:#d98b00}.timer-ring--low .timer-ring__seconds{color:var(--warning)}.timer-ring--stopped .timer-ring__arc{stroke:var(--ink-500)}.timer-ring--none{border:.06em dashed var(--line-strong);border-radius:50%}.timer-ring__label{color:var(--ink-500);text-align:center;font-size:.16em;font-weight:600}@media (prefers-reduced-motion:reduce){.timer-ring__arc{transition:none}}.toast-region{inset:auto var(--space-4) var(--space-4) auto;z-index:1000;pointer-events:none;position:fixed}.toast-stack{gap:var(--space-2);max-width:min(420px, calc(100vw - 2 * var(--space-4)));flex-direction:column;display:flex}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--ink-900);color:#fff;box-shadow:var(--shadow-overlay);pointer-events:auto;border-left:4px solid var(--brand-primary);display:flex}.toast--success{border-left-color:#3fc185}.toast--danger{border-left-color:#f07070}.toast__message{flex:1}.toast__action,.toast__close{min-height:var(--touch-workspace);min-width:var(--touch-workspace);border-radius:var(--radius-md);color:#fff;cursor:pointer;background:0 0;border:0;font-weight:600}.toast__action{padding:0 var(--space-3);color:#b9c3ff}.toast__action:hover,.toast__close:hover{background:#ffffff1a}.toast__action:focus-visible,.toast__close:focus-visible{outline-color:#b9c3ff}.auth{flex-direction:column;min-height:100vh;display:flex}.auth__header{padding:var(--space-6) var(--space-8)}.auth__logo{border-radius:var(--radius-sm);display:inline-flex}.auth__logo img{width:auto;display:block}.auth__main{justify-content:center;align-items:start;gap:var(--space-8);padding:var(--space-8) var(--space-4) var(--space-16);flex:1;grid-template-columns:minmax(0,440px) minmax(0,340px);display:grid}.auth__card{gap:var(--space-5);padding:var(--space-8);background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised);flex-direction:column;display:flex}.auth__title{font-size:1.75rem}.auth__intro{color:var(--ink-700)}.auth__form{gap:var(--space-4);flex-direction:column;display:flex}.auth__form .btn{width:100%;margin-top:var(--space-2)}.auth__switch{text-align:center;color:var(--ink-700);font-size:.9375rem}.auth__alert{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);font-weight:500;display:flex}.auth__alert-icon{flex:none;margin-top:2px;display:inline-flex}.auth__aside{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--brand-tint)}.auth__aside h2{margin-bottom:var(--space-4);font-size:1.125rem}.auth__steps{counter-reset:step;gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth__steps li{counter-increment:step;gap:var(--space-3);color:var(--ink-700);grid-template-columns:28px 1fr;display:grid}.auth__steps li:before{content:counter(step);background:var(--brand-primary);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;display:grid}.auth__steps strong{color:var(--ink-900);display:block}@media (width<=860px){.auth__header{padding:var(--space-4)}.auth__main{padding-top:var(--space-2);grid-template-columns:minmax(0,480px)}.auth__card{padding:var(--space-6) var(--space-5)}}.stage{--u:max(.5px, min(calc(100vw / 1920), calc(100dvh / 1080)));background:var(--surface-raised);min-height:100dvh;color:var(--ink-900);font-size:calc(var(--u) * 26);grid-template-rows:auto auto 1fr auto;display:grid}.stage__header{align-items:center;gap:calc(var(--u) * 28);min-height:calc(var(--u) * 88);padding:0 calc(var(--u) * 56);border-bottom:1px solid var(--line-subtle);display:flex}.stage__brand{align-items:center;gap:calc(var(--u) * 10);display:flex}.stage__mark{height:calc(var(--u) * 44);width:auto}.stage__wordmark{height:calc(var(--u) * 26);width:auto}.stage__divider{width:1px;height:calc(var(--u) * 40);background:var(--line-subtle)}.stage__session{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;font-size:calc(var(--u) * 26);overflow:hidden}.stage__status{align-items:center;gap:calc(var(--u) * 20);margin-left:auto;display:flex}.stage__content{justify-content:center;gap:calc(var(--u) * 32);padding:calc(var(--u) * 48) calc(var(--u) * 72);flex-direction:column;display:flex}.stage__content:focus{outline:none}.stage__controls{justify-content:space-between;align-items:center;gap:calc(var(--u) * 32);margin:0 calc(var(--u) * 72);padding:calc(var(--u) * 28) 0 calc(var(--u) * 40);border-top:1px solid var(--line-subtle);display:flex}.stage__info{gap:calc(var(--u) * 12);flex-direction:column;min-width:0;display:flex}.stage__actions{align-items:center;gap:calc(var(--u) * 16);flex:none;display:flex}.stage .btn--size-stage{min-height:max(var(--touch-workspace), calc(var(--u) * 76));padding:0 calc(var(--u) * 40);font-size:calc(var(--u) * 30);border-radius:calc(var(--u) * 12)}.stage .btn--size-sm{min-height:max(var(--touch-workspace), calc(var(--u) * 44));padding:0 calc(var(--u) * 18);font-size:calc(var(--u) * 18)}.stage__title{font-size:calc(var(--u) * 64)}.stage__note{color:var(--ink-700)}.host-count{align-items:center;gap:calc(var(--u) * 8);font-weight:700;font-size:calc(var(--u) * 26);display:inline-flex}.host-count svg{width:calc(var(--u) * 30);height:calc(var(--u) * 30)}.stage .badge{font-size:calc(var(--u) * 18);padding:calc(var(--u) * 4) calc(var(--u) * 12)}.host-ring-dot{border:2px solid;border-radius:50%;width:.6em;height:.6em;display:inline-block}.host-offline,.host-error{align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 16) calc(var(--u) * 72);background:var(--danger-bg);color:var(--danger);font-size:calc(var(--u) * 22);display:flex}.host-offline svg{width:calc(var(--u) * 28);height:calc(var(--u) * 28);flex:none}.host-error{background:var(--warning-bg);color:var(--warning)}.host-eyebrow{font-size:calc(var(--u) * 24);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);font-weight:600}.host-lobby{justify-content:space-between;align-items:center;gap:calc(var(--u) * 64);display:flex}.host-lobby__lead{font-size:calc(var(--u) * 34);color:var(--ink-700)}.host-lobby__lead strong{color:var(--ink-900)}.host-lobby__code{font-family:var(--font-heading);font-weight:800;font-size:calc(var(--u) * 240);letter-spacing:.02em;word-spacing:.35em;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.05}.host-lobby__note{font-size:calc(var(--u) * 28);color:var(--ink-700)}.host-lobby__qr{align-items:center;gap:calc(var(--u) * 14);flex-direction:column;flex:none;margin:0;display:flex}.join-qr{border-radius:calc(var(--u) * 8);box-shadow:0 0 0 1px var(--line-subtle);display:block}.host-lobby__url{font-family:var(--font-mono);font-size:calc(var(--u) * 22);color:var(--ink-900)}.host-joined{align-items:baseline;gap:calc(var(--u) * 12);font-size:calc(var(--u) * 30);color:var(--ink-700);display:flex}.host-joined__count{font-family:var(--font-heading);font-weight:800;font-size:calc(var(--u) * 60);color:var(--ink-900);line-height:1}.host-waiting{align-items:center;gap:calc(var(--u) * 10);font-size:calc(var(--u) * 22);color:var(--ink-700);display:flex}.host-waiting__dot{width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:var(--ink-500);border-radius:50%}.host-chips{gap:calc(var(--u) * 10);max-height:calc(var(--u) * 120);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.host-chip{padding:calc(var(--u) * 6) calc(var(--u) * 16);border-radius:calc(var(--u) * 6);background:var(--surface-canvas);font-weight:600;font-size:calc(var(--u) * 22)}.host-question{gap:calc(var(--u) * 32);flex-direction:column;display:flex}.host-question__top{justify-content:space-between;align-items:center;display:flex}.host-question__text{max-width:calc(var(--u) * 1500);font-size:calc(var(--u) * 62);line-height:1.15}.host-answers{gap:calc(var(--u) * 24);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.host-answers .answer--stage{min-height:calc(var(--u) * 130);padding:calc(var(--u) * 20) calc(var(--u) * 32);font-size:calc(var(--u) * 34);border-width:calc(var(--u) * 3);border-radius:calc(var(--u) * 14)}.host-pill{align-self:flex-start;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 6) calc(var(--u) * 16);border-radius:calc(var(--u) * 8);font-weight:600;font-size:calc(var(--u) * 22);display:inline-flex}.host-pill__dot{width:calc(var(--u) * 12);height:calc(var(--u) * 12);background:currentColor;border-radius:50%}.host-pill--open{background:var(--brand-tint);color:var(--brand-primary-hover)}.host-pill--done{background:var(--success-bg);color:var(--success)}.host-pill--done .host-pill__dot,.host-pill--closed .host-pill__dot{background:0 0;border:2px solid}.host-pill--closed{background:var(--surface-canvas);color:var(--ink-700)}.host-meter{align-items:center;gap:calc(var(--u) * 20);display:flex}.host-meter__label{font-weight:700;font-size:calc(var(--u) * 26);white-space:nowrap}.host-meter__track{width:calc(var(--u) * 420);height:calc(var(--u) * 10);border-radius:calc(var(--u) * 5);background:var(--line-subtle);overflow:hidden}.host-meter__fill{background:var(--ink-900);height:100%;transition:width .3s;display:block}.host-keys{font-size:calc(var(--u) * 18);color:var(--ink-500)}.host-keys kbd{padding:0 calc(var(--u) * 6);border:1px solid var(--line-strong);border-radius:calc(var(--u) * 4);font-family:var(--font-ui);color:var(--ink-700);font-size:.95em}.host-reveal{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 440);gap:calc(var(--u) * 64);align-items:center;display:grid}.host-reveal__main{gap:calc(var(--u) * 28);flex-direction:column;display:flex}.host-reveal__text{font-size:calc(var(--u) * 46);line-height:1.2}.host-reveal .bars{font-size:calc(var(--u) * 28)}.host-reveal__note{font-size:calc(var(--u) * 20);color:var(--ink-500)}.host-reveal__side{gap:calc(var(--u) * 24);flex-direction:column;display:flex}.host-reveal__percent{font-size:calc(var(--u) * 30);color:var(--ink-700);flex-direction:column;display:flex}.host-reveal__number{font-family:var(--font-heading);font-weight:800;font-size:calc(var(--u) * 130);color:var(--success);line-height:1}.host-reveal__explanation{padding:calc(var(--u) * 24);border-radius:calc(var(--u) * 12);background:var(--surface-canvas);font-size:calc(var(--u) * 26)}.host-end{gap:calc(var(--u) * 64);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.host-end__intro{gap:calc(var(--u) * 24);flex-direction:column;display:flex}.host-end__title{font-size:calc(var(--u) * 84)}.host-end__lead{font-size:calc(var(--u) * 32);color:var(--ink-700)}.host-end__stats{gap:calc(var(--u) * 56);margin:calc(var(--u) * 16) 0 0;display:flex}.host-end__stats dt{font-size:calc(var(--u) * 22);color:var(--ink-700)}.host-end__stats dd{font-family:var(--font-heading);font-weight:800;font-size:calc(var(--u) * 64);margin:0}.host-podium{gap:calc(var(--u) * 24);flex-direction:column;display:flex}.host-podium__steps{align-items:end;gap:calc(var(--u) * 16);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.host-podium__step{align-items:center;gap:calc(var(--u) * 6);flex-direction:column;min-width:0;display:flex}.host-avatar{width:calc(var(--u) * 72);height:calc(var(--u) * 72);background:var(--brand-tint);color:var(--brand-primary-hover);font-weight:700;font-size:calc(var(--u) * 26);border-radius:50%;place-items:center;display:grid}.host-podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;font-size:calc(var(--u) * 28);overflow:hidden}.host-podium__score{font-variant-numeric:tabular-nums;color:var(--ink-700);font-size:calc(var(--u) * 22)}.host-podium__block{width:100%;margin-top:calc(var(--u) * 8);border-radius:calc(var(--u) * 12) calc(var(--u) * 12) 0 0;background:var(--brand-tint);color:var(--brand-primary-hover);font-family:var(--font-heading);font-weight:800;font-size:calc(var(--u) * 40);place-items:center;display:grid}.host-podium__step--1 .host-podium__block{height:calc(var(--u) * 240);background:var(--brand-primary);color:#fff}.host-podium__step--2 .host-podium__block{height:calc(var(--u) * 180)}.host-podium__step--3 .host-podium__block{height:calc(var(--u) * 130)}.host-podium__rest{gap:calc(var(--u) * 8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.host-podium__rest li{grid-template-columns:calc(var(--u) * 80) minmax(0, 1fr) auto;padding:calc(var(--u) * 12) calc(var(--u) * 20);border-radius:calc(var(--u) * 10);background:var(--surface-canvas);align-items:center;display:grid}.host-podium__place{color:var(--ink-700);font-weight:700;font-size:calc(var(--u) * 24)}.phone{max-width:480px;min-height:100dvh;padding:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.phone__header{padding-bottom:var(--space-4);justify-content:center;display:flex}.phone__header img{object-fit:contain}.phone__content{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.phone__title{text-align:center;font-size:1.75rem}.phone__note{text-align:center;color:var(--ink-700)}.join__form{gap:var(--space-4);flex-direction:column;display:flex}.join__form .btn{min-height:56px}.join__status{color:var(--ink-700);justify-content:space-between;align-items:center;display:flex}.join__stats{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;font-size:1.25rem;display:grid}.join__stats dt{color:var(--ink-700)}.join__stats dd{margin:0;font-weight:700}.join__full{align-items:center;gap:var(--space-4);padding-top:var(--space-8);text-align:center;flex-direction:column;display:flex}.join__full .btn{min-height:var(--touch-participant);align-self:stretch}.join__full-icon{background:var(--surface-canvas);width:64px;height:64px;color:var(--ink-700);border-radius:50%;place-items:center;display:grid}.join__full-icon svg{width:32px;height:32px}.join__eyebrow{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-size:.8125rem;font-weight:600}.landing{justify-content:center;align-items:center;gap:var(--space-5);min-height:100vh;padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.landing img{width:auto}.landing h1{max-width:18ch;font-size:clamp(2rem,5vw,3.25rem)}.landing p{max-width:48ch;color:var(--ink-700);font-size:1.125rem}.landing__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.skip-link{left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.app-shell__content{width:100%;max-width:calc(1120px + 2 * var(--space-10));padding:var(--space-10)}.app-shell__content:focus{outline:none}.side-nav{gap:var(--space-8);height:100vh;padding:var(--space-5) var(--space-4) var(--space-4);background:var(--surface-canvas);border-right:1px solid var(--line-subtle);flex-direction:column;display:flex;position:sticky;top:0}.side-nav__home{align-self:flex-start;align-items:center;gap:var(--space-2);margin-left:var(--space-1);border-radius:var(--radius-md);display:flex}.side-nav__mark,.side-nav__wordmark{width:auto;display:block}.side-nav__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.side-nav__link{align-items:center;gap:var(--space-3);min-height:var(--touch-workspace);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-700);font-weight:500;text-decoration:none;display:flex}.side-nav__link svg{color:var(--ink-500);flex:none}.side-nav__link:hover{background:var(--surface-raised);color:var(--ink-900)}.side-nav__link[aria-current=page]{background:var(--brand-tint);color:var(--brand-primary-hover);font-weight:600}.side-nav__link[aria-current=page] svg{color:var(--brand-primary)}.side-nav__footer{gap:var(--space-5);flex-direction:column;margin-top:auto;display:flex}.plan-card{gap:var(--space-3);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);flex-direction:column;font-size:.875rem;display:flex}.plan-card__row{justify-content:space-between;gap:var(--space-2);color:var(--ink-700);display:flex}.plan-card__row strong{color:var(--ink-900)}.plan-card__meter{appearance:none;background:var(--line-subtle);border:0;border-radius:2px;width:100%;height:4px;overflow:hidden}.plan-card__meter::-webkit-progress-bar{background:var(--line-subtle)}.plan-card__meter::-webkit-progress-value{background:var(--brand-primary)}.plan-card__meter::-moz-progress-bar{background:var(--brand-primary)}.side-nav__user{align-items:center;gap:var(--space-2);padding-left:var(--space-1);display:flex}.side-nav__avatar{background:var(--brand-tint);width:32px;height:32px;color:var(--brand-primary-hover);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.side-nav__who{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.side-nav__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.side-nav__business{color:var(--ink-500);font-size:.8125rem}.side-nav__sign-out{width:var(--touch-workspace);height:var(--touch-workspace);border-radius:var(--radius-md);color:var(--ink-500);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;display:grid}.side-nav__sign-out:hover{background:var(--surface-raised);color:var(--ink-900)}@media (width<=1023px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.side-nav{align-items:center;gap:var(--space-2) var(--space-4);height:auto;padding:var(--space-2) var(--space-4);border-right:0;border-bottom:1px solid var(--line-subtle);flex-flow:wrap;position:static}.side-nav>nav{flex-basis:100%;order:3}.side-nav__list{flex-flow:wrap}.side-nav__footer{margin:0 0 0 auto}.plan-card,.side-nav__avatar,.side-nav__who{display:none}.app-shell__content{padding:var(--space-6) var(--space-4)}}.preview{align-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-4) var(--space-16);flex-direction:column;display:flex}.preview__note{color:var(--ink-700);text-align:center}.preview .alert{width:min(100%,420px)}.preview__device{border:10px solid var(--ink-900);background:var(--surface-canvas);width:390px;max-width:100%;height:760px;box-shadow:var(--shadow-overlay);border-radius:40px;overflow-y:auto}.preview__device .phone{min-height:100%}.preview__controls{gap:var(--space-3);display:flex}.editor{flex-direction:column;min-height:100vh;display:flex}.editor__bar{z-index:5;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-2) var(--space-6);background:var(--surface-raised);border-bottom:1px solid var(--line-subtle);display:flex;position:sticky;top:0}.editor__back{align-items:center;gap:var(--space-2);min-height:var(--touch-workspace);padding:0 var(--space-2);border-radius:var(--radius-md);font-weight:600;text-decoration:none;display:inline-flex}.editor__back:hover{background:var(--brand-tint)}.editor__divider{background:var(--line-subtle);width:1px;height:24px}.editor__bar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.125rem;font-weight:600;overflow:hidden}.editor__save{align-items:center;gap:var(--space-1);display:flex}.editor__actions{gap:var(--space-3);margin-left:auto;display:flex}.editor__actions .btn--size-lg{min-height:40px;padding:0 var(--space-5)}.editor__banner{padding:var(--space-3) var(--space-6) 0}.editor__body{flex:1;grid-template-columns:300px minmax(0,1fr);display:grid}.editor__rail{gap:var(--space-2);padding:var(--space-6) var(--space-4);border-right:1px solid var(--line-subtle);flex-direction:column;display:flex}.editor__rail-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-1) var(--space-1);display:flex}.editor__rail-title{font-family:var(--font-ui);font-size:1rem;font-weight:700}.editor__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.editor__add{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;margin-top:var(--space-3);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink-900);cursor:pointer;font-weight:600;display:inline-flex}.editor__add:hover{border-color:var(--brand-primary);color:var(--brand-primary-hover)}.editor__main{padding:var(--space-6) var(--space-8) var(--space-16)}.editor__main:focus{outline:none}.editor__main--centered{padding-top:var(--space-16);place-items:start center;display:grid}.editor__column{gap:var(--space-6);flex-direction:column;max-width:820px;margin:0 auto;display:flex}.editor__meta{gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;display:flex}.editor__title,.editor__description{width:100%;margin:0 calc(-1 * var(--space-2));padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000}.editor__title{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;line-height:1.2}.editor__description{color:var(--ink-700);font-size:1.125rem}.editor__title::placeholder,.editor__description::placeholder{color:var(--ink-500);opacity:1}.editor__title:hover,.editor__description:hover{border-color:var(--line-subtle)}.editor__title:focus-visible,.editor__description:focus-visible{background:var(--surface-raised);border-color:var(--brand-primary)}.editor__pager{justify-content:space-between;gap:var(--space-3);display:flex}.icon-button{width:var(--touch-workspace);border-radius:var(--radius-md);height:36px;color:var(--ink-700);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.icon-button:after{content:"";position:absolute;inset:-4px 0}.icon-button:hover:not(:disabled){background:var(--surface-raised);color:var(--ink-900)}.icon-button:disabled{color:var(--line-strong);cursor:not-allowed}.q-item__select{gap:var(--space-4);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;display:flex}.q-item__select:hover{background:var(--surface-raised)}.q-item--current .q-item__select{background:var(--surface-raised);border-color:var(--brand-primary)}.q-item__number{width:1ch;color:var(--ink-500);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.q-item__body{flex-direction:column;gap:2px;min-width:0;display:flex}.q-item__text{-webkit-line-clamp:2;color:var(--ink-900);-webkit-box-orient:vertical;font-size:.9375rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.q-item__details{flex-direction:column;gap:2px;display:flex}.q-item__meta{color:var(--ink-500);font-size:.875rem}.q-item__issue{align-items:center;gap:var(--space-1);color:var(--warning);font-size:.875rem;font-weight:600;display:inline-flex}.q-item__tools{padding:var(--space-1) var(--space-6) var(--space-2) var(--space-10);display:flex}.q-item__delete{margin-left:auto}.q-editor{gap:var(--space-5);padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex}.q-editor__header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.q-editor__eyebrow{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-size:.875rem;font-weight:600}.q-editor__text .field__label{font-size:.9375rem}.q-editor__text .field__input{min-height:76px;font-size:1.25rem;font-weight:600}.q-editor__answers{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.q-editor__legend{margin-bottom:var(--space-2);color:var(--ink-700);padding:0}.q-editor__legend strong{color:var(--ink-900)}.q-editor__answer-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.q-editor__add-answer{align-self:flex-start;align-items:center;gap:var(--space-2);min-height:var(--touch-workspace);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--brand-primary);cursor:pointer;background:0 0;border:0;margin-left:52px;font-weight:600;display:inline-flex}.q-editor__add-answer:hover{background:var(--brand-tint)}.q-editor__footer{align-items:start;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line-subtle);grid-template-columns:1fr 1fr;display:grid}.answer-row{--answer-colour:var(--answer-a);align-items:center;gap:var(--space-3);grid-template-columns:40px minmax(0,1fr) 132px 32px;display:grid}.answer-row--square{--answer-colour:var(--answer-b)}.answer-row--triangle{--answer-colour:var(--answer-c)}.answer-row--diamond{--answer-colour:var(--answer-d)}.answer-row__key{border-radius:var(--radius-md);background:var(--answer-colour);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:40px;height:40px;display:flex}.answer-row__shape{fill:currentColor;width:13px;height:13px}.answer-row__letter{font-size:.75rem;font-weight:700;line-height:1}.answer-row__input{min-height:48px;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);font-size:1.0625rem}.answer-row__input::placeholder{color:var(--ink-500);opacity:1}.answer-row__input:focus-visible{border-color:var(--brand-primary)}.answer-row__input[aria-invalid=true]{border-color:var(--danger)}.answer-row__input--fixed{background:var(--surface-canvas);align-items:center;display:flex}.answer-row--correct .answer-row__input{border-color:var(--success);background:#f3faf6}.answer-row__correct{justify-content:center;align-items:center;gap:var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);min-height:40px;color:var(--ink-700);cursor:pointer;font-weight:600;display:inline-flex}.answer-row__correct:hover{border-color:var(--success);color:var(--success)}.answer-row__correct[aria-pressed=true]{border-color:var(--success);background:var(--success);color:#fff}.answer-row__remove{width:32px;height:var(--touch-workspace);border-radius:var(--radius-md);color:var(--ink-700);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.answer-row__remove:hover{background:var(--surface-canvas);color:var(--danger)}@media (width<=1023px){.editor__body{grid-template-columns:minmax(0,1fr)}.editor__rail{border-right:0;border-bottom:1px solid var(--line-subtle)}.editor__main{padding:var(--space-6) var(--space-4) var(--space-12)}}@media (width<=640px){.editor__bar{padding:var(--space-2) var(--space-4);flex-wrap:wrap}.editor__divider,.editor__bar-title{display:none}.q-editor__footer{grid-template-columns:minmax(0,1fr)}.answer-row{grid-template-columns:40px minmax(0,1fr) 32px}.answer-row__correct{padding:0 var(--space-3);grid-area:2/2;justify-self:start}}.quiz-row{align-items:center;gap:var(--space-4);min-height:94px;padding:var(--space-4) var(--space-6);border-top:1px solid var(--line-subtle);display:flex}.quiz-row:first-child{border-top:0}.quiz-row:hover{background:#fafbfc}.quiz-row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quiz-row__title{align-items:center;gap:var(--space-2) var(--space-3);color:var(--ink-900);flex-wrap:wrap;font-size:1.0625rem;font-weight:600;display:flex}.quiz-row__description{color:var(--ink-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quiz-row__meta{color:var(--ink-500);font-size:.9375rem}.quiz-row__actions{align-items:center;gap:var(--space-2);flex:none;display:flex}@media (width<=640px){.quiz-row{flex-direction:column;align-items:stretch}}.dashboard{gap:var(--space-8)}.dashboard__title{letter-spacing:-.01em;font-size:2.125rem}.dashboard__metrics{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:2px;display:flex}.metric__value{font-family:var(--font-heading);min-height:37px;font-size:2rem;font-weight:700;line-height:1.15}.metric__label{color:var(--ink-700)}.dashboard__columns{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.panel__link{min-height:var(--touch-workspace);padding:0 var(--space-2);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.panel__link:hover{text-decoration:underline}.dashboard__empty{padding:var(--space-6);color:var(--ink-700)}.dashboard .quiz-row{min-height:68px;padding:var(--space-3) var(--space-6)}.dashboard .quiz-row__title,.session-row__name{font-size:1rem}.session-row{align-items:center;gap:var(--space-4);min-height:68px;padding:var(--space-3) var(--space-6);border-top:1px solid var(--line-subtle);display:flex;position:relative}.session-row:first-child{border-top:0}.session-row__main{flex:1;min-width:0}.session-row:hover{background:#fafbfc}.session-row__name{color:var(--ink-900);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;display:block;overflow:hidden}.session-row__meta,.session-row__people{color:var(--ink-500);font-size:.9375rem}.session-row__numbers{text-align:right;flex:none}.session-row__accuracy{font-weight:700}.first-quiz{gap:var(--space-5);max-width:720px;padding:var(--space-8);flex-direction:column;display:flex}.first-quiz__title{font-size:1.5rem}.first-quiz__steps{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.first-quiz__steps li{gap:var(--space-4);color:var(--ink-700);display:flex}.first-quiz__steps strong{color:var(--ink-900)}.first-quiz__number{background:var(--brand-tint);width:32px;height:32px;color:var(--brand-primary-hover);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}@media (width<=1100px){.dashboard__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard__columns{grid-template-columns:minmax(0,1fr)}}.session-row__name:after{content:"";position:absolute;inset:0}.session-row__name:focus-visible{outline:none}.session-row:has(.session-row__name:focus-visible){outline:var(--focus-outline);outline-offset:-3px}.library__toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.library__search{flex:280px;display:flex;position:relative}.library__search svg{left:var(--space-3);color:var(--ink-500);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.library__search .field__input{padding-left:var(--space-10)}.library__sort{align-items:center;gap:var(--space-2);flex-direction:row}.library__sort .field__label{white-space:nowrap;color:var(--ink-700);font-weight:500}.sessions__filter{max-width:360px}.sessions__table-wrap{overflow-x:auto}.sessions__table{border-collapse:collapse;width:100%}.sessions__table th,.sessions__table td{padding:var(--space-3) var(--space-5);text-align:left;vertical-align:middle;border-top:1px solid var(--line-subtle)}.sessions__table thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);background:var(--surface-canvas);border-top:0;font-size:.8125rem;font-weight:600}.sessions__table .num{text-align:right;font-variant-numeric:tabular-nums}.sessions__table tbody tr:hover{background:#fafbfc}.sessions__name{min-height:var(--touch-workspace);color:var(--ink-900);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.sessions__name:hover{color:var(--brand-primary-hover);text-decoration:underline}.sessions__quiz{color:var(--ink-500);margin-top:-6px;font-size:.875rem;display:block}.sessions__live{align-items:center;gap:var(--space-3);white-space:nowrap;display:inline-flex}.sessions__live a{min-height:var(--touch-workspace);align-items:center;font-weight:600;display:inline-flex}.sessions__hidden{color:var(--ink-700)}.summary-page{min-height:100vh}.summary-bar{align-items:center;gap:var(--space-3);min-height:56px;padding:0 max(var(--space-6), calc((100vw - 1240px) / 2));background:var(--surface-raised);border-bottom:1px solid var(--line-subtle);display:flex}.summary-bar__back{align-items:center;gap:var(--space-2);min-height:var(--touch-workspace);font-weight:600;text-decoration:none;display:inline-flex}.summary-bar__slash{color:var(--line-strong)}.summary-bar__current{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-700);overflow:hidden}.summary{max-width:1240px;padding:var(--space-8) var(--space-6) var(--space-16);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.summary__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.summary__header .badge{margin-bottom:var(--space-2)}.summary__title{letter-spacing:-.01em;font-size:2.25rem}.summary__meta{margin-top:var(--space-1);color:var(--ink-700)}.summary__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.summary__note,.summary__hint{color:var(--ink-500);font-size:.875rem}.summary__stats{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.summary-stat{padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg)}.summary-stat__value{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.summary-stat__number{font-family:var(--font-heading);font-size:2rem;font-weight:800;line-height:1.1}.summary-stat__note{color:var(--ink-700);font-size:.875rem}.summary-stat__label{color:var(--ink-700)}.summary__revisit{gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:var(--warning-bg);color:var(--warning);display:flex}.summary__revisit-icon{flex:none}.summary__revisit-title{font-family:var(--font-ui);font-size:1.0625rem;font-weight:700}.summary__columns{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 400px;align-items:start;display:grid}.summary__side{gap:var(--space-6);flex-direction:column;display:flex}.summary__card{gap:var(--space-3);padding:var(--space-5) var(--space-6);flex-direction:column;display:flex}.summary__body{color:var(--ink-700)}.summary__empty{padding:var(--space-6);color:var(--ink-700)}.panel__header--stacked{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.btn.summary__delete{color:var(--danger);border-color:#efb4b4}.btn.summary__delete:hover:not(:disabled){background:var(--danger-bg);color:var(--danger)}.breakdown{margin:0;padding:0;list-style:none}.breakdown__item+.breakdown__item{border-top:1px solid var(--line-subtle)}.breakdown__row{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-6);text-align:left;cursor:pointer;color:var(--ink-900);background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) 180px 56px 20px;display:grid}.breakdown__row:hover{background:#fafbfc}.breakdown__row:focus-visible{outline-offset:-3px}.breakdown__row svg{color:var(--ink-500)}.breakdown__number{font-family:var(--font-mono);color:var(--ink-500);font-size:.875rem}.breakdown__question{flex-direction:column;gap:2px;display:flex}.breakdown__text{font-weight:500}.breakdown__responded{color:var(--ink-500);font-size:.875rem}.breakdown__track,.breakdown__option-track{background:var(--line-subtle);border-radius:4px;height:8px;overflow:hidden}.breakdown__fill,.breakdown__option-fill{background:var(--success);border-radius:4px;height:100%;display:block}.breakdown__fill--low{background:var(--warning)}.breakdown__percent{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.breakdown__percent--low{color:var(--warning)}.breakdown__options{padding:0 var(--space-6) var(--space-5) calc(var(--space-6) + 40px + var(--space-4));gap:var(--space-3);flex-direction:column;margin:0;list-style:none;display:flex}.breakdown__option{align-items:center;gap:var(--space-3);grid-template-columns:44px minmax(0,1fr) 160px 32px;display:grid}.breakdown__key{border-radius:var(--radius-md);background:var(--answer-a);color:#fff;justify-content:center;align-items:center;gap:3px;height:28px;font-size:.8125rem;font-weight:700;display:inline-flex}.breakdown__option--1 .breakdown__key{background:var(--answer-b)}.breakdown__option--2 .breakdown__key{background:var(--answer-c)}.breakdown__option--3 .breakdown__key{background:var(--answer-d)}.breakdown__shape{fill:currentColor;width:10px;height:10px}.breakdown__option-text{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.breakdown__option-fill{background:var(--ink-500)}.breakdown__option-fill--correct{background:var(--success)}.breakdown__count{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.leaderboard{padding:var(--space-2) var(--space-6) var(--space-4);margin:0;list-style:none}.leaderboard li{align-items:center;gap:var(--space-3);grid-template-columns:28px 36px minmax(0,1fr) auto;min-height:48px;display:grid}.leaderboard__rank,.leaderboard__score{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.leaderboard__rank{color:var(--ink-700)}.leaderboard__avatar{border-radius:50%;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:grid}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard__score{font-weight:700}.other-runs{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.other-runs__link{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--touch-workspace);padding:var(--space-2) var(--space-4);border:1px solid var(--line-subtle);border-radius:var(--radius-md);color:var(--ink-900);text-decoration:none;display:flex}.other-runs__link:hover{border-color:var(--brand-primary)}@media (width<=1023px){.summary__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.summary__columns{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.breakdown__row{grid-template-columns:32px minmax(0,1fr) 48px 20px}.breakdown__track{display:none}.breakdown__options{padding-left:var(--space-6)}.breakdown__option{grid-template-columns:44px minmax(0,1fr) 32px}.breakdown__option-track{display:none}}.breakdown__options[hidden]{display:none}
