:root{--bg: #f3f6fb;--bg-accent: #eaf0fb;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .94);--surface-muted: #eef3fb;--border: rgba(15, 23, 42, .08);--border-strong: rgba(37, 99, 235, .18);--text: #152236;--muted: #627088;--admin-label: #3d3d3d;--accent: #2563eb;--accent-soft: #dbe8ff;--success: #107c10;--success-soft: #e4f7e4;--danger: #c42b1c;--danger-soft: #fde8ea;--warning: #b76c00;--warning-soft: #fff3e6;--shadow: 0 16px 36px rgba(31, 41, 55, .08);--shadow-soft: 0 10px 24px rgba(31, 41, 55, .05);color:var(--text);font-family:Segoe UI Variable Text,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 22rem),radial-gradient(circle at top right,rgba(255,255,255,.75),transparent 18rem),linear-gradient(180deg,#f7f9fd,#eef3fa)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block}.app-shell{min-height:100vh;padding:20px}.admin-surface{background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 24rem),linear-gradient(180deg,#f7f9fd,#eef2f8)}.player-surface{background:radial-gradient(circle at top right,rgba(16,124,16,.08),transparent 22rem),linear-gradient(180deg,#f9fbfe,#eff4fb)}.topbar,.panel,.editor-card,.quiz-card,.leaderboard-row,.roster-pill,.answer-tile,.join-card,.waiting-panel,.type-chip,.fixed-option-pill,.more-info-panel,.quiz-section-group,.section-intro-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar--win11{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:#ffffffb8;box-shadow:var(--shadow)}.brand{display:inline-flex;align-items:center;gap:14px;font-weight:600}.brand>span:last-child{display:grid;gap:2px}.brand small{color:var(--muted);font-size:.8rem;font-weight:500}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#377dff,#6aa7ff);color:#fff;font-weight:700;box-shadow:inset 0 1px #ffffff73}.nav-links{display:flex;gap:10px}.nav-links a{padding:10px 14px;border-radius:10px;color:var(--muted);transition:background-color .16s ease,color .16s ease,transform .16s ease}.nav-links a.active,.nav-links a:hover{color:var(--accent);background:var(--accent-soft)}.page-shell{width:min(1240px,100%);margin:20px auto 0}.dashboard-grid,.session-grid,.hero-grid{display:grid;gap:20px}.dashboard-grid--admin,.session-grid--admin{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;min-height:calc(100vh - 140px)}.panel,.quiz-card,.editor-card,.join-card,.waiting-panel,.hero-copy,.hero-panel,.quiz-section-group,.section-intro-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-strong);box-shadow:var(--shadow)}.panel,.hero-copy,.hero-panel,.waiting-panel{padding:22px}.quiz-section-group,.section-intro-card{padding:18px}.panel--editor,.panel--library,.panel--session,.panel--question{background:var(--surface)}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:16px}.hero-copy h1{margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.02}.hero-panel{display:grid;gap:16px;align-content:center}.hero-stat{padding:18px;border-radius:12px;background:var(--surface-muted);border:1px solid rgba(37,99,235,.08)}.hero-text,.panel p,.quiz-card p,.leaderboard-row p,.join-card span,.waiting-panel p,.question-type-label,.brand small,.field span,.empty-state.subtle,.question-editor-section-name,.section-intro-copy{color:var(--muted)}.panel--editor .field span,.panel--editor h2,.panel--editor h3,.panel--editor .editor-card__header h4,.panel--editor .question-editor-section-name{color:var(--admin-label);font-weight:700}.primary-btn,.secondary-btn,.badge,.info-chip{border-radius:10px;border:1px solid transparent;padding:10px 16px;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.primary-btn:hover,.secondary-btn:hover,.type-chip:hover,.answer-tile:hover{transform:translateY(-1px)}.primary-btn{color:#fff;background:linear-gradient(180deg,#377dff,#2563eb);box-shadow:0 10px 20px #2563eb2e}.primary-btn:disabled{opacity:.7;cursor:default}.secondary-btn{color:var(--text);background:#ffffffd6;border-color:var(--border);box-shadow:var(--shadow-soft)}.secondary-btn.danger{color:var(--danger);background:#fff5f6;border-color:#c42b1c29}.badge,.info-chip{display:inline-flex;align-items:center;gap:8px;font-weight:600;background:var(--surface-muted);color:var(--text)}.badge.timer.timer--success{background:var(--success-soft);color:var(--success)}.badge.timer.timer--warning{background:var(--warning-soft);color:var(--warning)}.badge.timer.timer--danger{background:var(--danger-soft);color:var(--danger)}.subtle-badge{color:var(--muted)}.section-heading,.quiz-section-group__header,.question-meta,.quiz-meta,.more-info-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-heading h2,.section-heading h3,.editor-card__header h4,.quiz-card h3,.question-copy h2,.waiting-panel h2,.question-section-header h3,.section-intro-title{margin:0}.eyebrow{margin:0 0 6px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:700}.stack-gap{display:grid;gap:16px}.field,.option-grid,.fixed-option-grid,.sections-stack{display:grid;gap:8px}.field input,.field textarea,.field select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:#ffffffe6;color:var(--text);box-shadow:inset 0 1px #fff9}.field input:focus,.field textarea:focus,.field select:focus,.section-title-input:focus{outline:2px solid rgba(37,99,235,.18);border-color:var(--accent)}.field-grid,.option-grid,.quiz-list,.sections-stack{display:grid;gap:16px}.field-grid--two,.option-grid,.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-card{padding:18px;background:#ffffffc7}.editor-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.question-editor-section-name{margin:6px 0 0;font-size:.92rem}.type-toggle{display:flex;flex-wrap:wrap;gap:10px}.type-chip{padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;color:var(--muted)}.type-chip.active{color:var(--accent);background:var(--accent-soft);border-color:var(--border-strong)}.editor-preview,.question-image{width:100%;border-radius:12px;object-fit:contain}.editor-preview{max-height:240px}.fixed-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fixed-option-pill{padding:12px 14px;border-radius:10px;border:1px solid rgba(37,99,235,.12);background:var(--accent-soft);color:var(--accent);font-weight:600;text-align:center}.sections-stack{gap:20px}.quiz-section-group{display:grid;gap:16px;background:#ffffffb3}.section-title-field{min-width:min(360px,100%)}.section-title-input{font-weight:700;color:var(--admin-label)}.quiz-list,.leaderboard-list,.roster-list{display:grid;gap:14px}.quiz-card,.leaderboard-row,.roster-pill,.join-card,.more-info-panel{padding:16px 18px}.quiz-card--library{display:grid;gap:14px}.quiz-meta{color:var(--muted);font-size:.92rem}.leaderboard-row,.roster-pill,.join-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:12px;background:#ffffffc2}.leaderboard-rank,.leaderboard-score,.option-index{font-weight:700}.status-dot{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:.8rem}.status-dot.online{color:var(--success);background:var(--success-soft)}.status-dot.offline{color:var(--danger);background:var(--danger-soft)}.question-stage,.section-intro-card{grid-column:1 / -1}.progress-track{width:220px;height:8px;border-radius:999px;background:#2563eb14;overflow:hidden}.progress-track--soft,.progress-track--success{background:#107c101f}.progress-track--warning{background:#b76c0024}.progress-track--danger{background:#c42b1c24}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#107c10)}.progress-track--warning span{background:linear-gradient(90deg,#ffd7a3,#d18a1b)}.progress-track--danger span{background:linear-gradient(90deg,#f5b8ba,#c42b1c)}.progress-track--section-intro span{background:linear-gradient(90deg,#93c5fd,#2563eb)}.question-section-header{display:grid;gap:4px;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,#2563eb14,#fffc);border:1px solid rgba(37,99,235,.12)}.question-body{display:grid;gap:18px}.question-body--with-image{grid-template-columns:minmax(280px,.9fr) minmax(0,1fr);align-items:start}.question-media-frame{display:grid;gap:12px;padding:10px;border-radius:12px;background:linear-gradient(180deg,#ffffffdb,#f0f5fce6);border:1px solid rgba(15,23,42,.06)}.question-image-button{padding:0;border:0;border-radius:12px;background:transparent}.question-image-button:focus-visible{outline:2px solid rgba(37,99,235,.28);outline-offset:3px}.question-image--hero{max-height:min(46vh,420px);background:linear-gradient(180deg,#ffffffeb,#ecf3fceb)}.question-image-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.question-image-expand{white-space:nowrap}.question-image-hint{margin:0;font-size:.92rem}.image-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#0f172a7a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.image-viewer-dialog{width:min(1120px,100%);max-height:calc(100vh - 40px);display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fffffff7;box-shadow:0 24px 64px #0f172a3d}.image-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.image-viewer-header h3{margin:0}.image-viewer-stage{display:grid;place-items:center;min-height:min(60vh,560px);padding:14px;border-radius:14px;overflow:auto;background:linear-gradient(180deg,#f7fafff0,#e9f0f9f0)}.image-viewer-image{max-width:100%;max-height:calc(100vh - 220px);width:auto;height:auto;object-fit:contain;border-radius:12px}.answer-grid{display:grid;gap:14px}.answer-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-tile{display:flex;align-items:center;gap:16px;padding:18px;border-radius:12px;border:1px solid rgba(15,23,42,.08);color:var(--text);text-align:left;background:#ffffffeb;box-shadow:var(--shadow-soft)}.answer-tile.selected{border-color:#2563eb4d}.answer-tile.correct{background:#f0faf0;border-color:#107c1038}.answer-tile.incorrect{background:#fff4f5;border-color:#c42b1c33}.answer-tile:disabled{cursor:default}.option-index{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--surface-muted);color:var(--accent)}.feedback-banner{padding:14px 16px;border-radius:12px;font-weight:600}.feedback-banner.success{color:var(--success);background:var(--success-soft)}.feedback-banner.error{color:var(--danger);background:var(--danger-soft)}.more-info-panel{display:grid;gap:10px;max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0;transform:translateY(10px);transition:max-height .26s ease,opacity .22s ease,transform .22s ease,padding .22s ease;background:linear-gradient(180deg,#eff4fbd1,#ffffffdb)}.more-info-panel.revealed{max-height:240px;opacity:1;padding-top:16px;padding-bottom:16px;transform:translateY(0)}.section-intro-card{text-align:center;gap:18px;background:linear-gradient(180deg,#ffffffeb,#e8f1ffe6)}.section-intro-title{font-size:clamp(1.8rem,4vw,2.7rem)}.join-card--admin{align-items:center}.join-card--admin>div{display:grid;gap:4px}.single-column{width:min(960px,100%);margin:0 auto}.player-stack{padding-bottom:24px}.join-panel{margin-top:48px}.waiting-panel{text-align:center}.waiting-panel--player{background:linear-gradient(180deg,#ffffffe0,#ebf4ffdb)}.empty-state{display:grid;place-items:center;min-height:120px;border-radius:12px;border:1px dashed rgba(37,99,235,.14);background:#ffffff9e}@media(max-width:980px){.dashboard-grid--admin,.session-grid--admin,.field-grid--two,.field-grid--three,.option-grid,.answer-grid,.question-body--with-image,.hero-grid{grid-template-columns:1fr}.topbar--win11,.section-heading,.quiz-section-group__header,.question-meta,.leaderboard-row,.roster-pill,.join-card{align-items:flex-start}.nav-links{width:100%;justify-content:flex-start}.topbar--win11{flex-direction:column}.progress-track,.section-title-field{width:100%}}@media(max-width:640px){.app-shell{padding:12px}.panel,.hero-copy,.hero-panel,.waiting-panel,.quiz-section-group,.section-intro-card{padding:18px}.answer-grid--compact,.fixed-option-grid{grid-template-columns:1fr}}