*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Thai",sans-serif;background:#f4f7fb;color:#102a55}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:13px 18px;background:#0866d9;color:#fff;font-weight:700}button.alt{background:#e8eef7;color:#163b70}button.danger{background:#d73535}button:disabled{opacity:.55;cursor:not-allowed}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;background:#fff;border-bottom:1px solid #dce5f1}.brand{font-weight:900;color:#e73a36}.brand b{color:#153e8c;margin-left:8px}.wrap{max-width:1180px;margin:28px auto;padding:0 20px}.card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 12px 35px #173a6615;margin-bottom:20px}h1{font-size:clamp(28px,4vw,54px);margin:10px 0}h2{margin:20px 0 8px}.muted{color:#64748b}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.choices{display:grid;gap:12px;margin-top:24px}.choices button{text-align:left;background:#f1f5fb;color:#123564;border:2px solid transparent}.choices button:hover,.choices button.on{border-color:#1670e8;background:#e5f0ff}.choices i{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;margin-right:10px}.stats{display:flex;gap:12px}.stat{flex:1;background:#eaf2ff;padding:15px;border-radius:15px;text-align:center}.stat b{display:block;font-size:30px}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.roster span{padding:9px 12px;background:#edf2f8;border-radius:10px}.qr{text-align:center}.qr img{max-width:320px;width:100%}.qr code{display:block;word-break:break-all;margin:10px}.controls{display:grid;gap:10px}.duration{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.duration label{cursor:pointer}.duration input{position:absolute;opacity:0}.duration span{display:block;padding:14px;text-align:center;border:2px solid #cbd9eb;border-radius:13px;font-weight:800}.duration input:checked+span{border-color:#0866d9;background:#e8f2ff;color:#0758bc}.time-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 24px}.time-summary div{background:#f1f5fb;border-radius:14px;padding:13px}.time-summary small,.time-summary b{display:block}.time-summary b{font-size:18px;margin-top:4px}.time-ok{color:#087b47}.time-near{color:#a25d00}.time-away{color:#b52626}.topic-list{display:grid;gap:10px}.topic-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:13px;background:#f5f8fc;border:2px solid transparent;border-radius:14px}.topic-row.dragging{opacity:.45;border-color:#0866d9}.topic-row .drag{font-size:21px;color:#8294aa;cursor:grab}.topic-row label{display:flex;align-items:center;gap:12px;cursor:pointer}.topic-row input{width:20px;height:20px;accent-color:#0866d9}.topic-row label span,.topic-row small{display:block}.topic-row small{color:#64748b;margin-top:3px}.move{display:flex;gap:5px}.move button{padding:7px 11px}.setup-note{padding:12px 14px;background:#fff5db;color:#724c00;border-radius:12px}.slide{width:100%;max-height:72vh;object-fit:contain;background:#111}.bars div{display:grid;grid-template-columns:1fr 60px;gap:10px;margin:8px 0}.bars i{height:16px;background:#e6edf6;border-radius:10px;overflow:hidden}.bars em{display:block;height:100%;background:#1670e8}.rank li{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #e5eaf1}.login{max-width:480px;margin:10vh auto}.hidden{display:none!important}.error{color:#c62828}.success{color:#087b47}.pin{font-size:28px;letter-spacing:6px;text-align:center;width:100%;padding:14px;border:2px solid #bdd0e8;border-radius:12px}.full{width:100%}@media(max-width:780px){.grid{grid-template-columns:1fr}.top{padding:14px}.card{padding:20px}.stats{flex-wrap:wrap}.stat{min-width:42%}.time-summary{grid-template-columns:1fr}.topic-row{grid-template-columns:22px 1fr}.move{grid-column:2}.duration span{padding:11px 6px}}