:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-text:#1b2430;--color-text-muted:#4b5563;--color-border:#d5d9e0;--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-contrast:#fff;--color-info-bg:#eef4ff;--color-info-border:#bcd0fb;--color-warning-bg:#fff8e6;--color-warning-border:#f2d28b;--color-error-bg:#fdecec;--color-error-border:#f0b4b4;--color-error-text:#b42318;--color-focus:#f59e0b;--screen-bg:#0b1220;--screen-surface:#16213a;--screen-border:#475569;--screen-text:#f8fafc;--screen-text-muted:#cbd5e1;--screen-status-bg:#fde68a;--screen-status-text:#1b2430;--cloud-tone-0:#fbbf24;--cloud-tone-1:#38bdf8;--cloud-tone-2:#a3e635;--cloud-tone-3:#f9a8d4;--cloud-tone-4:#c4b5fd;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-label:.875rem;--font-size-body:1rem;--font-size-heading:1.5rem;--line-height:1.5;--radius:.5rem;--shadow-card:0 1px 2px #10182814, 0 1px 3px #1018281a}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);margin:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.text-heading{margin:0 0 var(--spacing-3);font-size:var(--font-size-heading);line-height:1.25}.text-body{margin:0 0 var(--spacing-3);font-size:var(--font-size-body)}.text-label{font-size:var(--font-size-label);color:var(--color-text-muted)}.text-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-label)}.btn{min-height:2.5rem;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:var(--color-primary-contrast);background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.card-standard{padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.notice{gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius);justify-items:start;display:grid}.notice-info{background:var(--color-info-bg);border-color:var(--color-info-border)}.notice-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.notice-error{background:var(--color-error-bg);border-color:var(--color-error-border)}.notice__title{font-size:var(--font-size-heading);margin:0;line-height:1.25}.notice__message{overflow-wrap:anywhere;margin:0}.layout-centered{min-height:100vh;padding:var(--spacing-4);place-items:center;display:grid}.layout-centered__content{width:min(100%,36rem)}.layout-admin__main{width:min(100%,60rem);padding:var(--spacing-6) var(--spacing-4);margin:0 auto}.skip-link{left:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);color:var(--color-primary-contrast);background:var(--color-primary);border-radius:var(--radius);position:absolute;top:-4rem}.skip-link:focus{top:var(--spacing-2)}.admin-header{gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.admin-header__brand{margin:0;font-weight:700}.admin-header__user{gap:var(--spacing-3);flex-wrap:wrap;align-items:center;display:flex}.admin-header__email{overflow-wrap:anywhere}.problem-list{padding-left:var(--spacing-6);margin:0}.dialog-backdrop{padding:var(--spacing-4);background:#1018288c;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(100%,32rem);max-height:100%;padding:var(--spacing-6);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:auto}.dialog__title{margin:0 0 var(--spacing-3);font-size:var(--font-size-heading);line-height:1.25}.dialog__actions{margin-top:var(--spacing-4)}.dialog .form-summary{margin-bottom:var(--spacing-3)}.dialog .quiz-form .form-actions{margin-top:var(--spacing-2)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-header{gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.page-header .text-heading{overflow-wrap:anywhere;margin:0}.toolbar{gap:var(--spacing-3);margin:var(--spacing-4) 0;flex-wrap:wrap;align-items:center;display:flex}.empty-state{gap:var(--spacing-3);padding:var(--spacing-6);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);justify-items:start;display:grid}.empty-state .text-heading,.empty-state .text-body{margin:0}a.btn{text-decoration:none}a.btn-secondary{color:var(--color-text)}.table-wrap{margin-bottom:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.data-table .cell-text{margin:0 0 var(--spacing-1)}.data-table th{font-size:var(--font-size-label);color:var(--color-text-muted)}.data-table tbody tr:last-child td{border-bottom:0}.badge{padding:0 var(--spacing-2);font-size:var(--font-size-label);border:1px solid var(--color-border);border-radius:var(--radius);font-weight:600;display:inline-block}.badge-neutral{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.badge-success{background:var(--color-info-bg);border-color:var(--color-info-border)}.badge-muted{background:var(--color-bg)}.quiz-form{gap:var(--spacing-4);display:grid}.field{gap:var(--spacing-1);border:0;min-width:0;margin:0;padding:0;display:grid}.field__label{font-weight:600}.field__hint,.radio-option__help{margin:0}.field__error{color:var(--color-error-text);font-size:var(--font-size-label);margin:0;font-weight:600}.input-field{width:100%;padding:var(--spacing-2) var(--spacing-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.input-field[aria-invalid=true]{border-color:var(--color-error-text)}.toolbar .input-field{width:auto}.field-group{gap:var(--spacing-3)}.radio-option{gap:0 var(--spacing-2);grid-template-columns:auto 1fr;align-items:start;display:grid}.radio-option input{margin-top:var(--spacing-1)}.radio-option__help{grid-column:2}.form-actions{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.form-summary{padding:var(--spacing-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius)}.form-summary__title{margin:0 0 var(--spacing-2);font-size:var(--font-size-body)}.form-summary__message,.form-summary__list{margin:0}.form-summary__list{padding-left:var(--spacing-6)}.breadcrumbs{margin-bottom:var(--spacing-3);font-size:var(--font-size-label)}.breadcrumbs__list{gap:var(--spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs__item+.breadcrumbs__item:before{content:"/";margin-right:var(--spacing-2);color:var(--color-text-muted)}.breadcrumbs__item{overflow-wrap:anywhere}.status-banner{margin:var(--spacing-4) 0;padding:var(--spacing-4) var(--spacing-6);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius)}.status-banner__title{margin:0 0 var(--spacing-2);font-size:var(--font-size-body)}.status-banner .text-body{margin:0}.summary-list{gap:var(--spacing-2) var(--spacing-6);margin:var(--spacing-4) 0;grid-template-columns:max-content 1fr;display:grid}.summary-list dt{font-weight:600}.summary-list dd{overflow-wrap:anywhere;margin:0}.section{margin-top:var(--spacing-8)}.section__actions{margin:var(--spacing-3) 0}.row-actions{gap:var(--spacing-2);flex-wrap:wrap;align-items:center;display:flex}.quiz-actions{margin:var(--spacing-4) 0}.admin-nav__list{gap:var(--spacing-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.admin-nav__link{padding:var(--spacing-1) var(--spacing-2);color:var(--color-text);border-bottom:3px solid #0000;text-decoration:none;display:inline-block}.admin-nav__link:hover{border-bottom-color:var(--color-border)}.admin-nav__link[aria-current]{border-bottom-color:var(--color-primary);font-weight:700}.totp-steps{gap:var(--spacing-4);margin:0 0 var(--spacing-4);padding-left:var(--spacing-6);display:grid}.totp-steps .text-body,.totp-steps .text-label{margin:0 0 var(--spacing-2)}.totp-key{padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;display:inline-block}.layout-public{gap:var(--spacing-4);min-height:100dvh;padding:var(--spacing-4);align-content:start;justify-items:center;display:grid}.layout-public__brand{width:min(100%,36rem);margin:0}.layout-public__content{width:min(100%,36rem)}.layout-public .btn{min-height:2.75rem}.layout-public .input-field{min-height:2.75rem;font-size:1rem}.answer-question{overflow-wrap:anywhere}.layout-public .answer-form__submit{width:100%}.field__hint--error{color:var(--color-error-text);font-weight:600}.answer-sent{justify-items:start}.layout-screen{height:100dvh;color:var(--screen-text);background:var(--screen-bg);overflow:hidden}.layout-screen__main{flex-direction:column;height:100%;padding:clamp(1rem,2.5vw,3rem);display:flex}.screen{flex-direction:column;flex:1;gap:clamp(1rem,2vw,2.5rem);min-height:0;display:flex}.screen__header{gap:var(--spacing-4);display:grid}.screen__question{overflow-wrap:anywhere;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:clamp(3rem,4.5vw,5.5rem);line-height:1.15;display:-webkit-box;overflow:hidden}.screen__question[data-length=long]{-webkit-line-clamp:6;line-clamp:6;font-size:clamp(1.75rem,2.4vw,3rem)}.screen__meta{gap:var(--spacing-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.screen__count{color:var(--screen-text-muted);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.5rem,2vw,2.5rem)}.screen__panel{flex:1;min-height:35dvh;display:flex;overflow:hidden}.screen__empty{color:var(--screen-text-muted);text-align:center;margin:auto;font-size:clamp(1.75rem,3vw,3.5rem)}.screen-message{gap:var(--spacing-4);text-align:center;max-width:60rem;margin:auto;display:grid}.screen-message__title{margin:0;font-size:clamp(3rem,5vw,6rem);line-height:1.15}.screen-message__text{color:var(--screen-text-muted);margin:0;font-size:clamp(1.5rem,2.4vw,3rem)}.quiz-screen{flex:1;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(1.5rem,4vw,6rem);min-height:0;display:grid}.quiz-screen__question{overflow-wrap:anywhere;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;margin:0;font-size:clamp(2.5rem,4.6vw,6rem);line-height:1.15;display:-webkit-box;overflow:hidden}.quiz-screen__question[data-length=long]{-webkit-line-clamp:16;line-clamp:16;font-size:clamp(1.75rem,2.6vw,3.5rem)}.quiz-screen__join{justify-items:center;min-width:0;display:grid}.join-qr{gap:var(--spacing-4);justify-items:center;margin:0;display:grid}.join-qr__caption{text-align:center;font-size:clamp(2rem,3.4vw,4.5rem);font-weight:700;line-height:1.15}.join-qr__code{width:clamp(10rem,22vw,28rem);line-height:0}.join-qr__code svg{width:100%;height:auto;display:block}.screen-tabs{gap:var(--spacing-2);display:flex}.screen-tabs__tab{min-height:2.75rem;padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--screen-border);border-radius:var(--radius);font:inherit;color:var(--screen-text-muted);cursor:pointer;background:0 0;font-size:clamp(1rem,1.4vw,1.5rem)}.screen-tabs__tab[aria-selected=true]{color:var(--screen-text);background:var(--screen-surface);border-color:var(--screen-text-muted);font-weight:600}.screen-status{right:var(--spacing-4);bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);color:var(--screen-status-text);background:var(--screen-status-bg);margin:0;font-size:clamp(.875rem,1.1vw,1.25rem);position:fixed}.word-cloud{--cloud-min:clamp(1.25rem, 1.5vw, 2rem);--cloud-max:clamp(2.25rem, 3.6vw, 5rem);flex-wrap:wrap;place-content:safe center center;align-items:center;gap:.15em clamp(1rem,2vw,2.5rem);width:100%;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.word-cloud__item{overflow-wrap:anywhere;max-width:100%;line-height:1.1}.word-cloud__word{font-size:calc(var(--cloud-min) + (var(--cloud-max) - var(--cloud-min)) * var(--weight));color:var(--cloud-tone-0);font-weight:700}.word-cloud__word[data-tone="0"]{color:var(--cloud-tone-0)}.word-cloud__word[data-tone="1"]{color:var(--cloud-tone-1)}.word-cloud__word[data-tone="2"]{color:var(--cloud-tone-2)}.word-cloud__word[data-tone="3"]{color:var(--cloud-tone-3)}.word-cloud__word[data-tone="4"]{color:var(--cloud-tone-4)}.answer-wall{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.2vw,1.5rem);width:100%;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.answer-wall__card{--wall-lines:4;background:var(--screen-surface);border:1px solid var(--screen-border);border-radius:var(--radius);min-width:0;min-height:0;padding:.75rem;font-size:clamp(1.5rem,2vw,3rem);line-height:1.3;overflow:hidden}.answer-wall__card[data-length=medium]{--wall-lines:5;font-size:clamp(1.125rem,1.4vw,2.25rem)}.answer-wall__card[data-length=long]{--wall-lines:8;font-size:clamp(.8125rem,1.05vw,1.75rem)}.answer-wall__text{overflow-wrap:anywhere;-webkit-line-clamp:var(--wall-lines);line-clamp:var(--wall-lines);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@keyframes answer-card-in{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.answer-wall__card{animation:.5s ease-out answer-card-in}.word-cloud__word{transition:font-size .4s}}@media (prefers-reduced-motion:reduce){.answer-wall__card{animation:none}.word-cloud__word{transition:none}}