:root{color:#f7f4ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#181818;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#3ea49129,#0000 38%),linear-gradient(315deg,#f0be5c1f,#0000 35%),#181818;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#151515;cursor:pointer;background:#f0be5c;border:0;border-radius:8px;min-height:48px;padding:0 18px;font-weight:800}button:hover{background:#ffd276}button:disabled{cursor:not-allowed;opacity:.68}button.secondary{color:#f7f4ec;background:#3a3a3a;min-height:40px}button.secondary:hover{background:#4a4a4a}button.danger{color:#fff;background:#b83f3f}button.danger:hover{background:#d25252}button.is-recommended{box-shadow:0 0 0 2px #f0be5c5c}input,select{color:#f7f4ec;background:#242424;border:1px solid #504f4b;border-radius:8px;width:100%;min-height:48px;padding:0 14px}input:focus,select:focus{border-color:#3ea491;outline:3px solid #3ea49147}label{color:#d4cec1;text-align:left;gap:8px;font-size:.95rem;font-weight:700;display:grid}#app{place-items:center;min-height:100vh;padding:24px;display:grid}.app{width:min(100%,440px)}.host-app{width:min(100%,820px)}.scoreboard-app{width:min(100%,720px)}.detailed-scoreboard-app{width:min(100%,1040px)}.qr-page-app{width:min(100%,760px)}.panel{background:#1e1e1eeb;border:1px solid #f7f4ec1f;border-radius:8px;gap:20px;padding:28px;display:grid;box-shadow:0 24px 60px #00000052}.panel[hidden]{display:none}.eyebrow{color:#3ea491;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}h1{color:#fff;margin:0;font-size:2.4rem;line-height:1.05}h2{color:#fff;margin:0;font-size:1.1rem}form{gap:16px;display:grid}.status{color:#d4cec1;min-height:24px;margin:0;line-height:1.45}.question-state{flex-wrap:wrap;gap:8px;display:flex}.question-state span{color:#fff;background:#3ea4911f;border:1px solid #3ea49170;border-radius:999px;padding:6px 10px;font-size:.9rem;font-weight:800}.question-state span.status-ended{background:#d2525229;border-color:#d25252b8}.question-state span.status-active{background:#3ea49133;border-color:#3ea491b8}.question-state span.status-locked{background:#f0be5c29;border-color:#f0be5cb8}.button-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.session-end-row{display:grid}.answer-section{gap:12px;display:grid}.host-tools{gap:10px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-status{color:#a9a397;font-size:.9rem;font-weight:800}.tool-status.status-warning{color:#f0be5c}.inline-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.session-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.overview-stat{background:#ffffff0a;border:1px solid #f7f4ec1a;border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.overview-stat span{color:#a9a397;text-transform:uppercase;font-size:.78rem;font-weight:800}.overview-stat strong{color:#fff;overflow-wrap:anywhere;font-size:1.05rem}.tool-grid,.copy-row,.export-row,.auth-button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.export-row,.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.signed-in-panel{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.signed-in-panel[hidden]{display:none}.signed-in-panel p{color:#d4cec1;overflow-wrap:anywhere;margin:0}.tool-link{color:#f7f4ec;text-align:center;background:#242424;border:1px solid #f7f4ec1f;border-radius:8px;place-items:center;min-height:48px;padding:0 14px;font-weight:800;text-decoration:none;display:grid}.tool-link:hover{background:#2d2d2d;border-color:#3ea491b8}.qr-panel{background:#ffffff0a;border:1px solid #f7f4ec1a;border-radius:8px;gap:12px;padding:14px;display:grid}.qr-content{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.qr-content canvas{background:#f7f4ec;border-radius:8px;width:220px;height:220px}.qr-details{gap:10px;min-width:0;display:grid}.qr-details p{color:#d4cec1;margin:0}.qr-link{color:#f0be5c;overflow-wrap:anywhere;font-weight:800}.qr-page-panel{text-align:center;justify-items:stretch}.qr-page-code-wrap{background:#f7f4ec;border-radius:8px;place-items:center;padding:16px;display:grid}.qr-page-code-wrap canvas{aspect-ratio:1;width:min(100%,420px);height:auto}.qr-page-details{gap:8px;display:grid}.qr-page-details p{color:#a9a397;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.qr-page-details strong{color:#fff;font-size:clamp(3rem,12vw,6rem);line-height:.95}.qr-form{grid-template-columns:1fr auto;align-items:end}.answer-list,.session-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.session-item{background:#ffffff0a;border:1px solid #f7f4ec1a;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.session-details{gap:4px;min-width:0;display:grid}.session-details h3,.session-details p{margin:0}.session-details h3{color:#fff;font-size:1rem}.session-details p{color:#f7f4ec;font-weight:800}.session-details small{color:#a9a397}.session-actions{grid-template-columns:auto auto;gap:8px;display:grid}.session-actions button{min-height:40px}.answer-item,.muted,.created-session-details{background:#ffffff0a;border:1px solid #f7f4ec1a;border-radius:8px;gap:4px;padding:12px;display:grid}.created-session-details[hidden]{display:none}.created-session-details p{color:#d4cec1;overflow-wrap:anywhere;margin:0}.created-session-details span{color:#fff}.answer-item span{color:#f7f4ec;overflow-wrap:anywhere}.answer-item small,.muted{color:#a9a397}.mark-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mark-actions button{min-height:40px}button.mark-correct{background:#3ea491}.bonus-form{grid-template-columns:1.5fr .8fr 1.4fr auto;align-items:end}.scoreboard-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.scoreboard-item{background:#ffffff0a;border:1px solid #f7f4ec1a;border-radius:8px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.scoreboard-item.rank-top,.score-table tbody tr.rank-top{background:#f0be5c12}.scoreboard-item b{color:#f0be5c}.score-table-wrap{overflow-x:auto}.score-table{border-collapse:collapse;width:100%;min-width:680px}.score-table th,.score-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #f7f4ec1a;padding:12px}.score-table th:nth-child(2),.score-table td:nth-child(2){text-align:left}.score-table thead th{color:#d4cec1;font-size:.85rem}.score-table tbody th{color:#fff;font-weight:800}.score-total{color:#f0be5c;font-weight:900}.score-bonus{color:#3ea491;font-weight:800}@media (width<=520px){#app{padding:16px}.panel{padding:22px}h1{font-size:2rem}.button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid,.copy-row,.export-row,.auth-button-row,.session-overview,.qr-content,.qr-form,.signed-in-panel,.session-item,.session-actions,.bonus-form,.scoreboard-item{grid-template-columns:1fr}}