.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#14193cd9,#050819f2);display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .4s ease}.countdown-card{text-align:center;color:#fff;animation:popIn .5s ease}.countdown-title{font-size:22px;font-weight:800;margin-bottom:10px;opacity:.8;letter-spacing:.08em}.countdown-number{font-size:90px;font-weight:900;line-height:1;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:countPop .6s ease,glowPulse 1s ease infinite}.countdown-sub{margin-top:10px;font-size:14px;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes countPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes glowPulse{0%{text-shadow:0 0 10px rgba(74,222,128,.6)}50%{text-shadow:0 0 25px rgba(34,211,238,.9)}to{text-shadow:0 0 10px rgba(74,222,128,.6)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,#1e3a8a,transparent),radial-gradient(circle at 80% 70%,#9333ea,transparent),radial-gradient(circle at 50% 50%,#0f172a,#020617);z-index:-1;animation:bgMove 12s ease infinite alternate}@keyframes bgMove{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-20px,-20px)}}.choice-btn{position:relative;overflow:hidden}.choice-btn span{position:relative;z-index:2}.choice-btn:before{content:"";position:absolute;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);top:50%;left:50%;opacity:0}.choice-btn:active:before{width:200px;height:200px;opacity:1;transition:all .4s ease}.quiz-shell-new{border-radius:22px;overflow:hidden;background:#14193c99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #0009;margin-top:12px;border:1px solid rgba(255,255,255,.08);animation:floatIn .5s ease}@keyframes floatIn{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.qn-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--sp-header-bg)}.qn-subject{font-weight:900;font-size:17px;color:#fff;letter-spacing:.03em}.qn-meta{display:flex;align-items:center;gap:10px}.qn-qcount{color:#ffffffd9;font-weight:700;font-size:14px}.qn-timer{font-weight:900;font-size:14px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;padding:6px 12px;border-radius:999px;animation:pulseTimer 1.5s infinite}@keyframes pulseTimer{0%{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.08);box-shadow:0 0 12px #ef4444cc}to{transform:scale(1)}}.qn-progress{height:6px;background:var(--sp-progress-bg)}.qn-progress-bar{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .4s ease;box-shadow:0 0 10px #4ade8099}.qn-body{padding:20px 18px 18px}.qn-prompt-box{background:linear-gradient(135deg,#1e90ff,#005eff);border-radius:20px;padding:40px 24px;min-height:120px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);animation:fadeSlide .4s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qn-prompt-text{font-size:20px;font-weight:800;color:#fff;text-align:center;white-space:pre-wrap;text-shadow:0 1px 4px rgba(0,0,0,.18)}.quiz-shell-new{width:100%;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0f3f8f,#0a6fcb 55%,#1094ea);box-shadow:inset 0 1px #ffffff14,0 12px 30px #00000047;border:1px solid rgba(255,255,255,.08)}.quiz-shell-new .quiz-top-divider{height:6px;border-radius:999px;margin:12px 0 18px;background:#87ecff59}.quiz-shell-new .qn-prompt-box{background:linear-gradient(135deg,#66ecff,#7ff7ff);border-radius:24px;padding:40px 24px;min-height:180px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:34px;font-weight:800;box-shadow:inset 0 1px #ffffff40;border:none}.quiz-shell-new .quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px 16px}.quiz-shell-new .choice-btn{border:none;border-radius:999px;min-height:82px;padding:0 26px 0 0;font-size:18px;font-weight:800;color:#fff;display:flex;gap:14px;align-items:center;width:100%;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 8px 18px #0000001f;transition:transform .15s ease,filter .18s ease,box-shadow .18s ease}.quiz-shell-new .choice-btn:after{display:none}.quiz-shell-new .choice-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.quiz-shell-new .choice-btn:active:not(:disabled){transform:scale(.98)}.quiz-shell-new .choice-btn.active{outline:3px solid rgba(255,255,255,.75);outline-offset:2px;box-shadow:0 0 0 6px #ffffff14}.quiz-shell-new .choice-btn:disabled{opacity:.7;cursor:not-allowed}.quiz-shell-new .choice-btn:nth-child(1){background:#ff2a2a}.quiz-shell-new .choice-btn:nth-child(2){background:#48c910}.quiz-shell-new .choice-btn:nth-child(3){background:#1a2b9e}.quiz-shell-new .choice-btn:nth-child(4){background:#ffbf00}.quiz-shell-new .choice-badge{width:80px;height:80px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;line-height:1;color:#fff}.quiz-shell-new .choice-btn:nth-child(1) .choice-badge{background:#ff9f73}.quiz-shell-new .choice-btn:nth-child(2) .choice-badge{background:#b8ef70;color:#fffffff2}.quiz-shell-new .choice-btn:nth-child(3) .choice-badge{background:#58d7ea}.quiz-shell-new .choice-btn:nth-child(4) .choice-badge{background:#fff34b;color:#5c5200}.quiz-shell-new .choice-text{font-size:18px;font-weight:800;letter-spacing:.2px}.quiz-shell-new .submit-btn{margin-top:14px;min-width:132px;border:none;border-radius:14px;padding:12px 22px;background:linear-gradient(180deg,#4bbcff,#2f96ef);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 18px #0000002e;transition:filter .18s ease,transform .18s ease,opacity .18s ease}.quiz-shell-new .submit-btn:hover{filter:brightness(1.06)}@media (max-width: 768px){.quiz-shell-new .quiz-choices{grid-template-columns:1fr}.quiz-shell-new .qn-prompt-box{min-height:140px;font-size:24px;padding:28px 18px}.quiz-shell-new .choice-btn{min-height:58px;font-size:16px}.quiz-shell-new .choice-badge{width:56px;height:56px;font-size:24px}}.matching-arena{position:relative;width:100%}.matching-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.matching-cols{display:grid;grid-template-columns:1fr 28px 1fr;align-items:start}.matching-col{display:flex;flex-direction:column;gap:10px}.matching-mid{display:flex;flex-direction:column;align-items:center;padding-top:22px;gap:0}.matching-dot{width:12px;height:12px;border-radius:50%;background:var(--sp-matching-dot-bg);flex-shrink:0;transition:background .25s,transform .25s;margin-bottom:52px}.matching-dot:last-child{margin-bottom:0}.matching-dot.md-connected{background:#4ade80;transform:scale(1.3)}.matching-dot.md-selected{background:#facc15;transform:scale(1.35);box-shadow:0 0 0 6px #facc152e}.matching-card{border-radius:14px;border:none;padding:0 14px;font-size:14px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;min-height:64px;width:100%;cursor:pointer;transition:transform .12s,outline .1s,opacity .2s;box-shadow:0 4px 12px #0000004d;position:relative;z-index:2}.matching-col-b .matching-card{justify-content:center;text-align:center}.matching-card:hover:not(:disabled){transform:scale(1.02)}.matching-card.mc-selected-a{outline:3px solid rgba(250,204,21,.98);outline-offset:3px;transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 6px #facc151f,0 12px 28px #00000047}.matching-card.mc-matched{opacity:.6}.matching-card.mc-wrong{outline:3px solid #ff5252;outline-offset:3px;animation:mc-shake .35s ease}.matching-card.mc-highlight:not(.mc-matched):not(:disabled){outline:1px dashed rgba(255,255,255,.45);outline-offset:2px}.matching-card:disabled{cursor:not-allowed;opacity:.55}.matching-card.mc-ready-target{outline:1px dashed rgba(255,255,255,.38);outline-offset:2px}@keyframes mc-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.mc-badge{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff}.mc-text{flex:1;line-height:1.3;word-break:break-word;display:flex;flex-direction:column;align-items:flex-start}.matching-complete{margin-top:12px;text-align:center;font-size:15px;font-weight:900;color:#4ade80}.matching-hint{margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:#ffffffbf;font-style:italic}.mc-assigned-pill{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#ffffff29;color:#fff;font-size:11px;font-weight:900}.mc-assigned-hint{margin-top:8px;font-size:11px;font-weight:700;color:#fffc}.pics4-wrap{display:flex;flex-direction:column;gap:18px;align-items:center}.pics4-wrap.simple-mode{max-width:760px;margin:0 auto}.pics4-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pics4-grid.compact-grid{width:min(100%,420px)}.pics4-frame{background:var(--sp-frame-bg);border-radius:18px;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px #00000024}.pics4-frame.compact-frame{aspect-ratio:1 / .82}.pics4-frame img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}.pics4-placeholder{font-size:36px;font-weight:900;color:#fff3}.pics4-answer-shell{width:min(100%,720px);display:grid;gap:10px}.pics4-answer-label{margin:0;text-align:center;font-size:14px;font-weight:800;color:#ffffffb8}.spell-wrap{display:flex;flex-direction:column;gap:12px}.spell-display{background:var(--sp-spell-disp-bg);border-radius:14px;padding:14px 16px;min-height:66px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.spell-char{width:36px;height:40px;border-radius:8px;background:var(--sp-spell-char-bg);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;animation:sp-pop .15s ease}@keyframes sp-pop{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}.spell-cursor{width:3px;height:32px;background:#4ade80;border-radius:2px;animation:sp-blink 1s infinite}@keyframes sp-blink{0%,to{opacity:1}50%{opacity:0}}.spell-hint{text-align:center;font-size:12px;font-weight:700;color:#ffffff80}.spell-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.spell-tile{width:46px;height:48px;border-radius:12px;border:none;background:var(--sp-tile-bg);color:#fff;font-size:19px;font-weight:900;cursor:pointer;transition:transform .1s,background .1s;display:flex;align-items:center;justify-content:center;border-bottom:4px solid var(--sp-tile-dark)}.spell-tile:hover:not(.used):not(:disabled){background:var(--sp-tile-hover);transform:translateY(-2px)}.spell-tile.used,.spell-tile:disabled{background:var(--sp-tile-used);color:#fff3;border-bottom-color:transparent;cursor:default;transform:none}.spell-controls{display:flex;gap:10px;justify-content:center}.spell-ctrl{border-radius:999px;border:none;padding:9px 22px;font-size:14px;font-weight:800;color:#fff;cursor:pointer;transition:opacity .15s,transform .1s}.spell-ctrl:hover:not(:disabled){transform:scale(1.04)}.spell-ctrl:disabled{opacity:.35;cursor:not-allowed}.spell-ctrl.back{background:#ffffff26}.spell-ctrl.clr{background:#ef4444b3}.type-wrap{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;min-height:280px}.type-center-shell{width:min(100%,720px);display:flex;flex-direction:column;gap:14px;align-items:center}.type-label{text-align:center;font-size:14px;font-weight:900;color:#ffffffb8;letter-spacing:.06em;text-transform:uppercase}.type-input-row{display:flex;align-items:center;width:min(100%,680px);background:var(--sp-type-row-bg);border-radius:18px;border:2px solid var(--sp-type-row-bdr);padding:8px 8px 8px 18px;gap:8px;box-shadow:0 18px 36px #0f172a2e;transition:border-color .2s,transform .18s ease}.type-input-row:focus-within{border-color:#fff9}.type-input-row.locked{opacity:.6}.type-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:18px;font-weight:700;padding:10px 0;font-family:inherit}.type-input::placeholder{color:#ffffff59;font-weight:600}.type-input:disabled{cursor:not-allowed}.type-clear-btn{width:36px;height:36px;border-radius:10px;border:none;background:#ffffff26;color:#fff;font-size:14px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.type-clear-btn:hover{background:#ffffff47}.type-charboxes{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.type-charbox{min-width:30px;height:36px;border-radius:8px;background:var(--sp-charbox-bg);border-bottom:3px solid var(--sp-charbox-bdr);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;color:#fff;padding:0 6px;animation:tb-pop .12s ease}@keyframes tb-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.type-count{text-align:center;font-size:12px;font-weight:700;color:#ffffff73}.sp-inline-theme-toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:#0f172ac7;color:#e7e9ee;box-shadow:0 12px 28px #00000047;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.sp-theme-pill:hover{transform:translateY(-1px);box-shadow:0 16px 34px #00000052}.sp-theme-pill__label{font-weight:800;font-size:13px}.sp-theme-pill__icon{font-size:16px}body:not(.dark) .sp-inline-theme-toggle{background:#ffffffe0;color:#17305f;border-color:#2b6cff29;box-shadow:0 12px 28px #2b6cff29}.sp-wait-card{border-radius:28px;border:1px solid;padding:28px;box-shadow:0 24px 64px #2b6cff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .35s ease,border-color .35s ease,transform .35s ease,opacity .35s ease}.sp-wait-icon-wrap{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;border:1px solid;margin:0 auto 18px}.sp-wait-icon{font-size:40px;animation:hourglassWave 3.2s infinite;transform-origin:center}.sp-wait-title{text-align:center;font-size:28px;line-height:1.2;font-weight:900;margin:0 0 12px}.sp-wait-subtitle{text-align:center;font-size:14px;line-height:1.7;margin:0 auto;max-width:560px}.sp-wait-roster-card{padding:13px 14px;border-radius:16px;border:1px solid;animation:fadeSlide .32s ease both}.sp-page-enter{animation:spFadeUp .36s cubic-bezier(.22,1,.36,1) both}.sp-phase-complete{animation:spFadeIn .22s ease both}.sp-phase-wait{animation:spFadeIn .28s ease both}.tw-loading-dots{display:inline-flex;margin-left:4px;min-width:18px}.tw-loading-dots span{display:inline-block;animation:twDot 1.2s infinite ease-in-out}.tw-loading-dots span:nth-child(2){animation-delay:.15s}.tw-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes hourglassWave{0%{transform:rotate(0) scale(1);animation-timing-function:ease-out}18%{transform:rotate(160deg) scale(1.05);animation-timing-function:ease-in}34%{transform:rotate(180deg) scale(1);animation-timing-function:ease-out}52%{transform:rotate(340deg) scale(1.05);animation-timing-function:ease-in}68%{transform:rotate(360deg) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes twDot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes spFadeUp{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spFadeIn{0%{opacity:0}to{opacity:1}}.mc-assigned-pill{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:900;color:#fff;max-width:100%}.mc-assigned-hint{margin-top:8px;font-size:11px;font-weight:800;opacity:.78}.matching-board{display:grid;gap:18px}.matching-grid-shell{display:grid;grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(210px,1fr);gap:14px 16px;align-items:stretch}.matching-grid-head{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;text-align:center}.matching-cell{min-width:0}.matching-spacer{min-height:92px}.matching-bank-title{font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#ffffffbd;text-align:center}.matching-bar-card{min-height:92px;border-radius:22px}.matching-card-a,.matching-card-b{justify-content:flex-start;text-align:left}.matching-card-b .mc-badge{background:#fff3}.matching-card.mc-selected-b{outline:3px solid rgba(96,165,250,.95);outline-offset:3px;transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 6px #60a5fa29,0 12px 28px #00000047}.matching-dropzone{min-height:92px;border-radius:22px;border:2px dashed rgba(148,163,184,.34);background:#ffffff0d;display:grid;align-content:center;justify-items:center;gap:8px;padding:14px;transition:border-color .22s ease,transform .22s ease,background .22s ease,box-shadow .22s ease}.matching-dropzone.ready{border-color:#60a5fabf;box-shadow:0 0 0 5px #60a5fa1f}.matching-dropzone.filled{border-style:solid;border-color:#4ade808c;background:#4ade8014}.matching-drop-label{font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#ffffffb8}.matching-drop-hint{font-size:13px;line-height:1.45;text-align:center;color:#ffffffe0;max-width:220px}.matching-drop-card{width:100%;min-height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;font-weight:800;text-align:center;padding:12px 14px;box-shadow:0 8px 18px #0003}.matching-clear-btn{border:none;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer;background:#0f172ad1;color:#fff}@media (max-width: 980px){.matching-grid-shell{grid-template-columns:1fr}}.quiz-shell-new .choice-btn.dimmed{opacity:.48}.quiz-shell-new .submit-btn:disabled{transform:none;filter:none}.quiz-shell-new{width:100%;min-height:100vh;border-radius:0;margin-top:0}.quiz-shell-new .qn-header{padding:14px 22px}.quiz-shell-new .qn-progress{height:8px}.quiz-shell-new .qn-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 22px 28px}.quiz-shell-new .qn-prompt-box{min-height:clamp(180px,28vh,340px)}.quiz-shell-new.theme-dark{--quiz-shell-bg: #0c4fb8;--quiz-body-bg: #0c4fb8;--quiz-header-bg: #083d91;--quiz-progress-bg: #3d8fff;--quiz-prompt-bg: #48b8f0;--quiz-prompt-color: #ffffff;--quiz-subject-color: #ffffff;--quiz-meta-color: #ffffff;--quiz-divider-bg: #79ddff;--quiz-shadow: 0 14px 34px rgba(0, 0, 0, .35);--quiz-border: 1px solid #0a4298}.quiz-shell-new.theme-light{--quiz-shell-bg: #55b7f3;--quiz-body-bg: #ffffff;--quiz-header-bg: #ffffff;--quiz-progress-bg: #86d0ff;--quiz-prompt-bg: #7fdcff;--quiz-prompt-color: #17305f;--quiz-subject-color: #17305f;--quiz-meta-color: #2c4e78;--quiz-divider-bg: #a8e7ff;--quiz-shadow: 0 14px 30px rgba(43, 108, 255, .16);--quiz-border: 1px solid #7dc9f5}.quiz-shell-new{background:var(--quiz-shell-bg);box-shadow:var(--quiz-shadow);border:var(--quiz-border)}.quiz-shell-new .qn-header{background:var(--quiz-header-bg)}.quiz-shell-new .qn-progress{background:var(--quiz-progress-bg)}.quiz-shell-new .qn-prompt-box{background:var(--quiz-prompt-bg);box-shadow:inset 0 1px #ffffff40}.quiz-shell-new .qn-prompt-text{color:var(--quiz-prompt-color);text-shadow:none}.quiz-shell-new .qn-subject{color:var(--quiz-subject-color)}.quiz-shell-new .qn-qcount{color:var(--quiz-meta-color)}.quiz-shell-new.theme-dark .qn-body,.quiz-shell-new.theme-light .qn-body{background:var(--quiz-body-bg)}.quiz-shell-new.theme-light .choice-btn{box-shadow:0 10px 20px #162d5924}.quiz-shell-new.theme-light .choice-btn:nth-child(1){background:linear-gradient(90deg,#ff6767,#ff4f4f)}.quiz-shell-new.theme-light .choice-btn:nth-child(2){background:linear-gradient(90deg,#6cdd42,#56c92f)}.quiz-shell-new.theme-light .choice-btn:nth-child(3){background:linear-gradient(90deg,#4a64e6,#314dd6)}.quiz-shell-new.theme-light .choice-btn:nth-child(4){background:linear-gradient(90deg,#ffd84d,#ffc92d);color:#fff}.quiz-shell-new.theme-light .choice-btn:nth-child(1) .choice-badge{background:#ffb18e}.quiz-shell-new.theme-light .choice-btn:nth-child(2) .choice-badge{background:#d2f59a;color:#fff}.quiz-shell-new.theme-light .choice-btn:nth-child(3) .choice-badge{background:#8fe4ff}.quiz-shell-new.theme-light .choice-btn:nth-child(4) .choice-badge{background:#fff27a;color:#5c5200}.quiz-shell-new.theme-light .submit-btn{background:linear-gradient(180deg,#59bfff,#2d95ef);box-shadow:0 10px 22px #2b6cff38}.quiz-shell-new.theme-dark .submit-btn{background:linear-gradient(180deg,#4bbcff,#2f96ef)}.quiz-shell-new.theme-light .matching-grid-head,.quiz-shell-new.theme-light .matching-bank-title,.quiz-shell-new.theme-light .matching-drop-label,.quiz-shell-new.theme-light .matching-drop-hint,.quiz-shell-new.theme-light .matching-hint,.quiz-shell-new.theme-light .type-label,.quiz-shell-new.theme-light .type-count,.quiz-shell-new.theme-light .pics4-answer-label,.quiz-shell-new.theme-light .spell-hint{color:#4a628f}.quiz-shell-new.theme-light .type-input-row{background:#ffffffeb;border-color:#9ab1f4d9;box-shadow:0 16px 34px #2b6cff1f}.quiz-shell-new.theme-light .type-input{color:#0f172a}.quiz-shell-new.theme-light .type-input::placeholder{color:#7484ab}.quiz-shell-new.theme-light .type-clear-btn{background:#2b6cff1a;color:#1d4ed8}.quiz-shell-new.theme-light .type-charbox{background:#edf3ff;border-bottom-color:#c7d2fe;color:#17305f}.quiz-shell-new.theme-light .matching-dropzone{background:#ffffffeb;border-color:#94a3b861}.quiz-shell-new.theme-light .matching-dropzone.filled{background:#22c55e14}.quiz-shell-new.theme-light .matching-clear-btn{background:#e8efff;color:#17305f}.quiz-shell-new.theme-light .matching-drop-card,.quiz-shell-new.theme-light .matching-card,.quiz-shell-new.theme-light .spell-display,.quiz-shell-new.theme-light .pics4-frame{box-shadow:0 12px 24px #2b6cff1f}@media (max-width: 768px){.quiz-shell-new .qn-header{padding:12px 14px}.quiz-shell-new .qn-body{padding:16px 14px 22px}.quiz-shell-new .qn-prompt-box{min-height:150px}}.sp-feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;overflow:hidden;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:twFadeOut 1.65s ease forwards}.sp-feedback-overlay.is-correct{background:radial-gradient(circle at center,#22c55e33,#08193542)}.sp-feedback-overlay.is-wrong{background:radial-gradient(circle at center,#ef444438,#0819354d)}.sp-feedback-card{position:relative;z-index:2;width:min(92vw,420px);padding:30px 26px;border-radius:28px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sp-feedback-card.is-correct{background:linear-gradient(180deg,#148149f5,#22c55ee6);animation:spFeedbackPop .55s cubic-bezier(.18,.89,.32,1.28) both}.sp-feedback-card.is-wrong{background:linear-gradient(180deg,#b91c1cf5,#ef4444e6);animation:spFeedbackShake .55s ease both}.sp-feedback-icon{font-size:74px;line-height:1;margin-bottom:12px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18));animation:spFeedbackIconBounce .6s ease}.sp-feedback-title{font-size:30px;font-weight:900;line-height:1.1;margin-bottom:8px}.sp-feedback-subtitle{font-size:15px;font-weight:700;color:#ffffffeb}.sp-feedback-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sp-feedback-burst span{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:999px;background:#ffffffeb;transform:rotate(calc(var(--i) * 36deg)) translateY(-10px);animation:spBurst .85s ease-out forwards;animation-delay:calc(var(--i) * .02s)}.sp-feedback-overlay.is-correct .sp-feedback-burst span:nth-child(odd){background:#d9ffe9}.sp-feedback-overlay.is-wrong .sp-feedback-burst span:nth-child(odd){background:#ffd7d7}.quiz-shell-new.feedback-hit-correct{animation:spShellCorrect .72s ease}.quiz-shell-new.feedback-hit-wrong{animation:spShellWrong .55s ease}@keyframes spFeedbackPop{0%{transform:scale(.65) translateY(24px);opacity:0}65%{transform:scale(1.06) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes spFeedbackShake{0%{transform:scale(.85);opacity:0}35%{transform:translate(-8px) scale(1);opacity:1}55%{transform:translate(8px) scale(1)}75%{transform:translate(-5px) scale(1)}to{transform:translate(0) scale(1);opacity:1}}@keyframes spFeedbackIconBounce{0%{transform:scale(.6) rotate(-10deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes spBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * 36deg)) translateY(0) scale(.2)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * 36deg)) translateY(-150px) scale(1)}}@keyframes spShellCorrect{0%{transform:scale(1)}35%{transform:scale(1.012)}65%{transform:scale(.996)}to{transform:scale(1)}}@keyframes spShellWrong{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes twFadeOut{0%,80%{opacity:1}to{opacity:0}}@media (max-width: 768px){.sp-feedback-card{width:min(92vw,360px);padding:24px 18px}.sp-feedback-title{font-size:24px}}.sp-inline-sound-toggle{box-shadow:0 10px 22px #0000002e}.sp-inline-sound-toggle:hover{transform:translateY(-1px) scale(1.02)}.quiz-shell-new.theme-light .sp-inline-sound-toggle{color:#14532d!important;background:#dcfce7eb!important;border-color:#22c55e38!important;box-shadow:0 10px 20px #22c55e1f}.quiz-shell-new.theme-dark .sp-inline-sound-toggle{color:#dcfce7!important;background:#15803d38!important;border-color:#86efac38!important}.sp-wait-card .sp-inline-sound-toggle,.sp-wait-card .sp-inline-theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}html{color-scheme:dark light}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(43,108,255,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(34,197,94,.1),transparent 26%),linear-gradient(180deg,#07111f,#0b1530 46%,#0e1733);color:#e7e9ee;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at 88% 16%,rgba(43,108,255,.18),transparent 26%),radial-gradient(circle at 80% 82%,rgba(34,197,94,.12),transparent 22%);opacity:.92;transition:background .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1)}a{color:#9ad0ff;text-decoration:none;transition:color .22s ease,opacity .22s ease,transform .22s ease}a:hover{opacity:.92}button,input,select,textarea,.card,.btn,.badge,.dashboard-tab-panel,.collapsible-content{transition:background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .22s ease,opacity .22s ease}button{font:inherit}button:not(:disabled){cursor:pointer}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.99)}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#0c172deb;border:1px solid #23305d;border-radius:14px;padding:18px;box-shadow:0 14px 36px #030a1842;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{background:#2b6cff;border:none;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:0 10px 24px #2b6cff3d}.btn.secondary{background:#2a3255}input,select,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #2a3b73;background:#0e1530;color:#e7e9ee;box-sizing:border-box;box-shadow:inset 0 1px #ffffff08}label{font-size:12px;opacity:.9}h1,h2,h3{margin:8px 0 12px}small{opacity:.85}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #23305d;padding:8px;text-align:left}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#223164;border:1px solid #2a3b73;font-size:12px;font-weight:700}.quiz-shell{border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000040;border:1px solid rgba(255,255,255,.06);margin-top:12px}.theme-k12{background:linear-gradient(180deg,#93c5fd2e,#22c55e1a)}.theme-college{background:linear-gradient(180deg,#3b82f62e,#6366f11a)}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#0f172aa6;color:#fff}.quiz-subject{font-weight:800;font-size:18px;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#6366f1)}.quiz-meta{display:flex;align-items:center;gap:10px}.quiz-qcount{font-weight:700;opacity:.95}.quiz-timer{font-weight:800;background:#ef4444f2;padding:8px 12px;border-radius:999px}.quiz-progress{height:8px;background:#ffffff26}.quiz-progress-bar{height:100%;background:#22c55ef2}.quiz-body{padding:16px}.quiz-prompt{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;font-weight:700;text-align:center;white-space:pre-wrap}.quiz-choices{display:flex;flex-direction:column;gap:10px;margin-top:14px}.choice-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;cursor:pointer;font-weight:700;color:#e7e9ee}.choice-btn.active{outline:3px solid rgba(34,197,94,.35)}.choice-badge{width:34px;height:34px;border-radius:9px;background:#f59e0bf2;display:flex;align-items:center;justify-content:center;color:#0b1020;font-weight:900}.matching{margin-top:14px}.matching-row{display:flex;gap:10px;align-items:center;margin-top:10px}.matching-item{flex:1;background:#ffffff0f;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.pics4{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.pics4 img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.spell-answer{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.spell-built{flex:1;min-width:180px;background:#ffffff0f;border-radius:12px;padding:12px;font-weight:900;letter-spacing:.08em;border:1px solid rgba(255,255,255,.08)}.spell-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.spell-letter{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:10px 12px;font-weight:900;cursor:pointer;color:#e7e9ee}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-card{width:min(100%,420px)}body.light-mode{background:#f0f4ff;color:#0f172a}body.light-mode .card{background:#fff;border-color:#d1daf5}body.light-mode input,body.light-mode select,body.light-mode textarea{background:#f8faff;border-color:#c7d2f0;color:#0f172a}body.light-mode .btn{background:#2b6cff;color:#fff}body.light-mode .btn.secondary{background:#e8eeff;color:#1e3a8a;border:1px solid #c7d2f0}body.light-mode .badge{background:#e8eeff;border-color:#c7d2f0;color:#1e3a8a}body.light-mode label{color:#3a4a7a}body.light-mode small,body.light-mode p{color:#4a5a8a}body.light-mode table th{color:#0f172a}body.light-mode table td{color:#1e2d55;border-bottom-color:#d1daf5}body.light-mode [data-sidebar=true]{background:#1e2d55!important;border-right-color:#2a3b73!important}body.light-mode [data-sidebar=true] button{color:#c7d2f0}body.light-mode [data-sidebar=true] button.active,body.light-mode [data-sidebar=true] button[data-active=true]{background:#2b6cff!important;color:#fff!important}body.light-mode .quiz-prompt{background:#0000000d;color:#0f172a}body.light-mode .choice-btn{background:#f0f4ff;border-color:#d1daf5;color:#0f172a}body.light-mode .modal-backdrop{background:#0009}@keyframes dashboardTabIn{0%{opacity:0;transform:translateY(18px) scale(.992);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes sidebarLabelSwap{0%{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard-tab-panel{animation:dashboardTabIn .36s cubic-bezier(.22,1,.36,1);will-change:opacity,transform;width:100%}.sidebar-bank-label{display:inline-block;animation:sidebarLabelSwap .24s ease;will-change:opacity,transform}.collapsible-content{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);transition:grid-template-rows .36s cubic-bezier(.22,1,.36,1),opacity .26s ease,transform .36s cubic-bezier(.22,1,.36,1)}.collapsible-content.open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.collapsible-inner{min-height:0;overflow:hidden}body.light-mode{background:radial-gradient(circle at top left,rgba(43,108,255,.15),transparent 34%),radial-gradient(circle at bottom right,rgba(56,189,248,.12),transparent 28%),linear-gradient(180deg,#f8fbff,#edf4ff 48%,#e6eeff);color:#0f172a}body.light-mode:after{background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.85),transparent 24%),radial-gradient(circle at 86% 18%,rgba(96,165,250,.28),transparent 26%),radial-gradient(circle at 78% 80%,rgba(125,211,252,.24),transparent 22%);opacity:1}body.light-mode .card{background:#ffffffd6;border-color:#d5def6;box-shadow:0 14px 36px #2b6cff1a}body.light-mode .btn{box-shadow:0 10px 24px #2b6cff24}