:root{--bg:#f6f7fb;--card:#fff;--text:#161826;--muted:#7a8096;--line:#e9ebf2;--primary:#6c4cf5;--primary2:#9b5cff;--dark:#171627;--radius:24px;--shadow:0 20px 60px rgba(33,27,78,.10)}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:26px 18px;background:#11111d;color:#fff;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.5px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7d5cff,#4ad7ff);color:#fff;box-shadow:0 8px 24px rgba(109,76,245,.35)}.sidebar nav{display:grid;gap:8px;margin-top:38px}.nav-link{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;color:#bfc1cf}.nav-link:hover{background:#212133;color:#fff}.nav-link span{width:24px;text-align:center}.sidebar-user{margin-top:auto;padding:14px 10px;border-top:1px solid #29293a;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.sidebar-user small{display:block;color:#7f8190;max-width:130px;overflow:hidden;text-overflow:ellipsis}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#2b2a40;font-weight:800}.main{margin-left:250px;min-width:0;flex:1}.topbar{padding:28px 34px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar h1{margin:4px 0 0;font-size:28px;letter-spacing:-1px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:900;color:#8a8fa3}.content{padding:10px 34px 50px;max-width:1500px;margin:auto}.btn{border:0;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 10px 25px rgba(108,76,245,.22)}.btn-soft{background:#f0edff;color:#5b43cf}.btn-light{background:#fff;color:#29243d}.btn-ghost-light{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.08)}.btn-live{background:linear-gradient(135deg,#ff5b77,#ff8a4c);color:#fff;width:100%}.btn-lg{padding:14px 20px}.btn-xl{padding:16px 24px;font-size:17px}.icon-btn{border:0;background:transparent;cursor:pointer}.menu-btn{display:none}.hero-card{min-height:290px;border-radius:30px;padding:38px 42px;color:#fff;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 80% 10%,rgba(120,241,255,.35),transparent 25%),linear-gradient(130deg,#5036da 0%,#8148f7 55%,#fe5da7 110%);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card h2{font-size:42px;letter-spacing:-1.8px;margin:14px 0 8px}.hero-card p{max-width:590px;color:#e6e0ff;font-size:17px}.hero-actions{display:flex;gap:10px;margin-top:26px}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#efeaff;color:#6243dd;font-size:11px;font-weight:900;letter-spacing:.8px}.pill.dark{background:#242238;color:#fff}.hero-card .pill{background:rgba(255,255,255,.14);color:#fff}.hero-visual{width:300px;display:grid;place-items:center}.mini-podium{display:flex;align-items:flex-end;gap:9px}.mini-podium i{width:64px;height:90px;border-radius:18px 18px 5px 5px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:28px;font-style:normal;font-weight:900}.mini-podium .winner{height:135px;background:#fff;color:#6c4cf5}.stats-grid,.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 30px}.stat-card{padding:22px 24px;border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 8px 28px rgba(32,35,66,.04)}.stat-card span{font-size:11px;letter-spacing:1.4px;font-weight:900;color:#9196a8}.stat-card strong{display:block;font-size:34px;margin:5px 0}.stat-card small{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 14px}.section-head h2{margin:4px 0 0;font-size:25px}.section-head>a{color:#6c4cf5;font-weight:800}.section-head.small{margin-top:22px}.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quiz-card{overflow:hidden;background:#fff;border-radius:24px;border:1px solid var(--line);box-shadow:0 12px 35px rgba(38,35,78,.06)}.quiz-cover{height:145px;padding:18px;position:relative;background:linear-gradient(135deg,#6947f1,#ab6cff)}.theme-ocean .quiz-cover{background:linear-gradient(135deg,#0878f6,#15d2c7)}.theme-sunset .quiz-cover{background:linear-gradient(135deg,#ff5e7e,#ff9f43)}.quiz-badge{font-size:10px;font-weight:900;letter-spacing:1.4px;background:rgba(255,255,255,.18);color:#fff;padding:7px 9px;border-radius:999px}.quiz-shape{position:absolute;right:24px;bottom:10px;width:96px;height:96px;border-radius:32px;background:rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;font-size:58px;font-weight:900;transform:rotate(8deg)}.quiz-card-body{padding:19px}.quiz-card-body h3{margin:0 0 7px;font-size:19px}.quiz-card-body p{min-height:40px;color:var(--muted);font-size:14px}.card-actions{display:flex;gap:9px;margin-top:16px}.inline{display:inline}.empty-card{grid-column:1/-1;min-height:240px;border:2px dashed #dadcea;border-radius:24px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.empty-icon{font-size:42px}.form-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow);max-width:850px}.form-card.compact{max-width:none}.form-card-head h2{font-size:31px;margin:14px 0 4px}.form-card-head p,.muted{color:var(--muted)}.stack{display:grid;gap:18px;margin-top:24px}.stack label{font-size:13px;font-weight:800;color:#555b70}.input{display:block;width:100%;margin-top:7px;border:1px solid #dfe2eb;background:#fbfbfd;border-radius:14px;padding:12px 14px;outline:none;color:var(--text)}.input:focus{border-color:#8a70f7;box-shadow:0 0 0 4px rgba(108,76,245,.09)}.input-xl{font-size:17px;padding:15px 16px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:24px}.editor-side .sticky{position:sticky;top:20px}.question-list{display:grid;gap:12px}.question-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;gap:14px;align-items:flex-start}.q-number{min-width:38px;height:38px;border-radius:12px;background:#161625;color:#fff;display:grid;place-items:center;font-weight:900}.q-content{flex:1}.q-content h3{margin:2px 0 12px}.q-content small{color:var(--muted)}.answer-preview{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}.answer-preview span{font-size:12px;background:#f2f3f7;padding:6px 9px;border-radius:9px}.answer-preview .correct{background:#e7faef;color:#13834b}.danger{color:#e23c58;font-size:24px}.answers-editor{display:grid;gap:8px}.answer-row{display:grid!important;grid-template-columns:20px 34px 1fr;align-items:center;gap:7px}.answer-row>span{width:32px;height:32px;border-radius:10px;background:#ece9ff;color:#6045d5;display:grid;place-items:center}.answer-row .input{margin:0}.toast{padding:12px 15px;border-radius:13px;margin:8px 0 16px;font-weight:700;transition:.35s}.toast.success{background:#e8fbf0;color:#14814d}.toast.error{background:#fff0f2;color:#c93650}.toast-hide{opacity:0;transform:translateY(-8px)}.table-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.table-card th{font-size:11px;letter-spacing:1px;color:#9296a7}.pin-mini{font-family:ui-monospace,monospace;font-weight:900;letter-spacing:1px}.status{font-size:10px;font-weight:900;padding:6px 8px;border-radius:999px;background:#eff1f6}.status-finished{background:#e7faef;color:#14814d}.status-lobby{background:#fff4db;color:#9b6c00}.status-active{background:#e9efff;color:#3d59cb}.empty-table{padding:30px;text-align:center;color:var(--muted)}.auth-page,.join-page{min-height:100vh;display:grid;place-items:center;background:#0f1020;overflow:hidden;position:relative;padding:24px}.glass{background:rgba(255,255,255,.12);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 80px rgba(0,0,0,.22)}.auth-card,.join-card{position:relative;z-index:2;width:min(480px,100%);background:rgba(255,255,255,.96);padding:34px;border-radius:30px}.auth-card h1,.join-card h1{font-size:38px;letter-spacing:-1.5px;margin:13px 0 8px}.auth-brand{margin-bottom:26px}.login-tip{margin-top:22px;font-size:12px;color:#808599;background:#f6f6fa;padding:12px;border-radius:12px}.orb{position:fixed;border-radius:50%;filter:blur(20px);pointer-events:none}.orb-a{width:430px;height:430px;background:#663cff;left:-120px;top:-100px}.orb-b{width:430px;height:430px;background:#ff507a;right:-140px;bottom:-130px}.join-page{background:linear-gradient(145deg,#211a54,#0b0c1a 65%)}.join-wrap{width:min(500px,100%);position:relative;z-index:2}.center-brand{justify-content:center;color:#fff;margin-bottom:22px}.join-card{width:100%}.join-pin{text-align:center;font-size:34px;font-weight:950;letter-spacing:8px;font-family:ui-monospace,monospace}.join-footer{display:block;text-align:center;color:#777b98;margin-top:16px}.join-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.join-bg i{position:absolute;border-radius:35%;background:linear-gradient(135deg,#724dff,#40cfff);opacity:.18}.join-bg i:nth-child(1){width:260px;height:260px;left:-70px;top:10%;transform:rotate(30deg)}.join-bg i:nth-child(2){width:200px;height:200px;right:-40px;bottom:5%;transform:rotate(-20deg);background:linear-gradient(135deg,#ff557e,#ffb44b)}.join-bg i:nth-child(3){width:130px;height:130px;right:15%;top:3%}.live-page{min-height:100vh;background:#161329;color:#fff;overflow-x:hidden}.live-bg{position:fixed;inset:0;overflow:hidden;z-index:0}.live-orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.45}.live-orb.a{width:600px;height:600px;background:#7148ff;left:-180px;top:-200px}.live-orb.b{width:560px;height:560px;background:#f4499d;right:-180px;bottom:-170px}.theme-ocean.live-page .live-orb.a{background:#0878f6}.theme-ocean.live-page .live-orb.b{background:#12d2c6}.theme-sunset.live-page .live-orb.a{background:#ff5b77}.theme-sunset.live-page .live-orb.b{background:#ffac3e}.live-top{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 28px}.live-brand{color:#fff}.live-title{font-weight:800;color:#ddd9f2}.connection-badge{justify-self:end;font-size:12px;background:rgba(255,255,255,.09);padding:8px 11px;border-radius:999px;color:#aaa9bb}.connection-badge.online{color:#8ef0b7}.host-stage{position:relative;z-index:1;padding:10px 28px 34px}.host-screen{display:none}.host-screen.active{display:block;animation:fadeIn .28s ease}.lobby-grid,.result-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:22px;max-width:1400px;margin:4vh auto 0}.pin-panel,.players-panel,.question-main,.result-card,.leaderboard-card,.final-board{border-radius:30px;padding:34px}.pin-panel{text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.game-pin{font-size:86px;line-height:1;font-weight:950;letter-spacing:6px;margin:14px 0}.pin-panel p{color:#c5c1db}.qr-placeholder{width:120px;height:120px;margin:20px auto 0;border-radius:24px;background:#fff;color:#171627;display:grid;place-items:center;align-content:center;font-weight:950}.qr-placeholder small{font-size:20px}.players-head{display:flex;justify-content:space-between;align-items:center}.players-head h2{font-size:34px;margin:6px 0}.pulse-dot{width:14px;height:14px;background:#52f19b;border-radius:50%;box-shadow:0 0 0 0 rgba(82,241,155,.7);animation:pulse 1.8s infinite}.player-cloud{min-height:285px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;margin:20px 0}.player-pill{padding:9px 10px 9px 15px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:800;animation:pop .3s ease both;animation-delay:calc(var(--d)*.03s);display:inline-flex;align-items:center;gap:8px}
.player-pill-kick{width:22px;height:22px;flex:0 0 auto;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s}
.player-pill-kick:hover{background:#e4475f}
.player-pill-kick:disabled{opacity:.5;cursor:default}
.player-pill-kick svg{width:13px;height:13px}
.result-icon.wrong-icon{background:#ffebee;color:#db3856}.waiting-text{color:#a9a5bc;align-self:center;margin:auto}.players-panel .btn{width:100%}.question-layout{max-width:1250px;margin:2vh auto}.question-main{background:rgba(255,255,255,.96);color:#171627;min-height:76vh}.question-meta{display:flex;justify-content:space-between;align-items:center}.timer-ring{--p:360deg;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6c4cf5 var(--p),#eceaf5 0);position:relative}.timer-ring:before{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.timer-ring span{position:relative;font-weight:950;font-size:24px}.question-main h1{font-size:48px;line-height:1.15;letter-spacing:-1.8px;text-align:center;max-width:900px;margin:26px auto}.host-answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.host-answer{min-height:100px;border-radius:20px;color:#fff;padding:18px;display:flex;align-items:center;gap:16px;font-size:21px;font-weight:800}.host-answer b{font-size:30px}.answer-0,.pa-0{background:#e4475f}.answer-1,.pa-1{background:#2b7de9}.answer-2,.pa-2{background:#d29b10}.answer-3,.pa-3{background:#25a767}.answer-progress{margin-top:22px;color:#70758a;font-weight:800}.answer-progress>div{height:9px;background:#ebeaf1;border-radius:999px;margin-top:9px;overflow:hidden}.answer-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#704bfa,#fe5a9d);transition:.25s}.result-card h2,.leaderboard-card h2{font-size:30px}.answer-chart{display:grid;gap:12px;margin:22px 0 28px}.chart-row{display:grid;grid-template-columns:38px 1fr 46px;gap:10px;align-items:center}.chart-row>div{display:grid;gap:5px}.chart-row b{font-size:13px}.chart-row i{height:18px;display:block;border-radius:7px;background:#7c59f3}.chart-row.correct i{background:#4ee193}.chart-row strong{text-align:right}.chart-symbol{font-size:23px}.leaderboard-list,.final-board{display:grid;gap:9px}.leader-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.10)}.leader-row span{font-weight:900;color:#bcb8d1}.final-wrap{max-width:1100px;margin:3vh auto;text-align:center}.final-wrap h1{font-size:52px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin:36px 0}.podium-item{width:220px;border-radius:24px 24px 8px 8px;background:rgba(255,255,255,.12);padding:25px 16px;text-align:center}.podium-item.rank-1{min-height:270px;background:linear-gradient(180deg,#fff,#eadfff);color:#211c35;order:2}.podium-item.rank-2{min-height:220px;order:1}.podium-item.rank-3{min-height:190px;order:3}.podium-avatar{width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;margin:0 auto 11px;font-size:27px;font-weight:950}.rank-1 .podium-avatar{background:#6c4cf5;color:#fff}.podium-item b,.podium-item strong,.podium-item span{display:block}.podium-item strong{margin-top:8px}.final-board{max-width:700px;margin:0 auto 24px;text-align:left}.player-page{min-height:100vh;background:#f7f7fb}.player-shell{min-height:100vh;display:flex;flex-direction:column}.player-top{height:76px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ececf2}.player-chip,.score-chip,.room-chip{background:#efecff;color:#5d43d1;padding:9px 12px;border-radius:999px;font-weight:900}.player-stage{flex:1;display:grid;place-items:center;padding:20px}.player-view{display:none;width:min(760px,100%)}.player-view.active{display:block;animation:fadeIn .25s ease}.player-message{text-align:center;max-width:600px;margin:auto}.player-message h1{font-size:44px;letter-spacing:-1.8px;margin:12px 0 7px}.player-message p{color:var(--muted);font-size:17px}.loader-orbit{width:82px;height:82px;margin:0 auto 30px;border-radius:50%;border:8px solid #e8e5fa;border-top-color:#6c4cf5;animation:spin 1s linear infinite}.room-chip{display:inline-block;margin-top:18px}.player-question-head{display:flex;justify-content:space-between;align-items:center}.player-question-head+.player-question-head{}.player-view h2{font-size:30px;text-align:center;margin:24px 0}.player-timer{height:10px;background:#e4e5ed;border-radius:999px;overflow:hidden;position:relative;margin-bottom:18px}.player-timer i{display:block;height:100%;background:#6c4cf5;width:100%;transition:.1s linear}.player-timer span{position:absolute;right:0;top:-27px;font-weight:900}.player-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-answer{border:0;min-height:145px;color:#fff;border-radius:22px;padding:17px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.15s}.player-answer:active{transform:scale(.98)}.player-answer b{font-size:30px}.player-answer span{font-size:18px;font-weight:850}.lock-icon,.result-icon{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;background:#e7faef;color:#16965b;font-size:44px;font-weight:950}.result-icon{background:#6c4cf5;color:#fff}.player-message.wrong .result-icon{background:#ffebee;color:#db3856}.score-chip.big{display:inline-block;margin-top:14px;padding:12px 18px}.auth-page .eyebrow,.join-card .eyebrow{color:#6c4cf5}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{70%{box-shadow:0 0 0 14px rgba(82,241,155,0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.quiz-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.editor-side .sticky{position:static}.lobby-grid,.result-layout{grid-template-columns:1fr}.game-pin{font-size:65px}.hero-visual{display:none}}.self-room-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stats-grid-4{grid-template-columns:repeat(4,1fr)}
.history-mode-mark.small{width:30px;height:30px;border-radius:10px}
.history-mode-mark.small svg{width:15px;height:15px}
.dashboard-activity-card{margin-bottom:10px}
.self-room-schedule-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 28px rgba(32,35,66,.04);padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;margin:20px 0}
.self-room-schedule-card>div{display:flex;flex-direction:column;gap:5px}
.self-room-schedule-card>div span{font-size:11px;font-weight:900;letter-spacing:1px;color:#8a8fa3;text-transform:uppercase}
.self-room-schedule-card>div b{font-size:14.5px;font-weight:800;color:var(--text)}
.self-room-schedule-status{gap:8px!important}
.self-room-schedule-status small{color:var(--muted);font-weight:600;font-size:12.5px}
.self-room-closed-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:14px;background:#f0edff;color:#5b43cf;font-weight:700;font-size:13.5px;line-height:1.5;margin:16px 0}
.self-room-closed-note svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.sidebar-backdrop{display:none}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:50}.menu-open .sidebar{transform:none}.main{margin-left:0}.menu-btn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:#f0edff;color:#5b43cf;cursor:pointer;flex:0 0 auto}.topbar-title-wrap{gap:12px}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,15,25,.45);opacity:0;pointer-events:none;transition:.2s;z-index:45}.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.topbar{padding:20px}.content{padding:8px 20px 40px}.hero-card{padding:28px}.hero-card h2{font-size:34px}.stats-grid,.result-summary{grid-template-columns:1fr 1fr}.live-top{grid-template-columns:1fr auto}.live-title{display:none}}@media(max-width:620px){.quiz-grid,.stats-grid,.result-summary{grid-template-columns:1fr}.topbar .btn-primary{display:none}.hero-card{min-height:auto}.hero-card h2{font-size:30px}.form-card{padding:20px}.auth-card,.join-card{padding:24px}.auth-card h1,.join-card h1{font-size:31px}.host-stage{padding:8px 12px 20px}.live-top{padding:14px}.pin-panel,.players-panel,.question-main,.result-card,.leaderboard-card{padding:20px;border-radius:22px}.game-pin{font-size:48px}.players-head h2{font-size:26px}.question-main h1{font-size:31px}.host-answers,.player-answers{grid-template-columns:1fr}.host-answer{min-height:74px}.player-answer{min-height:92px}.player-message h1{font-size:34px}.player-view h2{font-size:25px}.final-wrap h1{font-size:38px}.podium{gap:7px}.podium-item{width:31%;padding:18px 6px}.podium-avatar{width:50px;height:50px}.podium-item b{font-size:12px}.join-pin{font-size:28px;letter-spacing:5px}}

/* QuizNova native additions */
.notice{padding:12px 14px;border-radius:14px;margin:12px 0;font-weight:700}.notice.error{background:#ffedf0;color:#b62743}.notice.success{background:#e8faef;color:#137845}.sidebar form{margin:0}.link-danger{color:#e43c5b}.question-toolbar{display:flex;gap:10px;justify-content:flex-end}.result-page-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.live-hint{font-size:12px;color:#bbb7cf}.player-connection{font-size:11px;color:#7b8092}.player-connection.online{color:#14814d}.host-screen .glass{background:rgba(255,255,255,.10)}.host-screen .result-card,.host-screen .leaderboard-card{background:rgba(255,255,255,.10)}@media(max-width:620px){.result-page-title{display:block}.result-page-title .btn{margin-top:10px}}

/* ===== QuizNova QR lobby + editable questions ===== */
.join-hint{max-width:390px;margin:4px auto 0!important;line-height:1.55}.join-qr-shell{width:316px;height:316px;margin:24px auto 12px;padding:18px;border-radius:30px;background:#fff;display:grid;place-items:center;box-shadow:0 18px 50px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.65)}.join-qr{width:280px;height:280px;display:grid;place-items:center;overflow:hidden}.join-qr canvas,.join-qr img{display:block!important;width:280px!important;height:280px!important;max-width:100%;image-rendering:pixelated}.qr-caption{display:grid;gap:5px;justify-items:center;margin-top:10px}.qr-caption span{font-size:11px;font-weight:950;letter-spacing:1.7px;color:#fff}.qr-caption small{display:block;max-width:390px;color:#aba7c2;font-size:11px;overflow-wrap:anywhere}.qr-fallback{display:grid;place-items:center;width:100%;height:100%;padding:20px;text-align:center;color:#5d43d1;font-weight:900}
.question-card{display:block;padding:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.question-card.editing{border-color:#a897ff;box-shadow:0 14px 40px rgba(108,76,245,.10)}.question-card-main{display:flex;gap:14px;align-items:flex-start;padding:16px}.question-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.question-actions .btn{white-space:nowrap;padding:9px 12px}.question-actions form{margin:0}.question-edit-form{display:none;padding:20px;border-top:1px solid #ececf3;background:linear-gradient(180deg,#fbfaff,#fff)}.question-edit-form.is-open{display:grid;gap:16px;animation:fadeIn .2s ease}.question-edit-form>label{font-size:13px;font-weight:800;color:#555b70}.edit-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.edit-form-head h3{font-size:22px;margin:5px 0 0}.edit-form-head .icon-btn{font-size:22px}.edit-answer-label{font-size:13px;font-weight:900;color:#555b70}.edit-answer-label small{font-weight:700;color:#979bad}.edit-answers-editor{grid-template-columns:1fr 1fr;gap:10px}.edit-form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}.question-edit-toggle{font-size:12px}
@media(max-width:1050px){.join-qr-shell{width:286px;height:286px}.join-qr,.join-qr canvas,.join-qr img{width:250px!important;height:250px!important}}
@media(max-width:700px){.question-card-main{flex-wrap:wrap}.question-actions{width:100%;justify-content:flex-end}.edit-answers-editor{grid-template-columns:1fr}.join-qr-shell{width:250px;height:250px;padding:15px;border-radius:25px}.join-qr,.join-qr canvas,.join-qr img{width:220px!important;height:220px!important}.qr-caption small{font-size:10px}.game-pin{letter-spacing:3px}}


/* === Quiz navigation mode / Auto Next === */
.next-setting{display:grid;gap:12px;padding:15px;border:1px solid #e7e5ef;border-radius:18px;background:#faf9ff}.next-setting-head{display:flex;justify-content:space-between;gap:12px}.next-setting-head strong{display:block;font-size:14px;color:#27283a}.next-setting-head small{display:block;margin-top:3px;color:#8a8fa3;font-size:11px;font-weight:700}.segmented-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid #e5e3ed;border-radius:16px;background:#f0eef6}.segmented-toggle label{position:relative;cursor:pointer}.segmented-toggle input{position:absolute;opacity:0;pointer-events:none}.segmented-toggle span{display:grid;gap:2px;min-height:58px;padding:10px 13px;border:1px solid transparent;border-radius:12px;align-content:center;transition:.2s ease}.segmented-toggle b{font-size:13px;color:#666a7b}.segmented-toggle small{font-size:10px;font-weight:700;color:#9a9dad}.segmented-toggle input:checked+span{background:#fff;border-color:#dcd7f0;box-shadow:0 6px 20px rgba(70,52,130,.08)}.segmented-toggle input:checked+span b{color:#5d43d1}.segmented-toggle input:focus-visible+span{outline:3px solid rgba(102,77,238,.18);outline-offset:2px}.next-delay-field{display:grid;gap:7px;padding-top:2px;transition:opacity .2s}.next-delay-field>small{font-size:10px;color:#9699a8;font-weight:700}.next-delay-field.is-disabled{opacity:.42}.number-with-suffix{display:flex;align-items:center;gap:0}.number-with-suffix .input{border-radius:12px 0 0 12px}.number-with-suffix>span{display:grid;place-items:center;align-self:stretch;min-width:62px;padding:0 13px;border:1px solid #dddbe6;border-left:0;border-radius:0 12px 12px 0;background:#f2f1f6;color:#737688;font-size:12px;font-weight:900}
.auto-next-panel{display:grid;gap:10px;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.07)}.auto-next-panel[hidden]{display:none!important}.auto-next-kicker{font-size:10px;font-weight:950;letter-spacing:1.7px;color:#bdb8d0}.auto-next-panel>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:14px}.auto-next-panel b{font-size:14px;color:#fff}.auto-next-panel strong{font-size:26px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.auto-next-progress{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.11)}.auto-next-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9d8aff,#5df0b3);transition:width .1s linear}
@media(max-width:600px){.segmented-toggle{grid-template-columns:1fr}.auto-next-panel>div:nth-child(2){align-items:flex-end}.auto-next-panel b{max-width:220px}}

/* === Fix: Auto Next seconds field height === */
.number-with-suffix{
    display:flex;
    align-items:stretch;
    gap:0;
    width:100%;
}
.number-with-suffix .input{
    flex:1 1 auto;
    min-width:0;
    height:48px;
    min-height:48px;
    margin:0;
    padding:0 14px;
    border-radius:12px 0 0 12px;
}
.number-with-suffix>span{
    flex:0 0 auto;
    height:48px;
    min-height:48px;
    align-self:auto;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:0 12px 12px 0;
    line-height:1;
}

/* === QuizNova v3.3: Admin/Host, account management, activity log, modern modals === */
.nav-link.active{background:linear-gradient(135deg,rgba(108,76,245,.28),rgba(74,215,255,.10));color:#fff;border:1px solid rgba(143,120,255,.18)}
.nav-section{margin:22px 14px 5px;color:#5f6274;font-size:9px;font-weight:950;letter-spacing:1.8px}.sidebar-user-copy{min-width:0}.role-chip{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.9px}.role-admin{background:#eee9ff;color:#6545dc}.sidebar .role-admin{background:rgba(134,102,255,.18);color:#c8baff}.role-host{background:#e9f7ff;color:#1974a3}.sidebar .role-host{background:rgba(74,215,255,.12);color:#87ddff}.field-help{display:block;margin-top:6px;color:#9296a8;font-size:11px;font-weight:650}.account-card,.user-form-card{max-width:760px;margin:0 auto}.two-col-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions-end{display:flex;justify-content:flex-end;gap:10px}.modern-switch{display:flex!important;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fafafe;cursor:pointer}.modern-switch>input{position:absolute;opacity:0;pointer-events:none}.modern-switch .switch-ui{position:relative;flex:0 0 48px;width:48px;height:28px;border-radius:999px;background:#d7d9e4;transition:.2s}.modern-switch .switch-ui:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16);transition:.2s}.modern-switch>input:checked+.switch-ui{background:linear-gradient(135deg,var(--primary),var(--primary2))}.modern-switch>input:checked+.switch-ui:after{transform:translateX(20px)}.modern-switch>span:last-child{display:grid;gap:2px}.modern-switch>span:last-child b{color:#34364a}.modern-switch>span:last-child small{color:#9195a7;font-size:11px}.modern-switch.disabled{opacity:.62;cursor:not-allowed}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.admin-summary>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px}.admin-summary span{display:block;font-size:10px;font-weight:950;letter-spacing:1.2px;color:#9095a8}.admin-summary strong{display:block;margin-top:5px;font-size:30px}.user-cell{display:flex;align-items:center;gap:10px}.avatar.small{width:34px;height:34px;font-size:12px;background:#eeecf8;color:#5d43d1}.user-cell small,.log-user small{display:block;margin-top:2px;color:#9296a8}.account-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.account-status.active{background:#e6f9ee;color:#137f49}.account-status.inactive{background:#f1f2f6;color:#838798}.activity-head-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:22px 24px;background:linear-gradient(135deg,#fff,#f8f6ff);border:1px solid var(--line);border-radius:22px}.activity-head-card h2{margin:10px 0 3px}.activity-head-card p{margin:0;color:var(--muted)}.activity-count{text-align:center;min-width:92px;padding:13px 16px;border:1px solid #ddd5ff;border-radius:18px;background:linear-gradient(145deg,#f4f0ff,#ebe5ff);color:#5d43d1;box-shadow:0 10px 28px rgba(93,67,209,.10)}.activity-count strong{display:block;font-size:28px;color:#5135c9}.activity-count span{font-size:9px;font-weight:950;letter-spacing:1.4px;color:#7763c8}.action-chip{display:inline-flex;padding:6px 9px;border-radius:9px;background:#f0edff;color:#5d43d1;font-size:10px;font-weight:850;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.activity-description{min-width:320px;white-space:normal!important}.mono-muted{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8c90a1;font-size:12px}.log-user{min-width:160px}

.qn-modal-root{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .16s ease}.qn-modal-root[hidden]{display:none}.qn-modal-root.is-open{opacity:1;pointer-events:auto}.qn-modal-backdrop{position:absolute;inset:0;background:rgba(13,12,27,.58);backdrop-filter:blur(8px)}.qn-modal-card{position:relative;width:min(440px,100%);padding:28px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(20,16,56,.30);transform:translateY(12px) scale(.985);transition:transform .16s ease}.qn-modal-root.is-open .qn-modal-card{transform:none}.qn-modal-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;background:#efecff;color:#6244dc;font-size:25px;font-weight:950;box-shadow:inset 0 0 0 1px #dfdaf8}.qn-modal-success .qn-modal-icon{background:#e8faef;color:#14814d;box-shadow:inset 0 0 0 1px #d0f0df}.qn-modal-danger .qn-modal-icon{background:#ffedf0;color:#c93650;box-shadow:inset 0 0 0 1px #ffd8df}.qn-modal-copy h3{margin:5px 0 8px;font-size:25px;letter-spacing:-.7px}.qn-modal-copy p{margin:0;color:#73788d;line-height:1.6}.qn-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.btn-danger-solid{background:linear-gradient(135deg,#e63d59,#ff6d72)!important;color:#fff!important;box-shadow:0 10px 25px rgba(226,60,88,.20)!important}.notice[hidden]{display:none!important}

@media(max-width:720px){.two-col-form,.admin-summary{grid-template-columns:1fr}.form-actions-end{flex-direction:column-reverse}.form-actions-end .btn{width:100%}.activity-head-card{align-items:flex-start}.activity-count{min-width:76px}.account-table,.activity-table{border-radius:16px}.qn-modal-card{padding:22px;border-radius:22px}.qn-modal-actions{flex-direction:column-reverse}.qn-modal-actions .btn{width:100%}}

/* v3.3.1: alert modal must never show the cancel action */
.qn-modal-actions [hidden]{display:none!important}

/* v3.5: question delete icon + add question modal */
.editor-grid-single{grid-template-columns:minmax(0,1fr)}
.editor-section-head{gap:16px;align-items:center}
.editor-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.editor-head-actions .btn-live{width:auto;min-width:220px}
.icon-btn-trash{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff2f4;border:1px solid #ffd7df;color:#e23c58;font-size:18px;line-height:1;transition:.18s}
.icon-btn-trash:hover{background:#ffe9ee;transform:translateY(-1px)}
.editor-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .16s ease}
.editor-modal[hidden]{display:none}
.editor-modal.is-open{opacity:1;pointer-events:auto}
.editor-modal-backdrop{position:absolute;inset:0;background:rgba(13,12,27,.58);backdrop-filter:blur(8px)}
.editor-modal-card{position:relative;width:min(860px,100%);max-height:min(88vh,900px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:28px;box-shadow:0 30px 90px rgba(20,16,56,.30);transform:translateY(12px) scale(.985);transition:transform .16s ease}
.editor-modal.is-open .editor-modal-card{transform:none}
.editor-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.editor-modal-head h2{margin:14px 0 0;font-size:30px;letter-spacing:-1px}
.editor-modal-close{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f3f1fd;font-size:24px;color:#5f44d5}
.editor-modal-close:hover{background:#ece7ff}
.editor-modal .stack{margin-top:20px}
@media(max-width:760px){.editor-head-actions{width:100%}.editor-head-actions .btn,.editor-head-actions form,.editor-head-actions .btn-live{width:100%}.editor-modal-card{padding:22px;border-radius:22px}.editor-modal-head h2{font-size:25px}}


.card-actions .icon-btn-trash{flex:0 0 auto}

/* v3.6 — Feather icons + aligned quiz card actions */
.feather{display:inline-block;width:18px;height:18px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex:0 0 auto}
.btn .feather{width:17px;height:17px;vertical-align:-3px}
.icon-btn{display:inline-grid;place-items:center;min-width:40px;min-height:40px;border-radius:12px;color:inherit;transition:.18s ease}
.icon-btn .feather{width:19px;height:19px}
.nav-link span .feather{width:17px;height:17px;vertical-align:0}
.sidebar-user .icon-btn{color:#aeb1c4}
.sidebar-user .icon-btn:hover{background:#222235;color:#fff}
.quiz-shape .feather{width:58px;height:58px;stroke-width:2.1}
.empty-icon .feather{width:42px;height:42px}
.qn-modal-icon .feather{width:30px;height:30px}
.lock-icon .feather,.result-icon .feather{width:46px;height:46px}
.connection-badge,.player-connection{display:inline-flex;align-items:center;gap:7px}
.connection-badge .feather,.player-connection .feather{width:14px;height:14px}
.host-answer b,.chart-symbol{display:grid;place-items:center}
.host-answer b .feather{width:28px;height:28px;stroke-width:2.4}
.chart-symbol .feather{width:23px;height:23px;stroke-width:2.3}
.chart-row strong{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}
.chart-row strong .feather{width:15px;height:15px}
.final-wrap h1{display:flex;align-items:center;justify-content:center;gap:12px}
.final-wrap h1 .feather{width:42px;height:42px}

.quiz-grid{align-items:stretch}
.quiz-card{display:flex;flex-direction:column;height:100%}
.quiz-card-body{display:flex;flex-direction:column;flex:1;min-height:0}
.quiz-card-body h3{min-width:0}
.quiz-card-body p{flex:1;margin-bottom:0}
.card-actions{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;min-height:61px}
.card-actions .inline{display:flex;margin:0}
.card-actions .btn{min-height:42px}
.card-actions .icon-btn-trash{min-width:42px;min-height:42px}

@media(max-width:620px){
    .card-actions{flex-wrap:wrap}
    .final-wrap h1 .feather{width:34px;height:34px}
}
.answer-preview span{display:inline-flex;align-items:center;gap:4px}
.answer-preview span .feather{width:13px;height:13px}

/* AJAX editor feedback */
.btn.is-loading{opacity:.68;pointer-events:none;position:relative}
.question-card.ajax-saved{animation:quizNovaSavedPulse .9s ease}
@keyframes quizNovaSavedPulse{
    0%{box-shadow:0 0 0 0 rgba(108,76,245,.26);border-color:#8f79f6}
    100%{box-shadow:0 0 0 14px rgba(108,76,245,0);border-color:var(--line)}
}

/* Quiz modes v4 */
.quiz-mode-field{display:grid;gap:8px}.field-title{font-size:13px;font-weight:900;color:#555b70}.mode-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mode-option{cursor:pointer;min-width:0}.mode-option input{position:absolute;opacity:0;pointer-events:none}.mode-option>span{min-height:112px;border:1px solid #e3e4ed;border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:6px;background:#fbfbfd;color:#545a70;transition:.18s}.mode-option svg{width:21px;height:21px;color:#6c4cf5}.mode-option b{font-size:14px;color:#25273a}.mode-option small{font-size:11px;line-height:1.45;color:#858a9e;font-weight:650}.mode-option input:checked+span{border-color:#8a70f7;background:#f1edff;box-shadow:0 0 0 3px rgba(108,76,245,.08)}.mode-info-panel{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:15px;background:#f5f2ff;color:#5744ba}.mode-info-panel>svg{flex:0 0 auto;margin-top:2px}.mode-info-panel div{display:grid;gap:3px}.mode-info-panel b{font-size:13px}.mode-info-panel span{font-size:12px;line-height:1.5;color:#77718f}.self-share-panel{display:grid;gap:10px;padding:16px;border:1px solid #ded7ff;background:#faf8ff;border-radius:17px}.self-share-panel>div{display:flex;gap:10px;align-items:flex-start}.self-share-panel>div>span{display:grid;gap:2px}.self-share-panel small{color:#82869a}.self-share-url{font-size:12px;font-weight:800;color:#6045d5;background:#fff;border:1px solid #e6e2f6;padding:11px 12px;border-radius:12px;overflow-wrap:anywhere}.quiz-mode-badge{position:absolute;left:18px;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(17,17,29,.24);backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.5px}.quiz-mode-badge svg{width:13px;height:13px}.live-mode-chip{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.13);font-size:11px;vertical-align:middle}.live-mode-chip svg{width:14px;height:14px}.discussion-close-btn{margin-top:18px;width:100%}.mode-table-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f0edff;color:#5b43cf;font-size:11px;font-weight:900}

/* Self-paced */
.self-page{min-height:100vh;background:#10111f;color:#171827;position:relative;overflow-x:hidden}.self-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}.self-bg i{position:absolute;width:430px;height:430px;border-radius:45%;filter:blur(35px);opacity:.42;background:#6c4cf5;left:-150px;top:-120px}.self-bg i+ i{background:#ff5b8f;left:auto;top:auto;right:-160px;bottom:-150px}.self-shell{position:relative;z-index:1;width:min(920px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px}.self-start-shell{width:min(620px,calc(100% - 32px));padding-top:7vh}.self-brand{color:#fff;margin:0 0 20px;justify-content:center}.self-card,.self-question-card{background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.24)}.self-card h1{font-size:38px;letter-spacing:-1.4px;margin:16px 0 8px}.self-card>p{color:#777c91;line-height:1.6}.self-mode-note{display:flex;align-items:flex-start;gap:11px;margin:20px 0 4px;padding:14px;border-radius:15px;background:#f4f1ff;color:#5a43cb}.self-mode-note span{display:grid;gap:2px}.self-mode-note small{color:#79758f}.self-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff;margin-bottom:15px}.self-topbar .brand{min-width:0}.self-progress-text{font-weight:900;background:rgba(255,255,255,.13);padding:8px 11px;border-radius:999px}.self-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;margin-bottom:20px}.self-progress i{display:block;height:100%;background:#fff;border-radius:inherit}.self-question-card .eyebrow{color:#6c4cf5}.self-question-card h1{font-size:34px;line-height:1.24;letter-spacing:-1px;margin:11px 0 26px}.self-answer-form{display:grid;gap:18px}.self-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.self-answer-option{position:relative;min-height:112px;display:flex;align-items:center;gap:14px;border:1px solid #e4e5ee;border-radius:19px;padding:16px;cursor:pointer;background:#fbfbfd;transition:.18s}.self-answer-option input{position:absolute;opacity:0}.self-answer-option:has(input:checked){border-color:#7f64f4;background:#f0ecff;box-shadow:0 0 0 3px rgba(108,76,245,.08)}.self-answer-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#6c4cf5;color:#fff;flex:0 0 auto}.self-answer-option:nth-child(2) .self-answer-icon{background:#2b7de9}.self-answer-option:nth-child(3) .self-answer-icon{background:#d29b10}.self-answer-option:nth-child(4) .self-answer-icon{background:#25a767}.self-answer-option b{font-size:16px;line-height:1.4}.self-submit-answer{justify-self:end}.self-result-shell{width:min(620px,calc(100% - 32px));padding-top:7vh}.self-result-card{text-align:center}.self-result-icon{margin:0 auto 14px}.self-score-big{font-size:72px;font-weight:950;letter-spacing:-4px;color:#6045d5;margin:18px 0}.self-score-big small{font-size:22px;letter-spacing:-1px;color:#9a9daf}.self-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 26px}.self-result-stats>div{background:#f5f5f9;border-radius:15px;padding:14px}.self-result-stats span,.self-result-stats b{display:block}.self-result-stats span{font-size:11px;color:#8a8fa3;font-weight:900;letter-spacing:.7px}.self-result-stats b{margin-top:4px;font-size:19px}

@media(max-width:900px){.mode-picker{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mode-picker{grid-template-columns:1fr}.mode-option>span{min-height:auto}.self-card,.self-question-card{padding:22px;border-radius:23px}.self-question-card h1{font-size:27px}.self-answer-grid{grid-template-columns:1fr}.self-submit-answer{width:100%}.self-result-stats{grid-template-columns:1fr 1fr}.self-result-stats>div:last-child{grid-column:1/-1}.self-score-big{font-size:58px}}

.score-rules-panel{margin-top:4px;border:1px solid #e0dcf6;border-radius:18px;background:linear-gradient(180deg,#faf9ff,#f6f4ff);overflow:hidden}.score-rules-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 17px;border-bottom:1px solid #e6e2f7}.score-rules-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.score-rules-title>div{display:grid;gap:3px}.score-rules-title b{font-size:14px;color:#29243d}.score-rules-title small{font-size:12px;line-height:1.45;color:#78758c;font-weight:650}.score-rules-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#ece7ff;color:#6247d8}.score-rules-icon svg{width:18px;height:18px}.score-rules-badge{flex:0 0 auto;border-radius:999px;padding:6px 9px;background:#eee9ff;color:#6247d8;font-size:9px;letter-spacing:.8px;font-weight:950}.score-rules-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 17px 10px;column-gap:22px}.score-rule-row{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(222,218,240,.72)}.score-rule-row:nth-last-child(-n+2){border-bottom:0}.score-rule-row>svg{width:17px;height:17px;margin-top:2px;color:#7258df}.score-rule-row>span{display:grid;gap:2px;min-width:0}.score-rule-row b{font-size:12px;color:#3e3a50}.score-rule-row small{font-size:11px;line-height:1.45;color:#858197;font-weight:600}@media(max-width:700px){.score-rules-head{flex-direction:column}.score-rules-list{grid-template-columns:1fr}.score-rule-row:nth-last-child(2){border-bottom:1px solid rgba(222,218,240,.72)}}


/* v4.4 — sidebar hierarchy + browser-independent modern selects */
.sidebar nav{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:4px}
.sidebar-nav-bottom{margin-top:auto;padding-top:18px}
.sidebar-nav-bottom .nav-section{margin-top:0}

.qn-select{position:relative;width:100%;margin-top:7px;z-index:2}
.qn-select.is-open{z-index:90}
.qn-select-native{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;border:0!important}
.qn-select-trigger{width:100%;min-height:47px;border:1px solid #dfe2eb;background:#fbfbfd;color:var(--text);border-radius:14px;padding:11px 14px 11px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:750;text-align:left;cursor:pointer;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.qn-select-trigger:hover{background:#fff;border-color:#cfc8fb}
.qn-select-trigger:focus-visible,.qn-select.is-open .qn-select-trigger{border-color:#8a70f7;box-shadow:0 0 0 4px rgba(108,76,245,.10);background:#fff}
.qn-select-trigger:disabled{opacity:.55;cursor:not-allowed;background:#f3f4f8}
.qn-select-trigger svg{width:18px;height:18px;flex:0 0 auto;color:#7256ed;transition:transform .18s ease}
.qn-select.is-open .qn-select-trigger svg{transform:rotate(180deg)}
.qn-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qn-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;padding:7px;background:rgba(255,255,255,.98);border:1px solid #e2def8;border-radius:16px;box-shadow:0 22px 55px rgba(40,31,92,.18);max-height:280px;overflow:auto;backdrop-filter:blur(18px)}
.qn-select.is-open .qn-select-menu{display:grid;gap:3px;animation:qnSelectIn .14s ease}
.qn-select-option{width:100%;border:0;background:transparent;color:#29263a;border-radius:11px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font-weight:700;cursor:pointer;outline:none}
.qn-select-option:hover,.qn-select-option:focus-visible{background:#f4f1ff;color:#5b43cf}
.qn-select-option.is-selected{background:#eee9ff;color:#5b43cf}
.qn-select-option svg{width:17px;height:17px;opacity:0;color:#6c4cf5;flex:0 0 auto}
.qn-select-option.is-selected svg{opacity:1}
.qn-select-option:disabled{opacity:.45;cursor:not-allowed}
@keyframes qnSelectIn{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:none}}


/* Global studio footer */
.app-footer{max-width:1500px;margin:0 auto;padding:0 34px 28px;text-align:center;color:#8b90a4;font-size:12px;font-weight:600;letter-spacing:.1px}
.app-footer::before{content:"";display:block;height:1px;background:var(--line);margin:0 0 20px}
.app-footer strong{color:#686d82;font-weight:800}
.app-footer-dot{display:inline-block;margin:0 4px;color:#b0b4c3}
@media(max-width:900px){.app-footer{padding:0 20px 24px}}


/* v4.6 — copyright for public Join & Self-Paced pages */
.public-footer{width:100%;margin:20px auto 0;padding:2px 16px 0;text-align:center;color:rgba(255,255,255,.58);font-size:12px;font-weight:600;letter-spacing:.1px}
.public-footer::before{content:"";display:block;width:min(360px,82%);height:1px;margin:0 auto 18px;background:rgba(255,255,255,.13)}
.public-footer span{display:inline-block;margin:0 4px;color:rgba(255,255,255,.4)}
.public-footer strong{color:rgba(255,255,255,.82);font-weight:800}
.join-wrap .public-footer{margin-top:18px}
.self-shell .public-footer{margin-top:24px}
@media(max-width:620px){.public-footer{font-size:11px;padding-left:8px;padding-right:8px}}

/* v4.7 — studio sticky footer: bottom of viewport on short pages, normal flow on long pages */
.main{
    display:flex;
    flex-direction:column;
    min-height:100vh;
}
.content{
    flex:1 0 auto;
    width:100%;
    margin:0 auto;
}
.app-footer{
    flex:0 0 auto;
    width:100%;
    margin:0 auto;
}

/* v4.8 — copyright on Studio login */
.auth-page{padding-bottom:82px}
.auth-page>.auth-public-footer{position:absolute;left:0;right:0;bottom:22px;z-index:3;margin:0 auto;width:min(520px,calc(100% - 32px))}
.auth-page>.auth-public-footer::before{width:min(360px,82%)}
@media(max-width:620px){.auth-page{padding-bottom:72px}.auth-page>.auth-public-footer{bottom:16px}}


/* v4.9 — live copyright, Discussion-only close control, player controller UI */
.discussion-close-btn[hidden]{display:none!important}

.live-page{display:flex;flex-direction:column;min-height:100vh}
.live-page .host-stage{flex:1 0 auto;width:100%}
.live-public-footer{position:relative;z-index:2;flex:0 0 auto;width:min(1400px,calc(100% - 56px));margin:0 auto;padding:10px 16px 18px;text-align:center;color:rgba(255,255,255,.52);font-size:11px;font-weight:600;letter-spacing:.1px}
.live-public-footer::before{content:"";display:block;width:min(440px,80%);height:1px;margin:0 auto 14px;background:rgba(255,255,255,.12)}
.live-public-footer span{display:inline-block;margin:0 4px;color:rgba(255,255,255,.34)}
.live-public-footer strong{color:rgba(255,255,255,.82);font-weight:800}

/* Live player = controller only. Question and answer text stay on the Host screen. */
.player-controller-view{width:100%;max-width:none;height:100%}
.player-controller-view.active{display:flex;align-items:stretch}
.player-controller-answers{width:100%;height:calc(100dvh - 116px);min-height:360px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
.player-controller-choice{min-width:0;min-height:0!important;height:100%;padding:0!important;border-radius:24px!important;display:grid!important;place-items:center!important;text-align:center!important;box-shadow:0 14px 34px rgba(22,24,38,.14)!important}
.player-controller-choice svg{width:clamp(58px,14vw,104px);height:clamp(58px,14vw,104px);stroke-width:2.25;color:#fff}
.player-controller-choice:disabled{opacity:.68;cursor:default}
.player-controller-choice:active:not(:disabled){transform:scale(.975)}

@media(max-width:620px){
    .live-public-footer{width:calc(100% - 24px);padding-bottom:14px;font-size:10px}
    .player-stage{padding:10px}
    .player-controller-answers{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;height:calc(100dvh - 96px);min-height:330px}
    .player-controller-choice{border-radius:20px!important}
    .player-controller-choice svg{width:clamp(54px,20vw,88px);height:clamp(54px,20vw,88px)}
}

/* v5.0 visibility invariant: component display rules must never override HTML hidden. */
[hidden]{display:none!important}

/* Question media */
.question-media-fields{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:12px;align-items:start}
.question-media-fields small{display:block;margin-top:6px;color:var(--muted);font-weight:650;line-height:1.45}
.question-media-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:-4px 0 10px;padding:6px 9px;border-radius:10px;background:#f1edff;color:#6045d5;font-size:11px;font-weight:850}
.question-media-badge svg{width:14px;height:14px}
.question-media-live{width:min(820px,100%);margin:0 auto 20px;border-radius:20px;overflow:hidden;background:#11111d;box-shadow:0 10px 30px rgba(17,17,29,.12)}
.question-media-live img,.question-media-live video{display:block;width:100%;max-height:360px;object-fit:contain;background:#11111d}
.question-media-live iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#11111d}
.self-question-media{margin:18px 0 22px;border-radius:20px;overflow:hidden;background:#11111d;border:1px solid rgba(0,0,0,.06)}
.self-question-media img,.self-question-media video{display:block;width:100%;max-height:440px;object-fit:contain;background:#11111d}
.self-question-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.self-room-hint{padding-top:10px;border-top:1px solid #ebe6ff;color:#645b83;font-size:12px}
.self-room-hint svg{width:16px;height:16px;flex:0 0 auto}

/* Self-paced room history */
.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;letter-spacing:.7px}

@media(max-width:700px){.question-media-fields{grid-template-columns:1fr}.question-media-live img,.question-media-live video{max-height:260px}}
.self-room-code{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:7px 10px;border-radius:999px;background:#f4f1ff;color:#6244dc;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px}.self-room-code svg{width:14px;height:14px}

/* v5.4 — question media: upload file + URL */
.question-media-fields-v2{display:grid;gap:12px}
.question-media-fields-v2>label,.media-config>label{font-size:13px;font-weight:800;color:#555b70}
.media-config{display:grid;gap:12px;padding:16px;border:1px solid #ebe7fb;border-radius:18px;background:#fbfaff}
.media-source-title{font-size:12px;font-weight:900;color:#555b70}
.media-source-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.media-source-picker label{display:block;cursor:pointer}
.media-source-picker input{position:absolute;opacity:0;pointer-events:none}
.media-source-picker span{min-height:68px;padding:12px 14px;border:1px solid #e2e1ed;border-radius:15px;background:#fff;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;transition:.18s}
.media-source-picker svg{grid-row:1/3;width:20px;height:20px;color:#7a65e8}
.media-source-picker b{font-size:13px;color:#252338}
.media-source-picker small{font-size:11px;color:var(--muted);font-weight:650}
.media-source-picker input:checked+span{border-color:#8a70f7;background:#f2efff;box-shadow:0 0 0 3px rgba(108,76,245,.08)}
.media-file-input{padding:8px 10px}
.media-file-input::file-selector-button{border:0;border-radius:10px;padding:9px 12px;margin-right:10px;background:#eeeaff;color:#6045d5;font-weight:850;cursor:pointer}
.media-config>label>small{display:block;margin-top:6px;color:var(--muted);font-weight:650;line-height:1.45}
.media-preview{overflow:hidden;border:1px solid #e6e3f4;border-radius:17px;background:#fff}
.media-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #ece9f5;color:#5d5679;font-size:11px;font-weight:850}
.media-preview-head span{display:inline-flex;align-items:center;gap:7px}
.media-preview-head svg{width:15px;height:15px}
.media-preview-head small{color:var(--muted);font-weight:700}
.media-preview-stage{display:grid;place-items:center;min-height:120px;background:#11111d}
.media-preview-stage img,.media-preview-stage video{display:block;width:100%;max-height:340px;object-fit:contain;background:#11111d}
.media-preview-stage iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#11111d}
@media(max-width:620px){.media-source-picker{grid-template-columns:1fr}.media-preview-stage img,.media-preview-stage video{max-height:260px}}

/* v5.5 — Admin can identify quiz authors while Host remains owner-scoped. */
.quiz-author{display:flex;align-items:center;gap:9px;margin:10px 0 4px;padding:9px 10px;border:1px solid #ebe8fb;background:#faf9ff;border-radius:13px;min-width:0}
.quiz-author-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:#eee9ff;color:#6648dc;font-size:12px;font-weight:950}
.quiz-author-copy{display:grid;min-width:0;line-height:1.15}
.quiz-author-copy small{font-size:8px;letter-spacing:1.15px;font-weight:950;color:#9992b4}
.quiz-author-copy b{font-size:12px;color:#29243d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quiz-author-copy em{font-style:normal;font-size:10px;color:#8b8fa1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editor-author-info{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:9px 12px;border:1px solid #e5e0ff;background:#f8f6ff;border-radius:14px;color:#6547dc}
.editor-author-info>svg{width:18px;height:18px}
.editor-author-info>span{display:grid;line-height:1.15}
.editor-author-info small{font-size:8px;letter-spacing:1.1px;font-weight:950;color:#9a91ba}
.editor-author-info b{font-size:12px;color:#30294c}
.editor-author-info em{font-style:normal;font-size:10px;color:#8b8fa1}

/* v5.6 — history split by quiz mode + searchable room/session lists */
.history-browser{display:grid;gap:18px}
.history-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.history-page-head h2{margin:4px 0 5px;font-size:28px;letter-spacing:-.8px}
.history-page-head p{margin:0;color:var(--muted);font-size:13px}
.history-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:6px;border:1px solid #e5e2f2;background:#efedf6;border-radius:20px}
.history-tab{position:relative;border:1px solid transparent;background:transparent;border-radius:15px;min-width:0;padding:13px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:#595c70;cursor:pointer;transition:.18s}
.history-tab:hover{background:rgba(255,255,255,.58)}
.history-tab.active{background:#fff;border-color:#dcd5ff;color:#32284f;box-shadow:0 8px 24px rgba(75,57,145,.10)}
.history-tab-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e9e4ff;color:#6849df}
.history-tab-icon svg{width:17px;height:17px}
.history-tab-copy{display:grid;gap:2px;min-width:0}
.history-tab-copy b{font-size:13px}
.history-tab-copy small{color:#9294a4;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-tab-count{min-width:28px;height:26px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#f1eff8;color:#6d6681;font-size:10px;font-weight:950}
.history-tab.active .history-tab-count{background:#eee9ff;color:#6648dc}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.history-search{position:relative;display:flex;align-items:center;flex:1;max-width:620px}
.history-search>svg{position:absolute;left:14px;width:17px;height:17px;color:#8f92a4;pointer-events:none}
.history-search input{width:100%;height:46px;border:1px solid #dfe1eb;border-radius:15px;background:#fff;padding:0 46px 0 42px;outline:none;color:var(--text);font-weight:700}
.history-search input:focus{border-color:#9278fa;box-shadow:0 0 0 4px rgba(108,76,245,.08)}
.history-search button{position:absolute;right:8px;width:32px;height:32px;border:0;border-radius:10px;background:#f1eff8;color:#746a92;display:grid;place-items:center;cursor:pointer}
.history-search button svg{width:15px;height:15px}
.history-result-counter{padding:8px 11px;border-radius:999px;background:#eeebff;color:#6648dc;font-size:10px;font-weight:900;white-space:nowrap}
.history-panel{display:grid;gap:10px}
.history-panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px}
.history-panel-title>div{display:flex;align-items:center;gap:10px}
.history-panel-title h3{margin:0;font-size:18px}
.history-panel-title small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:700}
.history-panel-title>span{color:#8f92a4;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.history-mode-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#eeeaff;color:#6748dc}
.history-mode-mark svg{width:18px;height:18px}
.history-table-card table{min-width:820px}
.history-table-card th{background:#fafafe}
.history-number-cell{display:inline-flex;align-items:center;gap:6px;font-weight:850}
.history-number-cell svg{width:15px;height:15px;color:#8374c7}
.history-date-cell{white-space:nowrap;color:#5e6276;font-size:12px;font-weight:700}
.history-room-schedule{display:grid;gap:5px;min-width:210px}
.history-room-schedule>div{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:8px}
.history-room-schedule span{font-size:8px;letter-spacing:1px;font-weight:950;color:#999caf}
.history-room-schedule b{font-size:11px;color:#34374a;white-space:nowrap}
.history-room-schedule b.is-open-ended{color:#6d55d7}
.history-no-match{border-top:1px solid var(--line)}
@media(max-width:980px){.history-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.history-tabs{grid-template-columns:1fr}.history-toolbar{align-items:stretch;flex-direction:column}.history-search{max-width:none}.history-result-counter{align-self:flex-start}.history-tab-copy small{white-space:normal}}

/* v5.7 — Admin quiz categories + searchable, aligned library cards */
.quiz-library-browser{display:grid;gap:16px}
.quiz-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.quiz-library-head h2{margin:4px 0 4px;font-size:28px;letter-spacing:-.8px}
.quiz-library-head p{margin:0;color:var(--muted);font-size:13px}
.quiz-library-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px;border:1px solid #e5e2f2;background:#efedf6;border-radius:20px}
.quiz-library-tab{border:1px solid transparent;background:transparent;border-radius:15px;padding:13px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;color:#5d6073;cursor:pointer;transition:.18s}
.quiz-library-tab:hover{background:rgba(255,255,255,.6)}
.quiz-library-tab.active{background:#fff;border-color:#dcd5ff;color:#30284b;box-shadow:0 8px 24px rgba(75,57,145,.10)}
.quiz-library-tab-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8e3ff;color:#6849df}
.quiz-library-tab-icon svg{width:18px;height:18px}
.quiz-library-tab-copy{display:grid;gap:2px;min-width:0}
.quiz-library-tab-copy b{font-size:13px}
.quiz-library-tab-copy small{font-size:10px;font-weight:700;color:#9294a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quiz-library-tab-count{min-width:30px;height:28px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:#f1eff8;color:#6d6681;font-size:10px;font-weight:950}
.quiz-library-tab.active .quiz-library-tab-count{background:#eee9ff;color:#6648dc}
.quiz-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.quiz-library-search{position:relative;display:flex;align-items:center;flex:1;max-width:680px;margin:0}
.quiz-library-search>svg{position:absolute;left:14px;width:17px;height:17px;color:#8f92a4;pointer-events:none}
.quiz-library-search input{width:100%;height:46px;border:1px solid #dfe1eb;border-radius:15px;background:#fff;padding:0 46px 0 42px;outline:none;color:var(--text);font-weight:700}
.quiz-library-search input:focus{border-color:#9278fa;box-shadow:0 0 0 4px rgba(108,76,245,.08)}
.quiz-library-search button{position:absolute;right:8px;width:32px;height:32px;border:0;border-radius:10px;background:#f1eff8;color:#746a92;display:grid;place-items:center;cursor:pointer}
.quiz-library-search button svg{width:15px;height:15px}
.quiz-library-result-counter{padding:8px 11px;border-radius:999px;background:#eeebff;color:#6648dc;font-size:10px;font-weight:900;white-space:nowrap}
.quiz-library-panel{display:block}
.quiz-library-panel .quiz-grid{margin-top:0}
.quiz-card-title{height:48px;min-height:48px;margin:0 0 10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.27}
.quiz-card-description{margin:0!important;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.quiz-card .quiz-author{margin:18px 0 0;padding:11px 12px;gap:11px;flex:0 0 auto}
.quiz-card .quiz-author-avatar{width:34px;height:34px;flex-basis:34px;border-radius:11px}
.quiz-card .quiz-author-copy{gap:3px;line-height:1.25}
.quiz-card .quiz-author-copy small{font-size:8px;line-height:1.2}
.quiz-card .quiz-author-copy b{font-size:12px;line-height:1.3}
.quiz-card .quiz-author-copy em{font-size:10px;line-height:1.35}
.quiz-card .card-actions{margin-top:16px}
.quiz-category-empty>span,.quiz-search-empty>span{font-size:12px;color:var(--muted)}
.quiz-search-empty{min-height:210px}
@media(max-width:760px){
    .quiz-library-tabs{grid-template-columns:1fr}
    .quiz-library-toolbar{align-items:stretch;flex-direction:column}
    .quiz-library-search{max-width:none}
    .quiz-library-result-counter{align-self:flex-start}
}

/* v5.8 — dynamic editor action, back button, mode-grouped quiz library, searchable admin lists */
.topbar-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-back{width:42px;height:42px;flex:0 0 42px;border:1px solid #e2def2;border-radius:14px;background:#fff;color:#5f46cf;display:grid;place-items:center;box-shadow:0 7px 20px rgba(44,39,80,.05);transition:.18s}
.topbar-back:hover{transform:translateX(-2px);border-color:#cfc5ff;background:#f8f6ff}
.topbar-back svg{width:19px;height:19px}
.editor-header-actions{display:flex;align-items:center;gap:9px}
.editor-header-actions form{margin:0}

.quiz-owner-section{display:grid;gap:18px;margin-top:10px}
.quiz-owner-section+.quiz-owner-section{margin-top:34px;padding-top:30px;border-top:1px solid #e3e4ed}
.quiz-owner-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #e4e0f5;border-radius:18px;background:#faf9ff}
.quiz-owner-head>div{display:flex;align-items:center;gap:11px;min-width:0}
.quiz-owner-head>div>div{display:grid;gap:2px}
.quiz-owner-head h3{margin:0;font-size:17px;color:#28253a}
.quiz-owner-head small{font-size:10px;color:#8c8fa0;font-weight:700}
.quiz-owner-head>span{padding:7px 10px;border-radius:999px;background:#eee9ff;color:#6648dc;font-size:10px;font-weight:950;white-space:nowrap}
.quiz-owner-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#ebe6ff;color:#6849df;display:grid;place-items:center}
.quiz-owner-icon svg{width:18px;height:18px}
.quiz-mode-section{display:grid;gap:12px}
.quiz-mode-section+.quiz-mode-section{margin-top:8px}
.quiz-mode-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px}
.quiz-mode-section-title{display:flex;align-items:center;gap:10px;min-width:0}
.quiz-mode-section-title>span{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#eeeaff;color:#6849df;display:grid;place-items:center}
.quiz-mode-section-title>span svg{width:17px;height:17px}
.quiz-mode-section-title>div{display:grid;gap:2px;min-width:0}
.quiz-mode-section-title h3{margin:0;font-size:18px;color:#26283a}
.quiz-mode-section-title small{font-size:10px;color:#9093a4;font-weight:700}
.quiz-mode-section-count{padding:6px 9px;border-radius:999px;background:#f0eef8;color:#746c8c;font-size:9px;font-weight:950;white-space:nowrap}
.quiz-owner-empty{min-height:150px}
.quiz-library-browser>[data-quiz-sections]{display:grid;gap:10px}
.quiz-library-browser>.quiz-search-empty{min-height:190px;margin-top:6px}

/* keep every quiz card aligned: title area, flexible description, author, divider/actions */
.quiz-mode-section .quiz-card{display:flex;flex-direction:column;height:100%}
.quiz-mode-section .quiz-card-body{height:100%}
.quiz-mode-section .quiz-card-description{flex:1;min-height:66px}
.quiz-mode-section .quiz-card .quiz-author{margin-top:18px;margin-bottom:0;padding:12px 13px}
.quiz-mode-section .quiz-card .quiz-author-copy{gap:4px}
.quiz-mode-section .quiz-card .quiz-author-copy small{margin-bottom:1px}
.quiz-mode-section .quiz-card .card-actions{margin-top:16px}

.list-browser{display:grid;gap:12px;margin-top:16px}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.list-search{position:relative;display:flex;align-items:center;flex:1;max-width:680px;margin:0}
.list-search>svg{position:absolute;left:14px;width:17px;height:17px;color:#8f92a4;pointer-events:none}
.list-search input{width:100%;height:46px;border:1px solid #dfe1eb;border-radius:15px;background:#fff;padding:0 46px 0 42px;outline:none;color:var(--text);font-weight:700}
.list-search input:focus{border-color:#9278fa;box-shadow:0 0 0 4px rgba(108,76,245,.08)}
.list-search button{position:absolute;right:8px;width:32px;height:32px;border:0;border-radius:10px;background:#f1eff8;color:#746a92;display:grid;place-items:center;cursor:pointer}
.list-search button svg{width:15px;height:15px}
.list-result-counter{padding:8px 11px;border-radius:999px;background:#eeebff;color:#6648dc;font-size:10px;font-weight:900;white-space:nowrap}

@media(max-width:760px){
    .topbar-title-wrap{gap:8px}.topbar-back{width:38px;height:38px;flex-basis:38px}
    .editor-header-actions .btn{display:inline-flex!important;font-size:0;padding:11px 13px}.editor-header-actions .btn svg{margin:0}
    .quiz-owner-head,.quiz-mode-section-head{align-items:flex-start}
    .quiz-mode-section-title small{white-space:normal}
    .list-toolbar{align-items:stretch;flex-direction:column}.list-search{max-width:none}.list-result-counter{align-self:flex-start}
}

/* v5.9 — owner tabs, website branding settings, dynamic logo */
.brand-mark.has-image{overflow:hidden;background:#fff;padding:0}
.brand-mark.has-image img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
.quiz-library-panels{display:grid;gap:18px}
.quiz-library-panel{display:grid;gap:20px}
.quiz-library-panel .quiz-mode-section+.quiz-mode-section{margin-top:6px;padding-top:6px}

.site-settings-page{display:grid;gap:18px;width:100%;max-width:none}
.settings-intro-card{display:flex;align-items:center;gap:16px;padding:22px 24px;border:1px solid #e5e1f6;border-radius:24px;background:linear-gradient(135deg,#faf9ff,#fff);box-shadow:0 12px 32px rgba(46,39,86,.05)}
.settings-intro-icon{width:52px;height:52px;flex:0 0 52px;border-radius:17px;display:grid;place-items:center;background:#eee9ff;color:#6648dc}
.settings-intro-icon svg{width:23px;height:23px}
.settings-intro-card h2{margin:5px 0 4px;font-size:25px}
.settings-intro-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.site-settings-form{display:grid;gap:16px}
.settings-panel{padding:22px;border:1px solid #e4e2ee;border-radius:22px;background:#fff;box-shadow:0 9px 28px rgba(39,35,73,.04)}
.settings-panel>label{display:block;margin-top:18px;font-size:13px;font-weight:850;color:#555b70}
.settings-panel-head{display:flex;align-items:flex-start;gap:12px}
.settings-panel-head>span{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#eeeaff;color:#6849df;display:grid;place-items:center}
.settings-panel-head>span svg{width:18px;height:18px}
.settings-panel-head h3{margin:0 0 3px;font-size:17px}
.settings-panel-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.settings-assets-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.settings-asset-card{display:flex;flex-direction:column;gap:15px}
.site-asset-preview{min-height:170px;border:1px dashed #d9d4ee;border-radius:18px;background:#f9f8fd;display:grid;place-items:center;overflow:hidden;color:#6748dc}
.site-asset-preview.logo-preview img{max-width:82%;max-height:135px;object-fit:contain}
.site-asset-preview.logo-preview>span{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#7d5cff,#4ad7ff);color:#fff;font-size:31px;font-weight:950}
.site-asset-preview.favicon-preview{min-height:130px}
.site-asset-preview.favicon-preview img{width:72px;height:72px;object-fit:contain}
.site-asset-preview.favicon-preview svg{width:42px;height:42px;color:#a5a0b8}
.file-upload-field{position:relative;margin:0!important;border:1px solid #ddd9ee;border-radius:14px;background:#faf9ff;min-height:46px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;color:#6045d5!important}
.file-upload-field>span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900}
.file-upload-field>span svg{width:17px;height:17px}
.file-upload-field input{position:absolute;inset:0;opacity:0;cursor:pointer}
.settings-remove-check{display:flex!important;align-items:flex-start;gap:9px;margin:0!important;color:#707487!important;font-size:11px!important;font-weight:750!important}
.settings-remove-check input{margin-top:2px;accent-color:#6c4cf5}
.settings-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #dfdbf3;border-radius:18px;background:#f8f6ff}
.settings-save-bar>div{display:flex;align-items:center;gap:8px;color:#76718d;font-size:11px;font-weight:750}
.settings-save-bar>div svg{width:17px;height:17px;color:#6850d8}
@media(max-width:780px){.settings-assets-grid{grid-template-columns:1fr}.settings-save-bar{align-items:stretch;flex-direction:column}.settings-save-bar .btn{width:100%}.settings-intro-card{align-items:flex-start}}

/* v6.0 Live Pause / Resume */
.status-paused,.status-between{background:#fff4db;color:#946600}
.history-row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.history-row-actions form{margin:0}
.history-row-actions .btn{padding:9px 12px}
.history-row-actions .icon-btn-trash{width:40px;height:40px}
.live-pause-overlay{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;padding:24px;background:rgba(13,12,27,.72);backdrop-filter:blur(12px)}
.live-pause-overlay[hidden]{display:none!important}
.live-pause-card{width:min(520px,100%);padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:#fff;color:#171627;text-align:center;box-shadow:0 34px 100px rgba(0,0,0,.34)}
.live-pause-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;background:#efecff;color:#6849ed}
.live-pause-icon svg{width:34px;height:34px}
.live-pause-card h2{margin:7px 0 9px;font-size:30px;letter-spacing:-.9px}
.live-pause-card>p{margin:0 auto;color:#74798e;line-height:1.6;max-width:410px}
.live-pause-remaining{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;padding:14px 16px;border:1px solid #e5e1fb;border-radius:16px;background:#f8f6ff;text-align:left}
.live-pause-remaining span{font-size:12px;color:#777d91;font-weight:800}
.live-pause-remaining strong{font-size:17px;color:#5e43d5}
.live-resume-countdown{display:grid;place-items:center;gap:5px;margin:24px 0 4px}
.live-resume-countdown small{font-size:11px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;color:#8a8fa3}
.live-resume-countdown strong{font-size:74px;line-height:1;color:#6748ee;font-variant-numeric:tabular-nums}
.live-resume-countdown span{font-size:13px;color:#777d91}
.live-pause-card>.btn{width:100%;margin-top:22px}
.player-pause-overlay{background:rgba(17,16,33,.82)}
.player-pause-overlay .live-pause-card{width:min(460px,100%)}
@media(max-width:620px){.live-pause-overlay{padding:16px}.live-pause-card{padding:28px 22px;border-radius:24px}.live-pause-card h2{font-size:26px}.live-resume-countdown strong{font-size:64px}.history-row-actions{flex-wrap:wrap}}
.history-end-btn{color:#c93650;background:#fff0f2!important}
.history-end-btn:hover{background:#ffe6eb!important}

/* v6.3 — non-blocking editor notifications */
.qn-toast-root{
    position:fixed;
    top:22px;
    right:22px;
    z-index:180;
    display:grid;
    gap:10px;
    width:min(380px,calc(100vw - 32px));
    pointer-events:none;
}
.qn-toast{
    pointer-events:auto;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 32px;
    align-items:center;
    gap:11px;
    padding:13px 12px 13px 13px;
    border:1px solid #e4e6ef;
    border-radius:17px;
    background:rgba(255,255,255,.97);
    box-shadow:0 18px 55px rgba(31,28,67,.18);
    opacity:0;
    transform:translateY(-10px) translateX(8px);
    transition:opacity .18s ease,transform .18s ease;
    backdrop-filter:blur(12px);
}
.qn-toast.is-visible{opacity:1;transform:none}
.qn-toast-icon{
    width:42px;
    height:42px;
    border-radius:13px;
    display:grid;
    place-items:center;
    background:#e9fbf1;
    color:#128a52;
}
.qn-toast-info .qn-toast-icon{background:#efecff;color:#6245dc}
.qn-toast-danger .qn-toast-icon{background:#fff0f2;color:#d83d59}
.qn-toast-copy{min-width:0;display:grid;gap:3px}
.qn-toast-copy b{font-size:13px;color:var(--text)}
.qn-toast-copy small{font-size:12px;line-height:1.4;color:var(--muted)}
.qn-toast-close{
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:transparent;
    color:#8d91a2;
    cursor:pointer;
}
.qn-toast-close:hover{background:#f1f2f7;color:var(--text)}
.qn-toast svg{width:18px;height:18px}
@media(max-width:620px){
    .qn-toast-root{top:14px;right:16px;left:16px;width:auto}
}