.nav-bar{background-color:var(--color-paper-raised);border-bottom:1px solid var(--color-line);z-index:20;position:sticky;top:0}.nav-bar__inner{max-width:var(--max-width);padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.nav-bar__brand{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.nav-bar__brand:hover{text-decoration:none}.nav-bar__brand span{color:var(--color-signal)}.nav-bar__links{gap:var(--space-5);flex:1;display:flex}.nav-bar__link{color:var(--color-ink-soft);padding:var(--space-2) 0;border-bottom:2px solid #0000;font-weight:500}.nav-bar__link:hover{color:var(--color-ink);text-decoration:none}.nav-bar__link.is-active{color:var(--color-ink);border-bottom-color:var(--color-signal)}.nav-bar__account{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.nav-bar__name{color:var(--color-ink-soft);font-size:.9rem}@media (width<=640px){.nav-bar__inner{gap:var(--space-3);flex-wrap:wrap}.nav-bar__account{margin-left:0}}.auth-page{min-height:100vh;padding:var(--space-5);background-color:var(--color-paper);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:380px;padding:var(--space-7) var(--space-6)}.auth-card h1{margin-bottom:var(--space-2)}.auth-subtitle{color:var(--color-ink-soft);margin-bottom:var(--space-5)}.auth-footer{margin-top:var(--space-5);text-align:center;color:var(--color-ink-soft);font-size:.9rem}.browse-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.browse-subtitle{color:var(--color-ink-soft);margin-top:var(--space-2)}.browse-filter{min-width:200px;margin-bottom:0}.quiz-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.quiz-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.quiz-card__title{margin-top:var(--space-1)}.quiz-card__meta{gap:var(--space-5);color:var(--color-ink-soft);font-size:.9rem;display:flex}.quiz-card__actions{gap:var(--space-3);padding-top:var(--space-2);margin-top:auto;display:flex}.countdown-timer{gap:var(--space-2);flex-direction:column;min-width:140px;display:flex}.countdown-timer__readout{text-align:right;color:var(--color-ink);font-size:1.8rem}.countdown-timer__track{background-color:var(--color-line);border-radius:2px;height:4px;overflow:hidden}.countdown-timer__fill{background-color:var(--color-ink-faint);height:100%;transition:width .25s linear}.countdown-timer--warning .countdown-timer__readout{color:var(--color-signal-ink)}.countdown-timer--warning .countdown-timer__fill{background-color:var(--color-signal)}.countdown-timer--critical .countdown-timer__readout{color:var(--color-danger)}.countdown-timer--critical .countdown-timer__fill{background-color:var(--color-danger)}.take-quiz__header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.take-quiz__progress{color:var(--color-ink-soft);margin-top:var(--space-2)}.take-quiz__jumplist{gap:var(--space-2);margin-bottom:var(--space-5);background-color:var(--color-paper);padding:var(--space-2) 0;z-index:10;flex-wrap:wrap;display:flex;position:sticky;top:70px}.take-quiz__jumpdot{border-radius:var(--radius-sm);border:1px solid var(--color-line-strong);background-color:var(--color-paper-raised);width:32px;height:32px;font-family:var(--font-mono);color:var(--color-ink-soft);cursor:pointer;font-size:.85rem;font-weight:600}.take-quiz__jumpdot.is-answered{background-color:var(--color-signal-soft);border-color:var(--color-signal);color:var(--color-signal-ink)}.take-quiz__questions{gap:var(--space-4);flex-direction:column;display:flex}.question-card{padding:var(--space-5);border:1px solid var(--color-line)}.question-card__prompt{align-items:baseline;gap:var(--space-3);font-family:var(--font-body);color:var(--color-ink);margin-bottom:var(--space-4);padding:0;font-size:1.05rem;font-weight:600;display:flex}.question-card__index{color:var(--color-ink-faint);flex-shrink:0}.question-card__choices{gap:var(--space-2);flex-direction:column;display:flex}.choice-option{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;display:flex}.choice-option:hover{border-color:var(--color-line-strong);background-color:var(--color-paper)}.choice-option input{accent-color:var(--color-signal);width:16px;height:16px}.results-page{justify-content:center;display:flex}.results-summary{width:100%;max-width:480px;padding:var(--space-7) var(--space-6);text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.results-summary__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);font-size:.85rem}.results-summary__percentage{color:var(--color-signal);font-size:3.5rem;line-height:1}.results-summary__fraction{color:var(--color-ink-soft)}.results-summary__feedback{margin-top:var(--space-2);font-weight:500}.results-summary__details{gap:var(--space-7);margin:var(--space-5) 0 0;justify-content:center;width:100%;display:flex}.results-summary__details dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint);margin-bottom:var(--space-1);font-size:.78rem}.results-summary__details dd{margin:0;font-size:1.2rem}.results-summary__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.leaderboard-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.leaderboard-subtitle{color:var(--color-ink-soft);margin-top:var(--space-2)}tr.is-you{background-color:var(--color-signal-soft)}.leaderboard-you-badge{margin-left:var(--space-2);background-color:var(--color-signal);color:#fff}.leaderboard-viewer-row{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);gap:var(--space-6);border:1px dashed var(--color-line-strong);align-items:center;display:flex}.leaderboard-no-attempt{margin-top:var(--space-4);color:var(--color-ink-soft)}.admin-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.admin-row-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.quiz-form-page h1{margin-bottom:var(--space-5)}.quiz-form-meta{padding:var(--space-5);margin-bottom:var(--space-6)}.quiz-form-meta__row{gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.quiz-form-section-title{margin-bottom:var(--space-4)}.question-editor{padding:var(--space-5);margin-bottom:var(--space-4)}.question-editor__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.question-editor__index{color:var(--color-ink-faint);font-size:.85rem}.question-editor__choices{gap:var(--space-2);flex-direction:column;display:flex}.question-editor__choice{align-items:center;gap:var(--space-3);display:flex}.question-editor__choice input[type=radio]{accent-color:var(--color-signal);flex-shrink:0;width:16px;height:16px}.question-editor__choice input[type=text]{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);flex:1}.quiz-form-actions{margin-top:var(--space-5);justify-content:flex-end;display:flex}@media (width<=560px){.quiz-form-meta__row{grid-template-columns:1fr}}:root{--color-paper:#eef1ef;--color-paper-raised:#fff;--color-line:#d8dcd9;--color-line-strong:#b7bcb8;--color-ink:#1b2023;--color-ink-soft:#586168;--color-ink-faint:#8b9298;--color-signal:#ff6a1a;--color-signal-ink:#7a2d05;--color-signal-soft:#ffe4d2;--color-success:#1f8a55;--color-success-soft:#d9f0e3;--color-danger:#d6432f;--color-danger-soft:#fbe0db;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 1px 2px #1b20230a, 0 8px 24px #1b20230f;--shadow-raised:0 2px 4px #1b20230f, 0 16px 32px #1b20231a;--max-width:1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.2}h1{letter-spacing:-.01em;font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p{margin:0}a{color:var(--color-signal-ink);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-signal);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page-container{width:100%;max-width:var(--max-width);padding:var(--space-6) var(--space-5);flex:1;margin:0 auto}.mono-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;font-size:.95rem;font-weight:600;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background-color:var(--color-signal);color:#fff}.button-primary:hover:not(:disabled){background-color:#e85e12}.button-secondary{background-color:var(--color-paper-raised);border-color:var(--color-line-strong);color:var(--color-ink)}.button-secondary:hover:not(:disabled){border-color:var(--color-ink-soft)}.button-ghost{color:var(--color-ink-soft);border-color:var(--color-line);background:0 0}.button-ghost:hover:not(:disabled){color:var(--color-ink)}.button-danger{background-color:var(--color-paper-raised);border-color:var(--color-danger);color:var(--color-danger)}.button-danger:hover:not(:disabled){background-color:var(--color-danger-soft)}.button-block{width:100%}.card{background-color:var(--color-paper-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.form-field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-field label{color:var(--color-ink-soft);font-size:.85rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:var(--space-3);background-color:var(--color-paper-raised);color:var(--color-ink);font-size:1rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-signal)}.form-field-hint{color:var(--color-ink-faint);font-size:.8rem}.status-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.9rem;display:flex}.status-banner--error{background-color:var(--color-danger-soft);color:var(--color-danger)}.status-banner--success{background-color:var(--color-success-soft);color:var(--color-success)}.status-banner--notice{background-color:var(--color-signal-soft);color:var(--color-signal-ink)}.status-banner__dismiss{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:1.1rem;line-height:1}.status-banner__dismiss:hover{opacity:1}.link-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.badge{font-family:var(--font-mono);padding:2px var(--space-2);background-color:var(--color-line);color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line)}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint);font-size:.78rem;font-weight:600}.data-table tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-ink-soft)}.empty-state h2{margin-bottom:var(--space-3)}.loading-state{color:var(--color-ink-soft);font-style:italic}