:root{--bg: #0b1220;--panel: #0f172a;--card: #111c33;--card2: #0a162c;--border: rgba(148, 163, 184, .2);--border2: rgba(148, 163, 184, .28);--text: #e2e8f0;--muted: #94a3b8;--primary: #0ea5e9;--success: #10b981;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--shadow2: 0 10px 28px rgba(0, 0, 0, .28);--radius: 16px}:root[data-theme=light]{--bg: #f0f2f5;--panel: #ffffff;--card: #ffffff;--card2: #ffffff;--border: rgba(15, 23, 42, .08);--border2: rgba(15, 23, 42, .12);--text: #0f172a;--muted: #64748b;--shadow: 0 18px 50px rgba(2, 6, 23, .08);--shadow2: 0 10px 28px rgba(2, 6, 23, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background-color:var(--bg);color:var(--text);min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px;opacity:.5}@keyframes skeleton-pulse{0%{opacity:.6;transform:scale(.99)}50%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(.99)}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--card-bg-subtle, rgba(255, 255, 255, .05))!important;border-color:var(--border-dim, rgba(255, 255, 255, .1))!important;color:var(--muted)!important}.spinner-micro{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.profile-modal-overlay{background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:2000}.profile-card{max-width:450px;width:95%;padding:0;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-dim)}.profile-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-dim);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))}.profile-header h2{margin:0;font-size:1.5rem;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-form{padding:24px}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.avatar-preview{width:100px;height:100px;border-radius:50%;position:relative;border:4px solid var(--border-dim);padding:4px;background:var(--bg-main)}.avatar-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-hint{font-size:.8rem;color:var(--text-secondary)}.input-group{margin-bottom:20px}.input-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-group input{width:100%;padding:12px 16px;background:var(--bg-main);border:1px solid var(--border-dim);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .2s}.input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.helper-text{display:block;margin-top:4px;font-size:.75rem;color:var(--text-dim)}.profile-actions{display:flex;gap:12px;margin-top:32px}.profile-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background:transparent;border:1px solid var(--border-dim);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-dim)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(96,165,250,.3)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-msg{color:#ef4444;font-size:.9rem;margin-top:12px;text-align:center}.success-msg{color:#22c55e;font-size:.9rem;margin-top:12px;text-align:center}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{position:sticky;top:12px;z-index:50;margin:0 auto 16px;max-width:1600px;border:1px solid var(--border-dim);border-radius:20px;background:rgba(var(--bg-card-rgb),.8);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:0 20px}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--text-primary);text-decoration:none;font-size:1.25rem;letter-spacing:-.02em}.logo-img{height:32px;width:auto;object-fit:contain;border-radius:4px}.logo-badge{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.navbar-actions{display:flex;align-items:center;gap:10px}.nav-link-btn,.theme-btn-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border-dim);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.nav-link-btn:hover,.theme-btn-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-blue);transform:translateY(-1px)}.theme-btn-toggle{width:42px;height:42px;padding:0;justify-content:center}.login-btn-nav{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:none;background:var(--primary-blue);color:#fff;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(59,130,246,.3)}.login-btn-nav:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4);filter:brightness(1.1)}.user-profile-menu{position:relative;margin-left:8px}.profile-trigger{width:42px;height:42px;border-radius:50%;border:2px solid var(--border-dim);padding:0;background:var(--bg-main);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.profile-trigger:hover{border-color:var(--primary-blue);transform:scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.3)}.profile-trigger.owner-trigger{border-color:#fbbf24;box-shadow:0 0 15px rgba(251,191,36,.3)}.profile-trigger.owner-trigger:hover{box-shadow:0 0 20px rgba(251,191,36,.5);transform:scale(1.1)}.profile-trigger img{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:12px;z-index:100}.user-info{display:flex;flex-direction:column;gap:2px}.user-info strong{font-size:.95rem;color:var(--text-primary)}.user-info span{font-size:.8rem;color:var(--text-tertiary);word-break:break-all}.profile-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none;text-align:left}.profile-item:hover{background:var(--bg-hover);color:var(--text-primary)}.owner-direct-link{border-color:rgba(251,191,36,.3)!important}.owner-direct-link:hover{border-color:#fbbf24!important;background:rgba(251,191,36,.1)!important}.divider{height:1px;background:var(--border-dim);margin:4px 0}.logout-btn{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;border:none;background:transparent;color:#ef4444;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.logout-btn:hover{background:rgba(239,68,68,.1)}@media(max-width:768px){.hide-mobile{display:none}.navbar-logo span{display:inline-block!important}.logo-text{font-size:20px}.navbar-logo{gap:0;margin-right:auto;padding-left:4px}.navbar{height:56px;margin:0;width:100%;max-width:100%;top:0;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid var(--border-dim);padding:0 10px;background:rgba(var(--bg-card-rgb),.95)}.navbar-container{height:56px}.logo-img{height:24px}.nav-link-btn{padding:8px}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;padding:0 8px}.navbar-wrapper{padding-top:8px}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2px 0}.main-footer{text-align:center;padding:24px;color:var(--muted);font-weight:500;border-top:1px solid var(--border);margin-top:40px}@media(max-width:768px){.app-wrapper{padding:0}.navbar-wrapper{padding-top:0}.main-content{padding:0 12px}}.live-ticker-toast{position:fixed;bottom:24px;right:24px;background:rgba(15,23,42,.85);backdrop-filter:blur(16px);padding:12px 16px;border-radius:40px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px -10px rgba(0,0,0,.5);z-index:9999;max-width:340px;pointer-events:auto}.ticker-avatar-box{position:relative;width:40px;height:40px;flex-shrink:0}.ticker-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.ticker-icon-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0f172a}.ticker-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ticker-content{display:flex;flex-direction:column;gap:2px}.ticker-name{font-size:13px;font-weight:700;color:#fff}.ticker-text{font-size:12px;color:#cbd5e1;line-height:1.3}.ticker-pulse{width:8px;height:8px;background:#22c55e;border-radius:50%;margin-left:auto;box-shadow:0 0 rgba(34,197,94,.7);animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 rgba(34,197,94,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(34,197,94,0)}to{transform:scale(.95);box-shadow:0 0 rgba(34,197,94,0)}}.ticker-start-btn{margin-left:auto;background:#10b981;color:#fff;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:20px;text-decoration:none;transition:all .2s;pointer-events:auto;letter-spacing:.5px;box-shadow:0 4px 10px rgba(16,185,129,.4)}.ticker-start-btn:hover{transform:translateY(-2px);background:#059669;box-shadow:0 6px 15px rgba(16,185,129,.5)}.topic-card{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow2);overflow:hidden;position:relative;text-decoration:none;color:inherit;min-height:190px;transition:all .2s ease}.topic-card:hover{transform:translateY(-3px);border-color:rgba(14,165,233,.35);box-shadow:0 18px 50px rgba(0,0,0,.32)}.topic-card.subject:hover{border-color:rgba(16,185,129,.35);box-shadow:0 18px 50px rgba(16,185,129,.15)}.topic-inner{position:relative;z-index:1;padding:18px;flex:1}.topic-head{display:flex;gap:14px;align-items:center}.topic-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--card2);border:1px solid var(--border2);font-size:24px;flex-shrink:0}.topic-card.subject .topic-icon{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.24)}.topic-title{font-size:1.1rem;font-weight:800;line-height:1.2;margin-bottom:4px;text-transform:uppercase;letter-spacing:.02em}.topic-desc{font-size:.8rem;color:var(--muted);font-weight:600}.topic-divider{height:1px;background:var(--border);margin:14px 0}.topic-note{font-size:.75rem;color:var(--muted);font-weight:500;line-height:1.45}.cta{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);background:var(--card)}.cta .btn{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(14,165,233,.28);background:rgba(14,165,233,.15);color:var(--primary);font-weight:700;font-size:.9rem;transition:all .2s}:root[data-theme=dark] .cta .btn{color:#7dd3fc}:root[data-theme=dark] .topic-card.subject .cta .btn{color:#a7f3d0}.topic-card:hover .cta .btn{background:rgba(14,165,233,.25);border-color:rgba(14,165,233,.5);color:#0284c7}.topic-card.subject .cta .btn{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.15);color:var(--success)}.topic-card.subject:hover .cta .btn{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.5);color:#059669}@media(max-width:600px){.topic-card{min-height:180px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,var(--panel) 0%,rgba(255,255,255,.03) 100%)}.topic-inner{padding:16px}.topic-head{gap:10px}.topic-icon{width:38px;height:38px;border-radius:10px;font-size:18px}.topic-title{font-size:.9rem;margin-bottom:2px}.topic-desc{font-size:.7rem}.topic-divider{margin:8px 0}.topic-note{font-size:.65rem}.cta{padding:8px 12px}.cta .btn{padding:6px 10px;font-size:.75rem;border-radius:8px}}.topic-card-container{position:relative;display:flex;flex-direction:column}.topic-admin-edit{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.3;z-index:10}.topic-card-container:hover .topic-admin-edit{opacity:.8}.topic-admin-edit:hover{opacity:1!important;background:#6366f1;transform:rotate(45deg);box-shadow:0 0 15px rgba(99,102,241,.4)}@media(max-width:768px){.topic-card{min-height:auto;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between}.topic-inner{padding:16px 16px 4px;flex:1}.topic-head{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:8px}.topic-icon{width:44px;height:44px;font-size:20px;border-radius:12px;margin-bottom:0;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.05)}.topic-title{font-size:1rem;margin:0 0 4px;line-height:1.3;font-weight:700}.topic-desc{display:block;font-size:.75rem;line-height:1.35;opacity:.85;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.topic-divider{display:block!important;height:1px;background:rgba(255,255,255,.08);margin:10px 0;opacity:.5}.topic-note{display:block!important;font-size:.7rem;color:var(--text-secondary);font-weight:500;font-style:italic;opacity:.8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.cta{padding:10px 14px;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.02)}.cta .btn{padding:8px 0;height:36px;font-size:.85rem;border-radius:10px;background:rgba(14,165,233,.12);color:var(--primary-blue);letter-spacing:.3px;width:100%;display:flex;justify-content:center;align-items:center;font-weight:700}}.welcome-header-premium{background:linear-gradient(145deg,#0f172a,#1e1b4b);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px 32px;margin-bottom:24px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:32px;box-shadow:0 12px 40px rgba(0,0,0,.4);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1)}.premium-glare{position:absolute;top:-50%;left:-20%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(99,102,241,.15) 0%,transparent 40%);pointer-events:none;animation:pulse 8s infinite alternate ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:.8}}.welcome-user-area{flex:1.2;z-index:5}.level-info-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.level-badge-crystalline{background:linear-gradient(90deg,#6366f1,#a855f7);padding:4px 12px;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:1px;box-shadow:0 4px 12px rgba(99,102,241,.3)}.xp-status-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px;color:#cbd5e1}.welcome-main h1{font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcome-sub{margin:0;opacity:.7;font-size:14px;font-weight:500}.premium-progress-wrapper{margin-top:24px;max-width:440px}.premium-progress-track{height:8px;background:rgba(0,0,0,.3);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.premium-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8,#a855f7);border-radius:10px;position:relative;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}.fill-glow{position:absolute;top:0;right:0;width:20px;height:100%;background:#fff;filter:blur(8px);opacity:.5}.premium-xp-metrics{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.5px}.current-xp{color:#818cf8}.target-xp{color:#64748b}.welcome-stats-vessel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;flex:1;z-index:2}.premium-stat-tile{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:12px;transition:all .3s;backdrop-filter:blur(12px)}.premium-stat-tile:hover{background:rgba(255,255,255,.06);transform:translateY(-4px);border-color:rgba(255,255,255,.15)}.tile-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05)}.streak .tile-icon{color:#f59e0b}.xp .tile-icon{color:#a855f7}.accuracy .tile-icon{color:#10b981}.tile-data{display:flex;flex-direction:column}.tile-value{font-size:20px;font-weight:800;line-height:1}.tile-label{font-size:9px;font-weight:700;opacity:.5;letter-spacing:1px;margin-top:4px}@media(max-width:900px){.welcome-header-premium{flex-direction:column;padding:24px;align-items:stretch;gap:24px}}@media(max-width:600px){.welcome-header-premium{padding:16px;border-radius:12px;gap:16px}.welcome-main h1{font-size:18px}.welcome-sub{font-size:11px}.level-badge-crystalline,.xp-status-pill{font-size:9px;padding:2px 8px}.welcome-stats-vessel{grid-template-columns:repeat(3,1fr);gap:8px}.premium-stat-tile:last-child{grid-column:auto;flex-direction:column;align-items:center;padding:8px}.premium-stat-tile:last-child .tile-data{flex-direction:column;align-items:center;gap:0}.premium-stat-tile:last-child .tile-label{margin-top:2px}.premium-stat-tile{padding:8px;gap:6px;align-items:center;text-align:center}.tile-icon{width:28px;height:28px}.tile-icon svg{width:14px;height:14px}.tile-value{font-size:14px}.tile-label{font-size:7px;margin-top:2px}.tile-data{align-items:center}}.daily-challenge-card{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:12px;padding:16px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;box-shadow:0 8px 24px rgba(124,58,237,.25);position:relative;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.daily-challenge-card:hover{transform:translateY(-4px)}.daily-content{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.daily-tag{background:rgba(255,255,255,.2);align-self:flex-start;padding:2px 10px;border-radius:20px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1)}.daily-tag.done{background:#10b981;color:#fff}.daily-title{font-size:17px;font-weight:800;margin:0}.daily-meta{font-size:13px;opacity:.9;display:flex;gap:12px;align-items:center}.solve-btn{background:#fff;color:#6d28d9;border:none;padding:10px 20px;border-radius:30px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media(max-width:600px){.daily-challenge-card{padding:16px}.daily-title{font-size:16px}.daily-meta{font-size:12px;gap:8px}}.recommendation-card{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:16px 20px;margin-bottom:30px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s}.recommendation-card:hover{background:rgba(59,130,246,.08);transform:translate(4px);border-color:var(--primary-blue)}.rec-badge{background:var(--primary-blue);color:#fff;font-size:9px;font-weight:900;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;letter-spacing:.5px}.rec-info{flex:1}.rec-info h3{font-size:16px;font-weight:700;margin:0 0 2px;color:var(--text-primary)}.rec-info p{font-size:12px;color:var(--text-secondary);margin:0}.rec-stats{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--primary-blue)}@media(max-width:600px){.recommendation-card{padding:14px;gap:12px}.rec-info h3{font-size:14px}.rec-badge{display:none}}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:30px}@media(max-width:480px){.actions-grid{grid-template-columns:repeat(3,1fr);gap:6px}.action-card{padding:10px 4px;gap:6px;align-items:center;text-align:center;border-radius:12px}.ac-icon{width:30px;height:30px;border-radius:6px;font-size:14px}.ac-title{font-size:11px}.ac-desc{display:none}}.action-card{background:var(--bg-card);border:1px solid var(--border-dim);padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .2s;text-decoration:none;color:var(--text-primary);position:relative;overflow:hidden}.trending-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;box-shadow:0 4px 12px rgba(239,68,68,.4);animation:trending-pulse 2s infinite ease-in-out;z-index:2;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2)}@keyframes trending-pulse{0%{transform:scale(1);box-shadow:0 4px 12px rgba(239,68,68,.4)}50%{transform:scale(1.05);box-shadow:0 6px 16px rgba(239,68,68,.6)}to{transform:scale(1);box-shadow:0 4px 12px rgba(239,68,68,.4)}}.action-card:hover{transform:translateY(-2px);border-color:var(--primary-blue)}.ac-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.ac-icon.create{background:var(--primary-blue)}.ac-icon.analytics{background:#10b981}.ac-icon.saved{background:#f59e0b}.ac-title{font-size:16px;font-weight:700;margin:0}.ac-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.action-card.locked{cursor:default;opacity:.8}.action-card.locked:hover{transform:none;border-color:var(--border-dim)}.action-card.locked .ac-icon{filter:grayscale(.2);opacity:.7}.lock-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);color:#cbd5e1;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);z-index:2}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin:0 0 16px;color:var(--text-primary)}@media(max-width:600px){.section-title{font-size:14px;margin-bottom:12px}}@media(max-width:768px){.daily-challenge-card{flex-direction:column;align-items:flex-start;gap:16px;padding:16px;margin-bottom:24px}.daily-title{font-size:18px}.solve-btn{width:100%;justify-content:center;padding:8px 16px;font-size:13px}}.section{margin-bottom:40px}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding:0 6px}@media(max-width:768px){.topics-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0}}.recent-section{margin-bottom:24px}.mini-quiz-scroll{display:flex;overflow-x:auto;gap:12px;padding:4px 4px 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;scroll-snap-type:x mandatory}.mini-quiz-scroll:active{cursor:grabbing}.mini-quiz-scroll::-webkit-scrollbar{display:block;height:4px}.mini-quiz-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.mini-quiz-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px}.mini-quiz-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.mini-quiz-card{min-width:170px;max-width:170px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-dim);padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);text-decoration:none;color:var(--text-primary);position:relative;overflow:hidden}@media(max-width:600px){.mini-quiz-card{min-width:155px;max-width:155px;padding:8px}.mq-title{font-size:12px;height:32px;margin-top:12px}}.mini-quiz-card:hover{transform:translateY(-5px);border-color:#6366f1;box-shadow:0 10px 25px rgba(99,102,241,.2)}.mq-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:800;padding:2px 6px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.mq-badge.new{background:#0ea5e9;color:#fff}.mq-badge.attempted{background:#10b981;color:#fff}.mq-title{font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:34px;margin-top:16px}.mq-meta{font-size:11px;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--border-dim);padding-top:6px}@media(max-width:768px){.welcome-header{flex-direction:column;align-items:flex-start;padding:16px;gap:16px}.user-welcome h1{font-size:20px}.user-welcome p{font-size:13px}.header-stats{width:100%;overflow-x:auto;padding-bottom:8px;gap:8px}.h-stat{padding:6px 10px;min-width:90px}.h-icon{width:28px;height:28px;font-size:14px}.h-val{font-size:14px}.h-lbl{font-size:9px}}.category-section{min-height:400px}.category-tabs{display:flex;gap:20px;margin-bottom:24px;border-bottom:1px solid var(--border-dim);padding-bottom:0}.cat-tab{background:transparent;border:none;padding:12px 4px;font-size:16px;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s}.cat-tab:hover{color:var(--text-primary)}.cat-tab.active{color:var(--primary-blue)}.cat-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--primary-blue);border-radius:3px 3px 0 0}@media(max-width:600px){.category-tabs{gap:12px;margin-bottom:16px}.cat-tab{font-size:14px;padding:6px 0;font-weight:700}}.quote-box{text-align:center;margin:32px auto;padding:0 20px;color:var(--text-secondary);font-size:14px;font-weight:500;font-style:italic;letter-spacing:.2px;opacity:.6;max-width:600px;line-height:1.6;position:relative}.quote-box:before{content:"“";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:40px;font-weight:900;font-family:serif;opacity:.1}.animate-enter{animation:fadeIn .4s ease-out forwards}.platform-announcement{margin-bottom:20px;padding:14px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:14px;border-left:5px solid transparent;animation:fadeIn .6s ease-out}.platform-announcement.info{background:rgba(59,130,246,.1);color:#60a5fa;border-color:#3b82f6}.platform-announcement.success{background:rgba(34,197,94,.1);color:#4ade80;border-color:#22c55e}.platform-announcement.warning{background:rgba(245,158,11,.1);color:#fbbf24;border-color:#f59e0b}.platform-announcement span{line-height:1.4}.quiz-list-container{padding:20px 40px;max-width:1400px;margin:0 auto;min-height:100vh}.quiz-nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.back-btn-styled{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:1px solid var(--border2);background:var(--card2);color:var(--primary);border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s;box-shadow:var(--shadow2)}.back-btn-styled:hover{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.6);transform:translateY(-1px)}.search-bar{width:400px;position:relative}.search-input{width:100%;padding:12px 20px;background:var(--card2);border:1px solid var(--border2);border-radius:30px;color:var(--text);font-size:.95rem;outline:none;transition:all .2s}.search-input:focus{border-color:var(--primary);background:var(--panel);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.quiz-header{margin-bottom:60px}.header-main-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;text-align:left}.header-text-info{flex:1}.admin-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.quiz-title{font-size:3.5rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#a78bfa,#c084fc,#e879f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;text-shadow:0 10px 30px rgba(168,85,247,.2)}.quiz-subtitle{font-size:1.1rem;color:#94a3b8;margin-bottom:30px;font-weight:500}.tests-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--card2);border:1px solid var(--border2);border-radius:30px;color:var(--text);font-weight:600;font-size:1rem;box-shadow:var(--shadow2)}.quiz-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:var(--shadow2);position:relative;overflow:hidden}.quiz-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.4);box-shadow:0 15px 30px -5px rgba(0,0,0,.3)}.quiz-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-icon{font-size:1.2rem;padding:6px;background:rgba(56,189,248,.1);border-radius:10px}.quiz-card-title{font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--text)}.quiz-card-desc{font-size:.85rem;color:#94a3b8;margin-bottom:16px;line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.tags-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.tag-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--card2);border-radius:8px;font-size:.75rem;color:var(--muted);font-weight:600;border:1px solid var(--border)}.tag-badge svg{color:#fbbf24;width:14px;height:14px}.tag-badge.attempt-tag{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#22c55e}.tag-badge.attempt-tag svg{color:#22c55e}.quiz-btn{margin-top:auto;background:linear-gradient(90deg,#8b5cf6,#6366f1);color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-radius:12px;font-weight:700;font-size:.9rem;transition:all .3s;border:none;box-shadow:0 4px 15px rgba(99,102,241,.3);cursor:pointer}.quiz-btn:hover{filter:brightness(110%);box-shadow:0 6px 20px rgba(99,102,241,.5);transform:scale(1.02)}.empty-state{text-align:center;padding:60px;color:var(--muted);background:var(--panel);border-radius:20px;border:2px dashed var(--border)}@media(max-width:768px){.quiz-list-container{padding:20px}.quiz-nav-bar{flex-direction:column;gap:16px;align-items:stretch;margin-bottom:40px}.back-btn-styled{justify-content:center}.search-bar{width:100%;max-width:100%}.quiz-grid{display:grid;gap:20px;margin-top:20px;grid-template-columns:1fr}.quiz-title{font-size:2.2rem;word-break:break-word}.header-main-content{flex-direction:column;align-items:stretch;text-align:center}.admin-header-actions{justify-content:center;margin-top:10px}}.admin-edit-quiz-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.4;z-index:10}.admin-edit-quiz-btn:hover{opacity:1;background:#6366f1;border-color:#818cf8;transform:rotate(45deg);box-shadow:0 0 15px rgba(99,102,241,.4)}.view-toggle{display:flex;background:var(--card2);padding:4px;border-radius:12px;border:1px solid var(--border2);gap:4px}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:all .2s}.view-btn:hover{background:rgba(255,255,255,.05);color:var(--text)}.view-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}.tag-badge.stats-badge{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#3b82f6}.tag-badge.stats-badge svg{color:#3b82f6}.quiz-grid.list-view{display:flex;flex-direction:column;gap:16px;grid-template-columns:1fr}.quiz-grid.list-view .quiz-card{flex-direction:row;align-items:center;padding:16px 24px;gap:24px}.quiz-grid.list-view .quiz-card-header{margin-bottom:0;min-width:300px;flex:1}.quiz-grid.list-view .header-text-group{display:flex;flex-direction:column;gap:4px}.quiz-grid.list-view .quiz-card-desc-list{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.quiz-grid.list-view .tags-grid{margin-bottom:0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.quiz-grid.list-view .quiz-btn{margin-top:0;width:auto;padding:10px 24px;min-width:fit-content;white-space:nowrap}@media(max-width:850px){.quiz-grid.list-view .quiz-card{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.quiz-grid.list-view .quiz-card-header{margin-bottom:0;min-width:unset}.quiz-grid.list-view .quiz-btn{width:100%}}@media(min-width:769px){.quiz-grid{display:grid;gap:20px;margin-top:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.admin-add-btn{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981;padding:10px 20px;border-radius:12px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.admin-add-btn:hover{background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(16,185,129,.4)}.quiz-card-wrapper{position:relative;display:flex;flex-direction:column}.admin-actions-overlay{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:20}.admin-action-btn{width:32px;height:32px;border-radius:8px;background:rgba(15,23,42,.7);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.6}.admin-action-btn:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.admin-action-btn.edit:hover{background:#6366f1;border-color:#818cf8}.admin-action-btn.delete:hover{background:#ef4444;border-color:#f87171}.analytics-dashboard{display:flex;flex-direction:column;gap:20px;padding:10px 0;width:100%}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric-card.glass-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s}.metric-card:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}.icon-box{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.metric-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.chart-section.glass-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px}.chart-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:1rem;margin-bottom:20px;opacity:.9}.chart-container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.chart-legend-custom{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary)}.dot{width:10px;height:10px;border-radius:50%}.insights-card.glass-panel{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.05));border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:20px}.insight-header{display:flex;align-items:center;gap:8px;color:#818cf8;font-weight:600;margin-bottom:10px}.insight-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:20px}.status-bars{display:flex;flex-direction:column;gap:12px}.status-bar{display:flex;align-items:center;gap:15px}.status-bar .label{min-width:120px;font-size:.85rem;color:var(--text-secondary)}.bar-track{flex:1;height:6px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;transition:width 1s ease-out}@media(max-width:600px){.analytics-grid{grid-template-columns:1fr}.chart-container{flex-direction:column;gap:20px}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/mocks/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/mocks/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/mocks/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/mocks/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/mocks/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/mocks/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/mocks/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/mocks/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/mocks/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/mocks/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/mocks/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/mocks/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/mocks/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/mocks/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/mocks/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/mocks/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/mocks/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/mocks/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/mocks/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/mocks/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/mocks/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/mocks/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/mocks/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/mocks/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/mocks/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/mocks/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/mocks/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/mocks/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/mocks/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/mocks/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/mocks/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/mocks/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/mocks/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/mocks/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/mocks/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/mocks/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/mocks/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/mocks/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/mocks/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/mocks/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/mocks/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/mocks/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/mocks/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/mocks/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/mocks/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/mocks/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/mocks/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/mocks/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/mocks/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/mocks/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.27"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}:root{--bg-main: var(--bg);--bg-card: var(--card);--bg-sidebar: var(--panel);--text-primary: var(--text);--text-secondary: var(--muted);--primary-blue: var(--primary);--primary-green: var(--success);--primary-red: #ef4444;--primary-orange: #f59e0b;--primary-purple: #8b5cf6;--timer-yellow: #fbbf24;--border-dim: var(--border);--border-active: rgba(59, 130, 246, .5);--header-bg: rgba(15, 23, 42, .85);--sidebar-gradient: linear-gradient(180deg, rgba(15, 23, 42, .95) 0%, rgba(15, 23, 42, 1) 100%);--card-bg-subtle: rgba(255, 255, 255, .02);--glass-blur: blur(12px);--layout-bg: radial-gradient(circle at top right, #0f172a, #020617)}:root[data-theme=light]{--header-bg: rgba(255, 255, 255, .98);--sidebar-gradient: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%);--card-bg-subtle: rgba(15, 23, 42, .08);--layout-bg: #e2e8f0;--border-active: rgba(14, 165, 233, .7);--text-accent: #0f172a;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .12)}.quiz-player-layout{background:var(--layout-bg);color:var(--text-primary);height:100vh;height:100dvh;overflow-x:hidden!important;overflow-y:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;transition:background .3s ease}.quiz-player-layout *::-webkit-scrollbar{width:6px}.quiz-player-layout *::-webkit-scrollbar-track{background:transparent}.quiz-player-layout *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}.quiz-player-layout *::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.flex-center{display:flex;align-items:center;justify-content:center}.player-header-pro-v6{background:#020617;border-bottom:2px solid #1e293b;position:relative;z-index:100;flex-shrink:0;display:flex;flex-direction:column}.header-top-row-v6{padding:10px 24px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(15,23,42,.3)}.quiz-title-v6{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;color:#f1f5f9}.header-bottom-row-v6{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;background:rgba(15,23,42,.1)}.header-row-left,.header-row-right{display:flex;align-items:center;gap:12px;flex:1}.header-row-right{justify-content:flex-end}.header-row-center{display:flex;justify-content:center}.quit-btn-v6{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#f87171;padding:5px 14px;border-radius:8px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.quit-btn-v6:hover{background:#ef4444;color:#fff}.timer-v6{background:rgba(253,224,71,.05);border:1px solid rgba(253,224,71,.3);color:#fde047;padding:4px 16px;border-radius:20px;font-family:JetBrains Mono,monospace;font-weight:800;font-size:16px;min-width:90px;text-align:center}.lang-pill-group-v6{background:rgba(15,23,42,.6);padding:2px;border-radius:8px;display:flex;gap:2px;border:1px solid rgba(255,255,255,.05)}.lang-pill-v6{background:transparent;border:none;color:#94a3b8;padding:3px 10px;font-size:10px;font-weight:800;border-radius:6px;cursor:pointer;transition:all .2s}.lang-pill-v6.active{background:rgba(56,189,248,.15);color:#38bdf8;box-shadow:0 2px 5px rgba(0,0,0,.2)}.action-icon-btn-v6{background:rgba(255,255,255,.03);color:#94a3b8;border:1px solid rgba(255,255,255,.1);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon-btn-v6:hover{color:#fff;background:rgba(255,255,255,.08)}.lang-select-mobile-v6{display:none}.result-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.9);backdrop-filter:blur(25px) saturate(180%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;overflow-x:hidden!important}.result-modal-content{width:100%;max-width:1000px;height:85vh;background:rgba(15,23,42,.8);border-radius:28px;display:flex;flex-direction:column;overflow-x:hidden!important;overflow-y:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -20px rgba(0,0,0,.8);backdrop-filter:blur(10px)}.result-header-pro-v5{padding:14px 24px;background:rgba(15,23,42,.4);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-text-v5 h3{font-size:18px;font-weight:800;margin:0}.brand-text-v5 span{font-size:11px;opacity:.6;font-weight:700}.result-footer-actions{padding:16px 24px;background:rgba(15,23,42,.6);border-top:1px solid var(--border-dim);display:flex;gap:12px;justify-content:flex-end}@media(max-width:600px){.header-top-row-v6{padding:4px 12px}.quiz-title-v6{font-size:13px}.header-bottom-row-v6{padding:2px 10px;gap:4px}.timer-v6{font-size:13px;padding:2px 10px;min-width:60px}.lang-pill-group-v6{display:none}.lang-select-mobile-v6{display:block;background:rgba(15,23,42,.7);border:1px solid rgba(56,189,248,.3);color:#f1f5f9;padding:4px 24px 4px 8px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;height:32px;min-width:90px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .2s}.lang-select-mobile-v6:focus{border-color:#38bdf8;box-shadow:0 0 10px rgba(56,189,248,.2)}.quit-btn-v6 span{display:none}.action-icon-btn-v6{width:30px;height:30px}.result-modal-overlay{padding:0}.result-modal-content{height:100dvh;border-radius:0}.result-header-pro-v5{padding:6px 14px!important;height:40px!important;gap:12px!important;background:rgba(15,23,42,.95)!important;backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08)!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.header-brand-v5{display:flex!important;align-items:center!important;gap:8px!important}.brand-text-v5 h3{font-size:11px!important;font-weight:800!important;margin:0!important;color:#fff}.brand-text-v5 span{display:block!important;font-size:8px!important;color:#f59e0b;font-weight:700;margin-top:-1px}.header-filters-v5{background:rgba(255,255,255,.04)!important;padding:2px!important;display:flex!important;gap:2px!important;border-radius:20px!important;max-width:none!important;flex:1!important;height:24px!important}.filter-tab-v5{flex:1!important;font-size:8px!important;font-weight:700!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;color:rgba(255,255,255,.6)!important;padding:0!important}.filter-tab-v5.active{background:#0ea5e9!important;color:#fff!important;box-shadow:0 4px 12px rgba(14,165,233,.3)!important}.close-btn-v5{background:rgba(255,255,255,.05)!important;width:26px!important;height:26px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:rgba(255,255,255,.8)!important;border:1px solid rgba(255,255,255,.05)!important}.result-footer-actions{padding:2px 6px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(15,23,42,.98);backdrop-filter:blur(10px)}.modal-btn{height:24px!important;font-size:8px!important;font-weight:800;border-radius:4px!important;padding:0 4px!important;white-space:nowrap}.modal-btn svg{width:14px!important;height:14px!important;margin-right:4px!important}}.modal-btn:after{display:none}.modal-btn.primary{background:#10b981!important}.lang-item-pro{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s;border:none;background:transparent}.lang-item-pro.active{background:var(--primary-blue);color:#fff}.theme-toggle-pro{background:var(--card-bg-subtle);color:var(--text-primary);padding:6px 12px;border-radius:8px;display:none;align-items:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-dim)}.focus-toggle-btn{background:rgba(15,23,42,.4);color:#94a3b8;border:1px solid rgba(255,255,255,.1);width:30px;height:30px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.focus-toggle-btn:hover{color:#fff;background:rgba(255,255,255,.05);transform:scale(1.05)}.focus-toggle-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:scale(1.05)}.playing-grid-pro{display:grid;grid-template-columns:1fr;flex:1;min-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.playing-grid-pro.with-sidebar{grid-template-columns:1fr 280px}@media(max-width:900px){.playing-grid-pro.with-sidebar{grid-template-columns:1fr}}.main-question-area{display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden;border-right:1px solid var(--border-dim);transition:background .3s ease}.question-scroll-wrapper{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease}.animating-idle{opacity:1;transform:translate(0)}.animating-next{opacity:0;transform:translate(-30px)}.animating-prev{opacity:0;transform:translate(30px)}.q-metadata-pro{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 4px 10px}.q-count-pro{font-size:13px;font-weight:900;color:#38bdf8;background:rgba(56,189,248,.1);padding:4px 12px;border-radius:20px;border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;gap:8px;letter-spacing:1px;text-shadow:0 0 10px rgba(56,189,248,.3)}.q-count-pro:before{content:"";width:6px;height:6px;background:#38bdf8;border-radius:50%;box-shadow:0 0 8px #38bdf8;animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}to{transform:scale(1);opacity:1}}.q-marks-pro{display:flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.mark-positive{color:#10b981;background:rgba(16,185,129,.1);padding:2px 8px;border-radius:6px;border:1px solid rgba(16,185,129,.2)}.mark-negative{color:#f87171;background:rgba(248,113,113,.1);padding:2px 8px;border-radius:6px;border:1px solid rgba(248,113,113,.2)}.mark-sep{color:var(--text-secondary);opacity:.4;margin:0 2px}.bookmark-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.05)!important}.bookmark-btn:hover{background:rgba(251,191,36,.1)!important;border-color:rgba(251,191,36,.3)!important;transform:translateY(-1px)}.question-text-pro{font-size:1.15rem;line-height:1.6;font-weight:600;padding:24px 30px 32px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-dim);position:relative;box-shadow:0 10px 30px -10px rgba(0,0,0,.15);margin-bottom:12px;transition:opacity .3s ease;overflow:visible;z-index:1;flex-shrink:0;min-height:min-content}.question-text-pro:after{content:"?";position:absolute;right:5px;bottom:-10px;font-size:100px;font-weight:900;color:var(--primary-blue);opacity:.04;transform:rotate(-15deg);pointer-events:none;z-index:-1}.question-text-pro:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,var(--primary-blue),#60a5fa)}@keyframes questionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .question-text-pro{background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.08);border-color:#e2e8f0}@media(max-width:600px){.question-text-pro{font-size:1.05rem;padding:16px 18px 24px;border-radius:12px}.option-box-pro{padding:10px 14px;border-radius:10px}.opt-text-pro{font-size:14px}.question-scroll-wrapper{padding:10px 12px;gap:8px}}.progress-container-pro{height:3px;background:var(--card-bg-subtle);border-radius:2px;overflow:hidden;margin-bottom:-2px}.progress-bar-pro{height:100%;background:linear-gradient(90deg,var(--primary-blue),#60a5fa);transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(59,130,246,.3)}.options-grid-pro{display:flex;flex-direction:column;gap:10px}.option-box-pro{display:flex;align-items:center;padding:14px 18px;background:var(--card-bg-subtle);border:1px solid var(--border-dim);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:14px;flex-shrink:0;min-height:min-content}.option-box-pro:hover{border-color:var(--border-active);background:rgba(59,130,246,.05)}.playing-grid-pro.zen-mode{grid-template-columns:100%!important}.playing-grid-pro.zen-mode .main-question-area{width:100%;max-width:900px;margin:0 auto;border-right:none}.action-icon-btn-v6.active{background:rgba(56,189,248,.15);color:#38bdf8;border-color:rgba(56,189,248,.3)}.playing-grid-pro.zen-mode .navigation-footer-pro{max-width:900px;margin:0 auto;width:100%}.option-box-pro.selected{border-color:var(--primary-blue);background:rgba(59,130,246,.1)}:root[data-theme=light] .option-box-pro{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.02)}:root[data-theme=light] .option-box-pro:hover{background:#f8fafc}:root[data-theme=light] .option-box-pro.selected{background:#f0f9ff;border-color:var(--primary-blue)}.opt-circle-pro{width:26px;height:26px;border-radius:50%;border:2px solid var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;color:var(--text-secondary);transition:all .2s}.option-box-pro:hover .opt-circle-pro{border-color:var(--primary-blue);color:var(--primary-blue)}.option-box-pro.selected .opt-circle-pro{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.opt-text-pro{font-size:16px;flex:1}.navigation-footer-pro{background:var(--header-bg);backdrop-filter:var(--glass-blur);padding:12px 24px;border-top:1px solid var(--border-dim);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;flex-shrink:0}.nav-group-left,.nav-group-right{display:flex;gap:12px}.nav-btn-pro{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1.5px solid transparent}.btn-prev-pro{background:rgba(148,163,184,.1);color:var(--text-primary);border-color:var(--border-dim)}.btn-prev-pro:hover:not(:disabled){background:rgba(148,163,184,.2);transform:translate(-2px)}.btn-review-pro{background:rgba(245,158,11,.1);color:#f59e0b;border-color:rgba(245,158,11,.3)}.btn-review-pro.active{background:#f59e0b;color:#fff;box-shadow:0 0 15px rgba(245,158,11,.4)}.btn-review-pro:hover{background:rgba(245,158,11,.2)}.btn-next-pro{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3);border:none;position:relative;overflow:hidden;z-index:1}.btn-next-pro:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#60a5fa,#3b82f6);opacity:0;z-index:-1;transition:opacity .3s ease}.btn-next-pro:hover:not(:disabled){transform:translate(4px);box-shadow:0 8px 20px rgba(37,99,235,.5)}.btn-next-pro:hover:not(:disabled):before{opacity:1}.btn-submit-pro{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 12px rgba(16,185,129,.3);padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-submit-pro:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(16,185,129,.4)}.nav-btn-pro:disabled{opacity:.4;cursor:not-allowed;transform:none!important}@media(max-width:600px){.navigation-footer-pro{padding:6px 10px;padding-bottom:env(safe-area-inset-bottom,6px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"prev mark next" "submit submit submit";gap:6px;background:rgba(15,23,42,.98);border-top:1.5px solid var(--border-dim);backdrop-filter:blur(10px)}.btn-prev-pro{grid-area:prev}.btn-review-pro{grid-area:mark}.btn-next-pro{grid-area:next}.btn-submit-pro{grid-area:submit}.nav-btn-pro{padding:8px 4px;font-size:10px;font-weight:700;justify-content:center;flex-direction:row;gap:4px;border-radius:8px;min-height:36px}.btn-submit-pro{margin-top:2px;padding:8px;font-size:13px;letter-spacing:1px;background:#10b981!important;flex-direction:row;gap:8px;min-height:38px}.nav-btn-pro span{display:none}}.sidebar-palette-pro{background:var(--sidebar-gradient);backdrop-filter:blur(20px);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:hidden;border-left:1px solid var(--border-dim);height:100%;position:relative;box-shadow:-10px 0 30px rgba(0,0,0,.05)}.palette-heading-pro{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.palette-heading-pro .title-flex{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--text-primary)}.palette-legend-pro{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.legend-item-pro{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-secondary)}.legend-dot-pro{width:12px;height:12px;border-radius:4px;flex-shrink:0}.dot-not-visited{background:#475569}.dot-answered{background:#10b981}.dot-review{background:#f59e0b}.dot-not-answered{background:#ef4444}.palette-stats-pro{margin-top:auto;padding:16px;background:rgba(0,0,0,.2);border-radius:16px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.05)}.stat-row-pro{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text-secondary)}.stat-row-pro span:last-child{font-weight:800;font-family:JetBrains Mono,monospace}.val-blue{color:#3b82f6}.val-red{color:#ef4444}.val-orange{color:#f59e0b}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center}.share-card-container{width:100%;max-width:380px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.5);text-align:center;position:relative;overflow:hidden;margin:16px}.share-card-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 60%);animation:rotateBg 10s linear infinite;pointer-events:none}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-badges{display:flex;justify-content:center;gap:10px;margin:15px 0;flex-wrap:wrap}.badge-pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:20px;font-size:.85rem;color:var(--text-primary);display:flex;align-items:center;gap:6px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) backwards}.badge-pill:nth-child(1){animation-delay:.2s}.badge-pill:nth-child(2){animation-delay:.3s}.badge-pill:nth-child(3){animation-delay:.4s}.badge-pill span{font-size:1.1em}.stars-row{font-size:1.5rem;letter-spacing:4px;margin-top:5px;height:30px}.star-filled{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.6));animation:popIn .4s backwards}.star-empty{color:rgba(255,255,255,.2)}.share-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:2}.share-card-header h3{margin:0;color:#f8fafc;font-size:18px;font-weight:700}.close-share-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;display:flex;align-items:center}.close-share-btn:hover{background:rgba(255,255,255,.1);color:#fff}.score-badge-visual{position:relative;z-index:2;margin-bottom:24px}.score-ring{width:120px;height:120px;margin:0 auto 12px;border-radius:50%;background:var(--bg-card);border:4px solid #8b5cf6;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 20px rgba(139,92,246,.4);animation:pulseRing 2s infinite}@keyframes pulseRing{0%{box-shadow:0 0 10px rgba(139,92,246,.4)}50%{box-shadow:0 0 25px rgba(139,92,246,.6)}to{box-shadow:0 0 10px rgba(139,92,246,.4)}}.score-big{font-size:42px;font-weight:800;color:#fff;line-height:1}.score-label{font-size:10px;color:#8b5cf6;font-weight:700;letter-spacing:1px;margin-top:4px}.stars-row{font-size:24px;margin-top:12px;filter:drop-shadow(0 0 5px rgba(251,191,36,.5))}.share-details{position:relative;z-index:2;margin-bottom:32px}.share-title{color:#cbd5e1;font-size:14px;margin-bottom:8px;font-weight:500}.share-subtitle{background:linear-gradient(90deg,#c084fc,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:16px}.share-actions-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;position:relative;z-index:2}.share-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#e2e8f0;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;gap:8px;min-height:80px}.share-action-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);border-color:rgba(255,255,255,.2)}.share-action-btn.whatsapp{border-color:rgba(34,197,94,.3);color:#4ade80;background:rgba(34,197,94,.05)}.share-action-btn.whatsapp:hover{background:rgba(34,197,94,.15);box-shadow:0 4px 12px rgba(34,197,94,.2)}.btn-icon{font-size:24px}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.dot-not-visited{background:linear-gradient(135deg,#64748b,#475569);color:rgba(100,116,139,.5)}.legend-info{display:flex;flex-direction:column;gap:2px}.info-val{font-size:13px;font-weight:800;color:var(--text-primary);line-height:1}.info-label{font-size:8px;text-transform:uppercase;font-weight:700;color:var(--text-secondary);letter-spacing:.5px}.palette-grid-wrapper{flex:1;overflow-y:auto;padding:2px;margin-right:-4px}.palette-grid-wrapper::-webkit-scrollbar{width:4px}.palette-grid-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}.palette-grid-pro{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px 5px}@media(max-width:600px){.palette-grid-pro{grid-template-columns:repeat(6,1fr);gap:8px}}.palette-item-pro{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;cursor:pointer;background:var(--card-bg-subtle);color:var(--text-secondary);border:1px solid var(--border-dim);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;user-select:none;text-shadow:none}.palette-item-pro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.palette-item-pro:hover{transform:translateY(-4px) scale(1.08);border-color:var(--primary-blue);box-shadow:0 10px 20px -5px rgba(0,0,0,.1);color:var(--text-primary);background:var(--bg-card)}.palette-item-pro:hover:before{opacity:1}.palette-item-pro.answered{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.25));color:#059669;border-color:rgba(16,185,129,.4);box-shadow:0 4px 12px rgba(16,185,129,.1)}.palette-item-pro.review{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.3));color:#d97706;border-color:rgba(245,158,11,.5);box-shadow:0 4px 11px rgba(245,158,11,.1)}.palette-item-pro.review:after{content:"★";position:absolute;top:2px;right:3px;font-size:8px;color:#fbbf24;text-shadow:0 0 5px rgba(245,158,11,.8)}.palette-item-pro.not-answered{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.3));color:#dc2626;border-color:rgba(239,68,68,.4);box-shadow:0 4px 12px rgba(239,68,68,.1)}.palette-item-pro.current{background:linear-gradient(135deg,var(--primary-blue),#2563eb)!important;color:#fff!important;border-color:#60a5fa!important;box-shadow:0 8px 16px -4px rgba(59,130,246,.5),0 0 20px rgba(59,130,246,.3),inset 0 0 10px rgba(255,255,255,.2)!important;z-index:10;transform:scale(1.15)}@keyframes cascadeIn{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.palette-action-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.1);animation:cascadeIn .6s cubic-bezier(.23,1,.32,1) .2s both}.bookmark-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.03)!important;border:1px solid var(--border-dim)!important;color:var(--text-secondary)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer;position:relative;overflow:hidden}.bookmark-btn:hover{background:rgba(255,255,255,.08)!important;transform:translateY(-2px);border-color:rgba(255,255,255,.2)!important;color:var(--text-primary)!important}.bookmark-btn.active{background:rgba(245,158,11,.1)!important;border-color:rgba(245,158,11,.4)!important;color:#fbbf24!important;animation:bookmarkPop .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px rgba(245,158,11,.2)}.bookmark-btn:active{transform:scale(.9)}@keyframes bookmarkPop{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(15deg)}to{transform:scale(1)}}.q-marks-pro{display:flex;align-items:center;gap:4px;padding:6px 14px;background:rgba(15,23,42,.4);border:1px solid var(--border-dim);border-radius:12px;font-size:13px;font-weight:800}.submit-test-btn-sidebar{width:100%;padding:8px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.1);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(16,185,129,.3),inset 0 0 rgba(255,255,255,0);position:relative;overflow:hidden}.submit-test-btn-sidebar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.submit-test-btn-sidebar:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(16,185,129,.5),inset 0 0 20px rgba(255,255,255,.1);filter:brightness(1.1)}.submit-test-btn-sidebar:hover:after{opacity:1}.submit-test-btn-sidebar:active{transform:translateY(0)}.quiz-player-container{background:var(--bg-main);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.start-screen,.results-container{background:var(--bg-card);border:1px solid var(--border-dim);max-width:1600px;width:98%;padding:0;border-radius:24px;box-shadow:0 40px 100px -20px rgba(0,0,0,.7);text-align:center;overflow:hidden;margin:5px auto;display:flex;flex-direction:column}.score-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,#1e40af 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto;box-shadow:0 0 30px rgba(59,130,246,.4)}.score-circle .score{font-size:32px;font-weight:800}.percentage{font-size:24px;font-weight:700;color:var(--primary-blue);margin-bottom:20px}.result-header-pro-v5{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:rgba(15,23,42,.4);border-bottom:1px solid var(--border-dim);flex-shrink:0}.header-brand-v5{display:flex;align-items:center;gap:12px}.brand-text-v5{display:flex;flex-direction:column}.brand-text-v5 h3{font-size:15px;font-weight:800;margin:0;color:#fff}.brand-text-v5 span{font-size:10px;color:#fbbf24;font-weight:700}.header-filters-v5{display:flex;gap:4px;background:rgba(0,0,0,.2);padding:3px;border-radius:8px;border:1px solid var(--border-dim)}.filter-tab-v5{padding:4px 12px;font-size:11px;font-weight:700;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s}.filter-tab-v5.active{background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.3)}.header-actions-v5 .close-btn-v5{background:rgba(255,255,255,.05);border:none;color:var(--text-secondary);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-actions-v5 .close-btn-v5:hover{background:var(--primary-red);color:#fff}.status.passed{background:rgba(16,185,129,.1);color:var(--primary-green);border:2px solid var(--primary-green)}.status.failed{background:rgba(239,68,68,.1);color:var(--primary-red);border:2px solid var(--primary-red)}.result-actions{display:flex;gap:16px;justify-content:center;margin-top:40px}.retake-btn,.back-btn{padding:14px 28px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;border:none}.retake-btn{background:var(--primary-blue);color:#fff}.back-btn{background:rgba(255,255,255,.05);color:var(--text-primary);border:1px solid var(--border-dim)}.retake-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.review-section{margin-top:60px;text-align:left}.review-section h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.review-list{display:flex;flex-direction:column;gap:20px}.review-card{background:rgba(255,255,255,.02);border:1px solid var(--border-dim);border-radius:16px;padding:24px;transition:all .2s}.review-card.correct{border-left:4px solid var(--primary-green)}.review-card.incorrect{border-left:4px solid var(--primary-red)}.review-q-header{display:flex;justify-content:space-between;margin-bottom:16px}.q-index{font-weight:700;color:var(--primary-blue)}.review-q-text{font-size:16px;font-weight:500;line-height:1.5;margin-bottom:16px}.review-options{display:flex;flex-direction:column;gap:10px}.review-opt{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.03);border-radius:8px;font-size:15px;position:relative}.review-opt.is-correct{background:rgba(16,185,129,.1);border:1px solid var(--primary-green)}.review-opt.is-wrong{background:rgba(239,68,68,.1);border:1px solid var(--primary-red)}.opt-status-tag{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px}.is-correct .opt-status-tag{background:var(--primary-green);color:#fff}.is-wrong .opt-status-tag{background:var(--primary-red);color:#fff}.palette-toggle-btn{display:none!important}.mobile-close-btn{display:flex;margin-left:auto;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.result-stats-grid-pro.compact-strip{display:flex;justify-content:space-between;padding:6px 20px;background:rgba(15,23,42,.2);border-bottom:1px solid var(--border-dim);gap:8px}.result-stats-grid-pro.compact-strip .stat-card-pro{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.02);padding:2px 10px;border-radius:8px;flex:1}.result-stats-grid-pro.compact-strip .stat-value-pro{font-size:13px;font-weight:900}.result-stats-grid-pro.compact-strip .stat-icon{opacity:.8}.result-stats-grid-pro.compact-strip .stat-label-pro{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.result-stats-grid-pro.compact-strip .stat-value-pro{font-size:16px;font-weight:900}@media(max-width:900px){.playing-grid-pro{grid-template-columns:1fr}.sidebar-palette-pro{position:fixed;top:auto;bottom:0;right:0;left:0;height:auto;max-height:85vh;width:100%;max-width:100%;z-index:1000;box-shadow:0 -10px 40px rgba(0,0,0,.5);border-left:none;border-top:1.5px solid var(--border-active);background:var(--bg-card);transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,20px)}.sidebar-palette-pro.mobile-open{transform:translateY(0)}.hide-mobile{display:none!important}.sidebar-palette-pro:before{content:"";width:40px;height:5px;background:rgba(255,255,255,.1);border-radius:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center}.quit-modal-card{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:550px;padding:0;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);color:#fff}.modal-header-row{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header-row h3{margin:0;font-size:20px;font-weight:800}.modal-close-x{background:#1e293b;border:none;color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-stats-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.modal-stat-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;color:#94a3b8;text-transform:capitalize}.stat-value{font-size:24px;font-weight:800}.cyan-text{color:#22d3ee}.modal-info-text{padding:0 24px;color:#94a3b8;font-size:14px;margin-bottom:24px}.modal-actions-row{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.05)}.modal-btn-pro{padding:12px 24px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.continue-btn{background:rgba(14,165,233,.133);border:1.5px solid #0ea5e944;color:#0ea5e9}.continue-btn:hover{background:#0ea5e9;color:#fff}.quit-btn-final{background:rgba(248,113,113,.067);border:1.5px solid #f8717144;color:#f87171}.quit-btn-final:hover{background:#f87171;color:#fff}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideInSidebar{0%{transform:translate(100%)}to{transform:translate(0)}}.result-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.result-modal-content{background:var(--bg-card);border:1px solid var(--border-dim);width:100%;max-width:1000px;height:85vh;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary);transition:all .3s ease}@media(max-width:600px){.result-modal-content{height:100vh;height:100dvh;max-height:100dvh;border-radius:0}}.animate-pop-in{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--card-bg-subtle);border-bottom:1px solid var(--border-dim)}.header-celebration{display:flex;align-items:center;gap:16px}.header-trophy{color:#fbbf24;filter:drop-shadow(0 0 10px rgba(251,191,36,.3));animation:trophyReveal .8s cubic-bezier(.34,1.56,.64,1)}@keyframes trophyReveal{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.header-text-group{display:flex;flex-direction:column}.celebration-title{margin:0;font-size:24px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.celebration-subtitle{font-size:13px;color:var(--text-secondary);font-weight:500;opacity:.8}.close-result-btn-pro{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-result-btn-pro:hover{background:var(--primary-red);color:#fff;border-color:var(--primary-red);transform:rotate(90deg)}.result-stats-grid-pro{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:24px;background:var(--bg-main);border-bottom:1px solid var(--border-dim)}@media(max-width:1300px){.result-stats-grid-pro{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.result-stats-grid-pro{grid-template-columns:repeat(2,1fr);padding:12px}}@keyframes statPopIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.stat-card-pro{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:statPopIn .5s ease-out backwards}.stat-card-pro:nth-child(1){animation-delay:.1s}.stat-card-pro:nth-child(2){animation-delay:.2s}.stat-card-pro:nth-child(3){animation-delay:.3s}.stat-card-pro:nth-child(4){animation-delay:.4s}.stat-card-pro:nth-child(5){animation-delay:.5s}.stat-card-pro:nth-child(6){animation-delay:.6s}.stat-card-pro:hover{transform:translateY(-4px);border-color:var(--primary-blue);box-shadow:0 10px 20px -10px rgba(0,0,0,.5)}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:rgba(59,130,246,.1);color:#3b82f6}.stat-icon.orange{background:rgba(245,158,11,.1);color:#f59e0b}.stat-icon.green{background:rgba(16,185,129,.1);color:#10b981}.stat-icon.red{background:rgba(239,68,68,.1);color:#ef4444}.stat-icon.purple{background:rgba(139,92,246,.1);color:#8b5cf6}.stat-icon.yellow{background:rgba(234,179,8,.1);color:#eab308}.stat-content{display:flex;flex-direction:column}.stat-label-pro{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.7}.stat-value-pro{font-size:18px;font-weight:900;color:var(--text-primary);line-height:1.2;font-family:JetBrains Mono,monospace}@media(max-width:768px){.result-stats-grid-pro{grid-template-columns:repeat(2,1fr);padding:16px;gap:10px}.stat-card-pro{padding:12px;gap:10px}.stat-value-pro{font-size:16px}}.text-blue{color:#60a5fa}.text-green{color:#34d399}.text-red{color:#f87171}.text-purple{color:#a78bfa}.text-orange{color:#fbbf24}.performance-summary-area{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 24px;background:var(--bg-main)}.xp-gain-card-pro,.achievements-card-pro,.chart-card-pro{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s}.xp-gain-card-pro:hover,.achievements-card-pro:hover,.chart-card-pro:hover{border-color:rgba(59,130,246,.3);box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}.xp-header-pro{display:flex;justify-content:space-between;align-items:center}.xp-title-group{display:flex;align-items:center;gap:8px}.xp-label-main{font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.xp-value-main{font-size:16px;font-weight:900;color:#fbbf24}.xp-bar-container-pro{height:10px;background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;position:relative}.xp-bar-fill-pro{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:20px;position:relative;box-shadow:0 0 10px rgba(251,191,36,.3)}.xp-shimmer-pro{position:absolute;top:0;left:0;width:40px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:xpShimmerMove 2s infinite linear}@keyframes xpShimmerMove{0%{transform:translate(-40px)}to{transform:translate(200px)}}.mastery-badge-pro{font-size:11px;font-weight:700;color:var(--text-primary);background:rgba(255,255,255,.05);padding:6px;border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,.05)}.ach-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase}.ach-list-pro{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:120px}.ach-item-mini{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.02);padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.ach-icon-mini{font-size:20px}.ach-info-mini{display:flex;flex-direction:column}.ach-name-mini{font-size:12px;font-weight:700;color:var(--text-primary)}.ach-desc-mini{font-size:9px;color:var(--text-secondary)}.ach-empty-pro{font-size:11px;color:var(--text-secondary);text-align:center;padding:20px;opacity:.6}.performance-summary-area.horizontal{display:flex;gap:12px;padding:3px 20px;background:rgba(15,23,42,.05);border-bottom:1px solid var(--border-dim);align-items:center}.performance-summary-area.horizontal .compact-v2{display:flex;align-items:center;gap:10px;padding:4px 12px;background:rgba(255,255,255,.02);border:1px solid var(--border-dim);border-radius:10px;flex:1;min-height:0}.xp-header-pro{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.xp-bar-container-pro.mini{width:60px;height:4px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden}.mastery-badge-pro.mini{font-size:9px;font-weight:800;color:var(--primary-blue);text-transform:uppercase}.ach-header.mini{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--text-secondary)}.ach-list-pro.mini-scroll{display:flex;gap:4px}.ach-item-mini-v3{font-size:14px}.chart-card-pro.compact-v2{flex:0 0 auto;width:120px;height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;position:relative}.chart-accuracy-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-accuracy-center .val{font-size:14px;font-weight:900}.chart-accuracy-center .lbl{font-size:8px;font-weight:700;opacity:.6;text-transform:uppercase}.chart-card-pro{position:relative;display:flex;align-items:center;justify-content:center}.chart-center-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.pct-val{font-size:24px;font-weight:900;color:var(--text-primary);line-height:1}.pct-lbl{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;margin-top:2px}.status-badge-v2{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:800}.review-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.review-q-num{font-weight:800;color:var(--primary-blue);font-size:13px;background:rgba(59,130,246,.1);padding:2px 8px;border-radius:6px}.review-status-badge{font-size:9px;font-weight:800;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.bg-green{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.bg-red{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.bg-yellow{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.review-question-text{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:6px;color:var(--text-primary);padding:0}.review-answer-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.review-answer-row{grid-template-columns:1fr}}.result-footer-actions{flex-shrink:0;padding:12px 20px;background:var(--card-bg-subtle);border-top:1px solid var(--border-dim);display:flex;justify-content:flex-end;gap:12px}@media(max-width:600px){.result-footer-actions{flex-direction:column;gap:8px;padding:12px}.result-footer-actions .modal-btn{width:100%;justify-content:center;padding:12px}}.modal-btn{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px;border:1px solid transparent}.modal-btn.secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-dim)}.modal-btn.secondary:hover{color:var(--primary-blue);background:var(--card-bg-subtle)}.modal-btn.primary{background:var(--primary-blue);color:#fff;border:none;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.modal-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.toast-notification-pro{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#334155;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:2000;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;pointer-events:none;border:1px solid rgba(255,255,255,.1)}.toast-notification-pro.active{transform:translate(-50%) translateY(0);opacity:1}:root[data-theme=light] .toast-notification-pro{background:#fff;color:#1e293b;border:1px solid #e2e8f0;box-shadow:0 10px 25px rgba(0,0,0,.1)}.leaderboard-section{padding:0 24px 40px;border-top:1px solid var(--border-dim);background:var(--bg-main)}.lb-header{display:flex;align-items:center;gap:12px;margin:32px 0 24px}.trophy-icon{color:#fbbf24;background:rgba(251,191,36,.1);padding:10px;border-radius:12px}.lb-header h3{margin:0;font-size:20px;font-weight:800}.lb-subtitle{font-size:12px;color:var(--text-secondary);margin-left:auto}.lb-empty-premium{padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:rgba(255,255,255,.02);border:1px dashed var(--border-dim);border-radius:20px}.empty-visual{position:relative;margin-bottom:8px;animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lb-empty-premium h4{margin:0;font-size:18px;font-weight:800;color:#fbbf24}.lb-empty-premium p{font-size:13px;color:var(--text-secondary);max-width:300px}.lb-list-pro{display:flex;flex-direction:column;gap:10px}.lb-item-pro{display:flex;align-items:center;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:16px;gap:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.lb-item-pro:hover{transform:scale(1.01) translate(4px);border-color:var(--primary-blue);background:rgba(59,130,246,.05)}.lb-item-pro.top-rank{background:linear-gradient(90deg,rgba(251,191,36,.05),transparent);border-color:rgba(251,191,36,.2)}.lb-item-pro.is-me{border-color:var(--primary-blue);background:rgba(59,130,246,.1);box-shadow:0 0 15px rgba(59,130,246,.1)}.lb-rank-badge{font-size:14px;font-weight:900;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.lb-user-details{display:flex;align-items:center;gap:14px;flex:1}.lb-avatar-pro,.lb-avatar-placeholder-pro{width:38px;height:38px;border-radius:50%;border:2px solid var(--border-dim)}.lb-avatar-placeholder-pro{background:var(--card-bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.lb-item-pro.is-me .lb-avatar-pro{border-color:var(--primary-blue)}.lb-meta{display:flex;flex-direction:column}.lb-name-pro{font-size:15px;font-weight:700;color:var(--text-primary)}.top-performer-tag{font-size:9px;font-weight:900;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px}.lb-stats-group{display:flex;align-items:center;gap:24px}.lb-score-box{display:flex;flex-direction:column;align-items:flex-end}.lb-score-val{font-size:16px;font-weight:800;color:#10b981;font-family:JetBrains Mono,monospace}.lb-score-pct{font-size:11px;color:var(--text-secondary);font-weight:600}.lb-time-box{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);font-weight:600;padding-left:12px;border-left:1px solid var(--border-dim)}@media(max-width:600px){.lb-stats-group{gap:12px}.lb-time-box{display:none}.lb-item-pro{padding:10px 14px}}@keyframes pulse-soft{0%{box-shadow:0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 8px rgba(59,130,246,0)}to{box-shadow:0 0 rgba(59,130,246,0)}}.palette-item-pro.current.pulse{animation:pulse-soft 2s infinite}.lb-item-mini-v2{display:flex;align-items:center;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid var(--border-dim);border-radius:12px;margin-bottom:8px;gap:12px;transition:all .2s}.lb-item-mini-v2:hover{background:rgba(59,130,246,.05);border-color:var(--primary-blue)}.lb-rank-mini{font-size:13px;font-weight:800;min-width:24px}.lb-name-mini{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.lb-score-mini{text-align:right;display:flex;flex-direction:column}.lb-score-primary{font-size:13px;font-weight:800;color:#10b981}.lb-score-secondary{font-size:10px;color:var(--text-secondary);font-weight:600}.review-section-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--border-dim)}.result-review-section-pro{display:flex;flex-direction:column;background:var(--bg-main);border-top:1px solid var(--border-dim);flex:1;min-height:500px;overflow:hidden}.review-section-header-pro{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:rgba(15,23,42,.4);border-bottom:1px solid var(--border-dim)}.header-left-pro-v2{display:flex;align-items:center;gap:12px}.header-left-pro-v2 h3{font-size:16px;font-weight:800;color:var(--text-primary)}.review-count-pro-v2{font-size:12px;color:var(--text-secondary);font-weight:600}.review-split-layout-pro{display:flex;flex:1;min-height:0;height:100%}.review-navigation-sidebar-pro{width:200px;border-right:1px solid var(--border-dim);background:rgba(15,23,42,.2);display:flex;flex-direction:column}.sidebar-scroll-pro-v2{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:start}.review-nav-item-pro{aspect-ratio:1;border-radius:8px;border:1.5px solid var(--border-dim);background:var(--bg-card);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:4px}.q-num-mini-pro{font-size:11px;font-weight:800;color:var(--text-secondary)}.q-status-indicator-pro{width:6px;height:6px;border-radius:50%;margin-top:4px;background:#475569}.review-nav-item-pro.active{border-color:var(--primary-blue);background:rgba(59,130,246,.1);transform:scale(1.05)}.review-nav-item-pro.active .q-num-mini-pro{color:var(--primary-blue)}.review-nav-item-pro.correct .q-status-indicator-pro{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.4)}.review-nav-item-pro.wrong .q-status-indicator-pro{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.4)}.review-nav-item-pro.skipped .q-status-indicator-pro{background:#94a3b8}.review-detail-content-pro-v2{flex:1;overflow-y:auto;padding:32px;background:radial-gradient(circle at center,rgba(15,23,42,.4),transparent)}.review-card-pro-v3{max-width:800px;margin:0 auto;background:var(--bg-card);border-radius:24px;border:1px solid var(--border-dim);padding:32px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5);animation:slideUp .4s ease-out}.review-card-header-v3{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.q-badge-v3{font-size:13px;font-weight:800;color:var(--primary-blue);letter-spacing:1px;text-transform:uppercase;background:rgba(59,130,246,.1);padding:4px 12px;border-radius:8px}.status-pill-v3{font-size:12px;font-weight:700;padding:6px 14px;border-radius:50px;text-transform:uppercase}.status-pill-v3.correct{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-pill-v3.wrong{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-pill-v3.skipped{background:rgba(148,163,184,.1);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.review-question-text-v3{font-size:18px;font-weight:600;line-height:1.6;color:var(--text-primary);margin-bottom:32px}.review-options-grid-v3{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.comparison-box-v3{background:rgba(255,255,255,.02);border:1.5px solid var(--border-dim);border-radius:16px;padding:20px;position:relative;transition:transform .2s}.box-tag-v3{position:absolute;top:-10px;left:16px;background:var(--bg-card);padding:0 8px;font-size:9px;font-weight:800;color:var(--text-secondary);letter-spacing:.5px}.box-content-v3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px}.opt-lbl-v3{width:24px;height:24px;background:var(--primary-blue);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.comparison-box-v3.good{border-color:#10b981;background:rgba(16,185,129,.03)}.comparison-box-v3.bad{border-color:#ef4444;background:rgba(239,68,68,.03)}.comparison-box-v3.solution{border-color:var(--primary-blue);background:rgba(59,130,246,.03)}.review-explanation-v3{background:var(--card-bg-subtle);border:1px dashed var(--border-dim);border-radius:16px;padding:24px}.results-bottom-layout-pro-v5{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--bg-main)}.sidebar-header-v5{padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-dim);background:rgba(255,255,255,.02)}.sidebar-stats-grid-v5{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.sidebar-stat-v5-mini{display:flex;flex-direction:column;padding:8px;background:rgba(255,255,255,.02);border:1px solid var(--border-dim);border-radius:10px}.sidebar-stat-v5-mini .label{font-size:9px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.sidebar-stat-v5-mini .value{font-size:16px;font-weight:900}.sidebar-stat-v5-mini .value.orange{color:#f59e0b}.sidebar-stat-v5-mini .value.purple{color:#8b5cf6}.sidebar-chart-box-v5{position:relative;padding:10px 0;border-bottom:1px solid var(--border-dim)}.chart-inner-val-v5{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:900;pointer-events:none}.lb-header-pro{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(15,23,42,.4);border-bottom:1px solid var(--border-dim)}.lb-header-pro h3{font-size:16px;font-weight:800}.lb-subtitle{font-size:11px;color:var(--text-secondary);font-weight:600}.lb-content-scrollable{flex:1;overflow-y:auto;padding:16px}.exp-label-v3{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--text-secondary);margin-top:2px}.lb-stats-mini .sep{opacity:.3}.sep{color:var(--text-secondary)}.val-text{font-weight:700}.lb-item-pro{padding:12px 16px;border-radius:12px}.lb-item-pro.top-rank{background:linear-gradient(90deg,rgba(251,191,36,.08),transparent)}@media(max-width:1200px){.results-bottom-layout-pro{grid-template-columns:1fr}.result-review-section-pro{border-right:none;border-bottom:1px solid var(--border-dim)}.leaderboard-section-pro{min-height:400px}}@media(min-width:1024px){.playing-grid-pro{grid-template-columns:1fr 340px!important}.sidebar-palette-pro{display:flex!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;box-shadow:none!important;border-right:none!important}.focus-toggle-btn{display:none}}.review-filter-tabs-pro{display:flex;gap:8px;background:rgba(255,255,255,.03);padding:4px;border-radius:12px;border:1px solid var(--border-dim)}.filter-tab-pro{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;border:none;cursor:pointer;text-transform:capitalize;white-space:nowrap}.filter-tab-pro:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.filter-tab-pro.active{background:var(--primary-blue);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.review-navigation-sidebar-pro{width:280px;background:rgba(15,23,42,.3);border-right:1px solid var(--border-dim);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header-v5{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(15,23,42,.4);border-bottom:1px solid var(--border-dim);font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;flex-shrink:0}.sidebar-header-v5 span{text-shadow:0 0 10px rgba(56,189,248,.3)}.chart-accuracy-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at center,rgba(30,41,59,.4),rgba(15,23,42,.6));width:65px;height:65px;border-radius:50%;justify-content:center;backdrop-filter:blur(8px);box-shadow:inset 0 0 10px rgba(56,189,248,.1),0 0 20px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05)}.chart-accuracy-center .val{font-size:16px;font-weight:950;line-height:1;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.chart-accuracy-center .lbl{font-size:7px;font-weight:800;opacity:.5;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.sidebar-sts-overview-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 16px;background:rgba(15,23,42,.4);border-bottom:1px solid rgba(255,255,255,.05)}.sts-small-card{display:flex;flex-direction:column;align-items:center;padding:14px 6px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.sts-small-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:0 10px 15px -3px rgba(0,0,0,.2)}.sts-small-card .sc-val{font-size:20px;font-weight:900;margin-bottom:4px;font-family:JetBrains Mono,monospace}.sts-small-card .sc-lbl{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;opacity:.4}.sts-small-card.correct{border-top:2px solid #10b981}.sts-small-card.correct .sc-val{color:#10b981;text-shadow:0 0 15px rgba(16,185,129,.3)}.sts-small-card.wrong{border-top:2px solid #ef4444}.sts-small-card.wrong .sc-val{color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,.3)}.sts-small-card.skipped{border-top:2px solid #64748b}.sts-small-card.skipped .sc-val{color:#94a3b8}.sidebar-scroll-pro-v2{padding:20px 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow-y:auto;overflow-x:hidden;background:rgba(15,23,42,.1)}.review-nav-item-pro-v4{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:12px;background:rgba(30,41,59,.4);border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);padding:4px}.review-nav-item-pro-v4:hover{background:rgba(255,255,255,.08);transform:scale(1.05);border-color:rgba(255,255,255,.15)}.review-nav-item-pro-v4.active{background:rgba(56,189,248,.1)!important;border:2px solid #38bdf8!important;color:#fff!important;box-shadow:0 0 15px rgba(56,189,248,.2)}.review-nav-item-pro-v4.correct{background:rgba(16,185,129,.04)}.review-nav-item-pro-v4.correct .q-num-v4{color:#10b981}.review-nav-item-pro-v4.correct .q-icon-v4{color:#10b981;opacity:1}.review-nav-item-pro-v4.wrong{background:rgba(239,68,68,.04)}.review-nav-item-pro-v4.wrong .q-num-v4{color:#ef4444}.review-nav-item-pro-v4.wrong .q-icon-v4{color:#ef4444;opacity:1}.review-nav-item-pro-v4.skipped .q-icon-v4{color:#94a3b8;opacity:.4}.q-num-v4{font-size:13px;font-weight:800}.q-icon-v4{font-size:8px;opacity:.8}.review-detail-content-pro-v4{flex:1;overflow-y:auto;background:var(--bg-main);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border-dim) transparent}.panel-header-label-v4{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 24px;background:rgba(15,23,42,.4);border-bottom:1px solid var(--border-dim);font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.review-lang-select-v4{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:2px 24px 2px 10px;border-radius:6px;font-size:10px;font-weight:800;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;height:24px}.review-detail-content-pro-v4::-webkit-scrollbar{width:6px}.review-detail-content-pro-v4::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:10px}.review-pane-v4{padding:16px 32px 40px;width:100%;max-width:850px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.review-pane-header-v4{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-dim);padding-bottom:12px}.pane-title-group-v4{display:flex;flex-direction:column;gap:8px}.q-index-pill-v4{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.status-badge-v4{padding:8px 16px;border-radius:10px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.status-badge-v4.correct{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 15px rgba(16,185,129,.1)}.status-badge-v4.wrong{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3);box-shadow:0 0 15px rgba(239,68,68,.1)}.status-badge-v4.skipped{background:rgba(148,163,184,.1);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.difficulty-tag-v4{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);padding:6px 12px;border-radius:30px;font-size:11px;font-weight:700;color:var(--text-secondary)}.question-text-big-v4{font-size:18px;font-weight:700;line-height:1.5;color:var(--text-primary);text-align:left;padding:0 0 12px;border-bottom:1px dashed var(--border-dim);margin:0}.review-comparison-v4{display:flex;flex-direction:column;gap:16px}.solution-row-v4{display:flex;flex-direction:column;gap:8px}.row-label-v4{font-size:11px;text-transform:uppercase;font-weight:800;color:var(--text-secondary);letter-spacing:1px}.solution-val-v4{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.02);border:1.5px solid var(--border-dim);font-size:15px;font-weight:700;transition:all .2s}.solution-val-v4:hover{background:rgba(255,255,255,.04);transform:translate(4px);border-color:rgba(59,130,246,.3)}.solution-val-v4 .lbl{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;flex-shrink:0}.solution-val-v4.correct{border-color:#10b981;background:rgba(16,185,129,.05)}.solution-val-v4.correct .lbl{background:#10b981}.solution-val-v4.wrong{border-color:#ef4444;background:rgba(239,68,68,.05)}.solution-val-v4.wrong .lbl{background:#ef4444}.alert-msg-v4{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;background:rgba(148,163,184,.08);color:#94a3b8;font-weight:700;font-size:14px;margin-bottom:16px}.explanation-card-v4{background:rgba(59,130,246,.03);border:1px solid rgba(59,130,246,.1);border-radius:16px;padding:16px 20px;position:relative;overflow:hidden;margin-top:4px;backdrop-filter:blur(10px)}.explanation-card-v4:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-blue)}.exp-header-v4{display:flex;align-items:center;gap:12px;margin-bottom:16px}.exp-icon-box-v4{width:36px;height:36px;border-radius:10px;background:rgba(59,130,246,.1);color:var(--primary-blue);display:flex;align-items:center;justify-content:center}.exp-title-v4{font-size:15px;font-weight:800;color:var(--primary-blue)}.exp-content-v4{font-size:15px;line-height:1.8;color:var(--text-secondary);font-weight:500}.exp-content-v4 *{max-width:100%}.exam-note-v4{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--primary-blue);opacity:.8}.review-actions-footer-v4{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border-dim)}.nav-btn-v4{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.05);border:1px solid var(--border-dim);color:var(--text-primary)}.nav-btn-v4:hover:not(.disabled){background:rgba(255,255,255,.1);transform:translateY(-2px)}.nav-btn-v4.primary{background:var(--primary-blue);color:#fff}.nav-btn-v4.primary:hover:not(.disabled){box-shadow:0 4px 15px rgba(59,130,246,.4)}.nav-btn-v4.disabled{opacity:.3;cursor:not-allowed}@media(max-width:900px){.review-split-layout-pro{flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;display:flex!important}.review-detail-content-pro-v4,.review-detail-content-pro-v2{order:1!important;width:100%!important;flex:none!important;height:auto!important;min-height:120px;overflow:visible!important}.review-navigation-sidebar-pro{order:2!important;width:100%!important;flex:none!important;height:auto!important;border-right:none!important;border-top:1px solid var(--border-dim)!important;background:rgba(15,23,42,.8)!important;padding-bottom:80px!important}.panel-header-label-v4{padding:0 10px!important;font-size:8px!important;min-height:16px!important;background:#0f172a!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.review-lang-select-v4{height:18px!important;padding-top:0!important;padding-bottom:0!important;font-size:8px!important}.sidebar-header-v5{padding:0 10px!important;font-size:8px!important;min-height:16px!important;background:#0f172a!important}.sidebar-sts-overview-v4{padding:4px!important}}.review-pane-v4{padding:8px 10px 40px!important;gap:8px!important}.sidebar-stats-grid-v5{display:none!important}.sidebar-scroll-pro-v2{grid-template-columns:repeat(5,1fr)!important;padding:6px 4px!important;gap:4px!important;overflow-x:hidden!important}.question-text-big-v4{font-size:14px!important;line-height:1.3!important;padding-bottom:4px!important}@media(max-width:600px){.review-detail-content-pro-v4{padding:0!important}.review-pane-v4{padding:4px 6px 50px!important;gap:6px!important}.question-text-big-v4{font-size:16px!important;line-height:1.4!important;padding-bottom:8px!important;font-weight:800!important;letter-spacing:-.2px}.status-badge-v4{padding:4px 10px!important;font-size:10px!important;letter-spacing:.5px!important}.alert-msg-v4{padding:8px 12px!important;font-size:11px!important;gap:8px!important;margin-bottom:8px!important}.solution-val-v4{padding:5px 8px!important;font-size:11.5px!important;border-radius:6px!important}.explanation-card-v4{padding:8px!important;border-radius:10px!important}.exp-content-v4{font-size:11.5px!important;line-height:1.4!important}.review-navigation-sidebar-pro{padding:4px!important;background:rgba(2,6,23,.98)!important;border-top:1px solid rgba(255,255,255,.05)!important}.sidebar-stats-grid-v5{display:none!important}.sidebar-sts-overview-v4{display:flex!important;justify-content:space-around;padding:6px!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.sts-small-card{padding:0!important;background:transparent!important;border:none!important;flex-direction:row!important;gap:3px!important;align-items:center!important;opacity:.9}.sts-small-card .sc-val{font-size:11px!important;font-weight:900!important}.sts-small-card .sc-lbl{font-size:7.5px!important;font-weight:800!important;letter-spacing:.2px}.sidebar-scroll-pro-v2{grid-template-columns:repeat(5,1fr)!important;padding:8px 4px!important;gap:4px!important;overflow-x:hidden!important}.review-nav-item-pro-v4{border-radius:4px!important}.q-num-v4{font-size:9px!important}.q-icon-v4{display:none!important}}@media(min-width:1300px){.playing-grid-pro{grid-template-columns:1fr 360px!important}.sidebar-palette-pro{display:flex!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;box-shadow:none!important;border-right:none!important}.focus-toggle-btn{display:none}}.header-filters-v5{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.2);padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.view-toggle-v5{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s}.view-toggle-v5:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.view-toggle-v5.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-dim);box-shadow:0 4px 12px rgba(0,0,0,.1)}.filter-divider-v5{width:1px;height:24px;background:rgba(255,255,255,.1);margin:0 8px}.filter-tab-v5{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s;text-transform:capitalize}.filter-tab-v5:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.filter-tab-v5.active{background:var(--primary-blue);color:#fff;font-weight:700}.live-pill-notification{position:fixed;top:auto;bottom:30px;right:30px;background:rgba(15,23,42,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.3);padding:10px 20px;border-radius:50px;display:flex;align-items:center;gap:12px;z-index:9999;max-width:360px;pointer-events:none;animation:liveSlideIn .6s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease}.live-pill-notification:hover{background:rgba(15,23,42,.9);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.live-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:livePulse 2s infinite;flex-shrink:0}.live-text{font-size:13px;color:#e2e8f0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-name{color:#fff;font-weight:700}@keyframes liveSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes livePulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 12px #22c55e}to{transform:scale(.95);opacity:.8}}@media(max-width:768px){.live-pill-notification{top:auto!important;bottom:90px!important;right:16px!important;left:auto!important;transform:none!important;width:auto!important;max-width:85%!important;white-space:nowrap!important;box-shadow:0 8px 32px rgba(0,0,0,.4)!important;animation:liveSlideInMobile .4s cubic-bezier(.16,1,.3,1) forwards!important;background:rgba(15,23,42,.9)!important;border:1px solid rgba(255,255,255,.15)!important;padding:8px 16px!important}@keyframes liveSlideInMobile{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}}.result-body-scroll-v5{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.split-layout-container{display:flex;flex-direction:row;height:100%;width:100%;gap:0;overflow:hidden}.passage-panel{flex:1;background:var(--bg-card);border-right:1px solid var(--border-dim);padding:24px;overflow-y:auto;font-size:1rem;line-height:1.7;color:var(--text-primary);max-width:50%}.passage-title{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--primary-blue);display:flex;align-items:center;gap:8px}.passage-content{white-space:pre-wrap;font-family:Merriweather,serif}.question-split-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0}@media(max-width:900px){.split-layout-container{flex-direction:column;overflow-y:auto}.passage-panel{max-width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-dim);resize:vertical;overflow:auto}.question-split-panel{flex:1;overflow:visible}.results-bottom-layout-pro-v5{display:flex;flex-direction:column;overflow-y:auto!important;height:100%;-webkit-overflow-scrolling:touch;padding-bottom:80px}.review-detail-content-pro-v4{overflow:visible!important;height:auto!important;flex:none!important}.result-header-pro-v5{flex-wrap:wrap;gap:8px;min-height:50px;padding:8px 12px!important}.header-filters-v5{order:3;width:100%;justify-content:center;background:transparent!important;border:none!important;padding:4px 0!important}.filter-tab-v5{flex:1;text-align:center;background:rgba(255,255,255,.05)}.filter-tab-v5.active{background:var(--primary-blue)}.review-navigation-sidebar-pro{order:-1!important;padding:4px 12px!important;background:transparent!important;border-bottom:1px solid var(--border-dim)!important;border-top:none!important;min-height:auto!important}.sidebar-header-v5,.sidebar-stats-grid-v5,.sidebar-chart-box-v5{display:none!important}.sidebar-sts-overview-v4{display:flex!important;justify-content:space-between;gap:4px;padding:4px 0!important;width:100%}.sts-small-card{padding:4px 8px!important;border-radius:6px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.05)!important;flex:1;justify-content:center}.sidebar-scroll-pro-v2{display:flex!important;overflow-x:auto!important;white-space:nowrap;padding:8px 0!important;gap:8px!important;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-dim)}.review-nav-item-pro-v4{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.review-pane-v4{padding:16px 12px 60px!important}.result-footer-actions{position:fixed;bottom:0;left:0;width:100%;background:rgba(15,23,42,.95);backdrop-filter:blur(12px);padding:12px 16px;border-top:1px solid var(--border-dim);z-index:100;flex-direction:row!important;box-shadow:0 -10px 30px rgba(0,0,0,.5)}.result-footer-actions .modal-btn{flex:1;padding:10px;font-size:13px!important}}.palette-grid-pro{grid-template-columns:repeat(5,1fr)!important;gap:8px!important;padding:8px 2px 8px 0!important}@media(max-width:600px){.palette-grid-pro{grid-template-columns:repeat(6,1fr)!important;gap:6px!important}}.palette-item-pro{font-size:11px!important;font-weight:700!important;border-radius:6px!important;height:32px!important;width:32px!important;margin:0 auto!important;aspect-ratio:1!important}.palette-item-pro:hover{transform:translateY(-2px) scale(1.05)!important}.palette-grid-wrapper{margin-right:0!important;padding:0 8px!important;display:flex;justify-content:center}.palette-grid-pro{grid-template-columns:repeat(5,1fr)!important;gap:12px 10px!important;padding:12px 0!important;justify-content:center!important;align-content:start!important;width:100%}@media(max-width:600px){.palette-grid-pro{grid-template-columns:repeat(6,1fr)!important;gap:8px!important}}.palette-item-pro{width:36px!important;height:36px!important;font-size:12px!important;border-radius:8px!important;margin:0 auto!important}.sidebar-palette-pro{padding:16px 12px 16px 8px!important;gap:12px!important}.palette-heading-pro{padding:0 4px 12px!important}.sidebar-palette-pro{padding-left:16px!important}.palette-heading-pro{padding-left:14px!important}@media(min-width:900px){.playing-grid-pro{grid-template-columns:1fr 260px!important}.sidebar-palette-pro{width:100%!important}}.share-capture-zone{user-select:none;background:linear-gradient(145deg,#1e293b,#0f172a)!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px rgba(0,0,0,.3);position:relative;overflow:hidden}.share-capture-zone:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 60%);pointer-events:none;z-index:0}.share-details .share-title{font-size:1.2rem;font-weight:700;color:#f8fafc;margin-bottom:4px;letter-spacing:-.5px}.share-details .share-subtitle{font-size:1rem;color:#94a3b8;font-weight:500}.share-actions-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:24px}.share-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--border-dim);background:var(--surface-hover);color:var(--text-secondary);transition:all .2s ease;font-size:.8rem;font-weight:600}.share-action-btn:hover{transform:translateY(-2px);background:var(--surface-active);color:var(--text-primary);border-color:var(--primary-color)}.share-action-btn svg{margin-bottom:4px}.share-action-btn.image{background:rgba(59,130,246,.1);color:#60a5fa;border-color:#3b82f6}.share-action-btn.image:hover{background:#3b82f6;color:#fff}@media(max-width:768px){.live-pill-notification{top:auto!important;bottom:90px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:auto!important;max-width:90%!important;white-space:nowrap!important;box-shadow:0 8px 32px rgba(0,0,0,.4)!important;animation:liveSlideUpMobile .4s cubic-bezier(.16,1,.3,1) forwards!important;background:rgba(15,23,42,.85)!important;border:1px solid rgba(255,255,255,.15)!important;padding:8px 20px!important}@keyframes liveSlideUpMobile{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}}:root[data-theme=light] .q-marks-pro{background:rgba(255,255,255,.5);border-color:rgba(0,0,0,.1);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.05)}:root[data-theme=light] .q-marks-pro .mark-positive{color:#059669}:root[data-theme=light] .q-marks-pro .mark-negative{color:#dc2626}:root[data-theme=light] .review-detail-content-pro-v4{background:#fff}:root[data-theme=light] .panel-header-label-v4,:root[data-theme=light] .sidebar-header-v5{background:#f1f5f9;color:#475569;border-bottom-color:#cbd5e1;text-shadow:none}:root[data-theme=light] .sidebar-scroll-pro-v2{background:#f8fafc}:root[data-theme=light] .review-nav-item-pro-v4{background:#fff;border-color:#e2e8f0;color:#64748b;box-shadow:0 1px 2px rgba(0,0,0,.05)}:root[data-theme=light] .review-nav-item-pro-v4:hover{border-color:#94a3b8;background:#f1f5f9}:root[data-theme=light] .review-nav-item-pro-v4.correct{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}:root[data-theme=light] .review-nav-item-pro-v4.wrong{background:#fef2f2;border-color:#fecaca;color:#991b1b}:root[data-theme=light] .review-nav-item-pro-v4.active{background:#e0f2fe!important;border-color:#38bdf8!important;color:#0284c7!important;box-shadow:0 0 0 2px rgba(56,189,248,.2)}:root[data-theme=light] .sts-small-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05)}:root[data-theme=light] .sts-small-card:hover{background:#f8fafc;box-shadow:0 4px 12px rgba(0,0,0,.08)}:root[data-theme=light] .sts-small-card .sc-val{color:#1e293b}:root[data-theme=light] .sts-small-card .sc-lbl{color:#64748b;opacity:1}:root[data-theme=light] .question-text-big-v4{color:#1e293b}:root[data-theme=light] .review-pane-header-v4{border-bottom-color:#e2e8f0}:root[data-theme=light] .q-index-pill-v4{color:#475569}:root[data-theme=light] .difficulty-tag-v4{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}@media(max-width:900px){:root[data-theme=light] .review-navigation-sidebar-pro{background:#fff!important;border-top-color:#e2e8f0!important}:root[data-theme=light] .panel-header-label-v4{background:#f8fafc!important}:root[data-theme=light] .sidebar-sts-overview-v4{background:transparent;border-bottom-color:#e2e8f0}}:root[data-theme=light] .results-bottom-layout-pro-v5{background:#f8fafc}:root[data-theme=light] .review-navigation-sidebar-pro{background:#fff!important;border-right:1px solid #e2e8f0;border-top:none!important}:root[data-theme=light] .sidebar-header-v5{background:#fff!important;color:#0f172a!important;border-bottom:1px solid #e2e8f0}:root[data-theme=light] .sidebar-sts-overview-v4{background:#fff!important;border-bottom:1px solid #e2e8f0}:root[data-theme=light] .result-header-pro-v5{background:#fff!important;border-bottom:1px solid #e2e8f0}:root[data-theme=light] .brand-text-v5 h3{color:#0f172a!important}:root[data-theme=light] .header-filters-v5{background:#f1f5f9!important;border:1px solid #e2e8f0}:root[data-theme=light] .view-toggle-v5{color:#64748b!important}:root[data-theme=light] .view-toggle-v5.active{background:#fff!important;color:#0f172a!important;border-color:#e2e8f0!important;box-shadow:0 2px 4px rgba(0,0,0,.05)}:root[data-theme=light] .filter-tab-v5{color:#64748b!important}:root[data-theme=light] .filter-tab-v5.active{color:#fff!important}:root[data-theme=light] .header-actions-v5 .close-btn-v5{background:#f1f5f9!important;color:#64748b!important}:root[data-theme=light] .header-actions-v5 .close-btn-v5:hover{background:#ef4444!important;color:#fff!important}.review-nav-item-pro-v4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border-radius:8px;background:var(--card-bg-subtle);border:1px solid var(--border-dim);color:var(--text-secondary);cursor:pointer;transition:all .2s;min-height:50px}.review-nav-item-pro-v4.active{background:rgba(59,130,246,.1);border-color:var(--primary-blue);color:var(--text-primary);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.review-nav-item-pro-v4:hover:not(.active){background:rgba(255,255,255,.05);border-color:var(--text-secondary)}.review-nav-item-pro-v4.correct{border-color:rgba(16,185,129,.3);color:#10b981}.review-nav-item-pro-v4.wrong{border-color:rgba(239,68,68,.3);color:#f87171}.review-nav-item-pro-v4.skipped{border-color:rgba(148,163,184,.3);color:#94a3b8}.q-num-v4{font-size:12px;font-weight:700}:root[data-theme=light] .review-nav-item-pro-v4{background:#fff;border-color:#e2e8f0;color:#475569;box-shadow:0 1px 2px rgba(0,0,0,.05)}:root[data-theme=light] .review-nav-item-pro-v4.active{background:#eff6ff;border-color:#3b82f6;color:#1e293b}:root[data-theme=light] .review-nav-item-pro-v4:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}:root[data-theme=light] .review-nav-item-pro-v4.correct{background:#f0fdf4;border-color:#86efac;color:#15803d}:root[data-theme=light] .review-nav-item-pro-v4.wrong{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}:root[data-theme=light] .review-nav-item-pro-v4.skipped{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}:root[data-theme=light] .explanation-card-v4{background:#f0f9ff;border-color:#bae6fd;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}:root[data-theme=light] .exp-title-v4{color:#0369a1}:root[data-theme=light] .exp-content-v4{color:#334155;font-weight:500}.result-footer-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.result-footer-actions .modal-btn{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center}.pdf-report-container{width:210mm;min-height:297mm;background:#fff;padding:15mm;box-sizing:border-box;font-family:Inter,sans-serif;color:#1e293b}.pdf-header{background:#0f172a;color:#fff;padding:20px 30px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pdf-brand{display:flex;align-items:center;gap:16px}.pdf-logo{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.pdf-brand h1{font-size:24px;font-weight:800;margin:0;line-height:1.2}.pdf-brand p{margin:0;color:#94a3b8;font-size:12px}.pdf-score-box{text-align:right}.pdf-score-val{font-size:48px;font-weight:800;line-height:1}.pdf-score-label{font-size:10px;font-weight:700;color:#94a3b8;letter-spacing:1px}.pdf-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.pdf-info-item .pdf-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#64748b;margin-bottom:4px}.pdf-info-item .pdf-value{font-size:14px;font-weight:600;color:#0f172a}.pdf-stats-table{width:100%;border-collapse:collapse;margin-bottom:40px;font-size:12px}.pdf-stats-table th{background:#0f172a;color:#fff;text-align:left;padding:10px 16px;font-weight:700;text-transform:uppercase}.pdf-stats-table td{padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#334155}.pdf-stats-table tr:last-child td{border-bottom:none}.pdf-section-title{font-size:16px;font-weight:800;color:#0f172a;padding-bottom:10px;border-bottom:2px solid #0f172a;margin-bottom:24px}.pdf-questions-list{display:flex;flex-direction:column;gap:24px}.pdf-question-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fff;page-break-inside:avoid}.pdf-q-header{display:flex;justify-content:space-between;margin-bottom:12px}.pdf-q-num{font-size:14px;font-weight:800;color:#0f172a}.pdf-status-badge{font-size:10px;font-weight:800;padding:4px 8px;border-radius:4px;color:#fff}.pdf-status-badge.correct{background:#16a34a}.pdf-status-badge.wrong{background:#dc2626}.pdf-status-badge.skipped{background:#94a3b8}.pdf-q-content{font-size:14px;color:#000;font-weight:600;margin-bottom:16px;line-height:1.6}.pdf-ans-grid{display:grid;gap:8px;margin-bottom:16px}.pdf-ans-box{padding:8px 12px;border-radius:8px;font-size:12px;background:#f8fafc;border-left:4px solid transparent;color:#1e293b;font-weight:500}.pdf-ans-box.success{background:#f0fdf4;border-left-color:#16a34a;color:#14532d}.pdf-ans-box.danger{background:#fef2f2;border-left-color:#dc2626;color:#7f1d1d}.pdf-ans-label{font-weight:800;display:block;margin-bottom:4px;font-size:10px;text-transform:uppercase;opacity:1;color:#334155}.pdf-explanation{margin-top:16px;padding:16px 20px;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:4px;font-size:13px;color:#334155;font-style:italic;position:relative}.pdf-exp-title{font-weight:800;color:#1e40af;margin-bottom:8px;font-size:11px;text-transform:uppercase;font-style:normal}.pdf-footer{margin-top:40px;text-align:center;font-size:10px;color:#94a3b8;border-top:1px solid #e2e8f0;padding-top:16px}.dashboard-container{padding:20px 40px;max-width:1400px;margin:0 auto;min-height:100vh}.gamification-hub{margin-bottom:40px}.hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.user-welcome{display:flex;align-items:center;gap:16px}.user-welcome h1{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:4px;background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-welcome p{color:var(--text-secondary);font-size:14px}.hub-actions{display:flex;gap:12px}.hub-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none}.hub-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.stats-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.stat-card{background:linear-gradient(145deg,rgba(30,41,59,.7),rgba(15,23,42,.8));backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;transition:all .3s ease;cursor:default}.stat-card:hover{border-color:rgba(255,255,255,.1);transform:translateY(-4px);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.create-card-link{text-decoration:none;color:inherit;display:block}.stat-card.create-new-card{cursor:pointer;background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(168,85,247,.1));border-color:rgba(168,85,247,.2);height:100%}.stat-card.create-new-card:hover{background:linear-gradient(135deg,rgba(79,70,229,.2),rgba(168,85,247,.2));border-color:rgba(168,85,247,.4)}.stat-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#a78bfa}.stat-icon.special{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.4)}.stat-info{flex:1}.stat-label{display:block;font-size:13px;color:var(--text-tertiary);margin-bottom:4px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.stat-value{display:block;font-size:24px;font-weight:800;color:#fff;line-height:1.2}.progress-bar-bg{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;margin-top:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#f472b6);border-radius:3px}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.dashboard-tabs{display:flex;gap:4px;background:var(--card2);padding:4px;border-radius:12px;border:1px solid var(--border2)}.tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.tab-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.03)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}.search-wrap{position:relative;width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.search-wrap input{width:100%;padding:10px 16px 10px 36px;background:var(--card2);border:1px solid var(--border2);border-radius:10px;color:var(--text-primary);outline:none;transition:all .2s}.search-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.library-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;position:relative;transition:all .3s}.library-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3);box-shadow:0 12px 24px -8px rgba(0,0,0,.4)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.diff-badge{font-size:10px;padding:4px 8px;border-radius:20px;font-weight:800;text-transform:uppercase}.diff-hard{background:rgba(239,68,68,.15);color:#ef4444}.diff-medium{background:rgba(249,115,22,.15);color:#f97316}.diff-easy{background:rgba(34,197,94,.15);color:#22c55e}.diff-gen{background:rgba(99,102,241,.15);color:#818cf8}.card-actions{display:flex;gap:4px}.action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);border-radius:6px;cursor:pointer;transition:all .2s}.action-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.action-btn.delete:hover{color:#ef4444;background:rgba(239,68,68,.1)}.action-btn.starred{color:#fbbf24}.card-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary);line-height:1.3}.card-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:16px;font-size:12px;color:var(--text-tertiary);font-weight:500;margin-bottom:16px}.card-meta span{display:flex;align-items:center;gap:6px}.play-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#8b5cf6,#6366f1);color:#fff;padding:10px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:0 4px 12px rgba(99,102,241,.3)}.play-btn:hover{filter:brightness(110%);transform:translateY(-2px)}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.bookmark-card{background:var(--card2);border:1px solid var(--border2);border-radius:16px;padding:24px;display:flex;flex-direction:column}.bm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bm-source{font-size:11px;background:rgba(251,191,36,.1);color:#fbbf24;padding:4px 8px;border-radius:12px;font-weight:700}.bm-toggle{background:transparent;border:none;color:#fbbf24;cursor:pointer;opacity:.7;transition:opacity .2s}.bm-toggle:hover{opacity:1}.bm-content{font-size:.95rem;color:var(--text-primary);line-height:1.5;margin-bottom:16px;font-weight:500}.bm-explanation{background:rgba(59,130,246,.08);border-left:3px solid #3b82f6;padding:12px;border-radius:0 8px 8px 0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.empty-state{text-align:center;padding:60px 20px;background:var(--card2);border-radius:20px;border:1px dashed var(--border2)}.empty-icon{font-size:0;color:var(--text-tertiary);opacity:.5;margin-bottom:16px}.empty-state h2{font-size:1.25rem;margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.auth-wall{text-align:center;padding:60px 20px;background:var(--card2);border-radius:20px;border:1px solid var(--border2)}.icon-circle{width:60px;height:60px;background:rgba(139,92,246,.1);color:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.auth-wall h2{font-size:1.5rem;margin-bottom:8px}.auth-wall p{color:var(--text-secondary);margin-bottom:24px}.primary-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.primary-btn:hover{filter:brightness(110%)}.loading-state-lib{text-align:center;padding:80px 0;color:var(--text-tertiary)}.spin-icon{animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:768px){.dashboard-container{padding:20px}.hub-header{flex-direction:column;align-items:stretch;gap:20px}.hub-actions{justify-content:flex-start}.stats-row{grid-template-columns:1fr;gap:12px}.dashboard-controls{flex-direction:column;align-items:stretch;gap:16px}.dashboard-tabs{width:100%}.tab-btn{flex:1;justify-content:center;font-size:.8rem;padding:8px}.search-wrap{width:100%}.library-grid,.bookmarks-grid{grid-template-columns:1fr}}.header-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.header-title-box h1{font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.header-title-box p{color:var(--text-secondary)}.header-actions{display:flex;gap:12px}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}.dashboard-tabs{display:flex;gap:4px;background:var(--bg-card);padding:4px;border-radius:12px;border:1px solid var(--border-dim)}.dashboard-tab-btn{border:none;background:transparent;color:var(--text-secondary);padding:8px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;font-size:13px}.dashboard-tab-btn.active{background:var(--primary-blue);color:#fff}.search-bar-library{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;background:var(--bg-card);padding:8px 16px;border-radius:12px;border:1px solid var(--border-dim)}.search-bar-library input{background:transparent;border:none;color:var(--text-primary);outline:none;width:100%;font-size:14px}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.quiz-card{background:var(--bg-card);border-radius:24px;padding:24px;border:1px solid var(--border-dim);display:flex;flex-direction:column;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s ease}.quiz-card:hover{transform:translateY(-4px);border-color:var(--primary-blue);box-shadow:0 10px 20px -5px rgba(0,0,0,.2)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-actions-row{display:flex;gap:6px}.action-icon-btn{background:var(--bg-main);border:1px solid var(--border-dim);color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.action-icon-btn.delete:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.quiz-title-lib{font-size:20px;font-weight:800;margin-bottom:10px;color:var(--text-primary)}.quiz-desc-lib{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6;height:45px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-footer-lib{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-dim)}.meta-group-lib{display:flex;gap:16px;font-size:13px;color:var(--text-tertiary);font-weight:600}.meta-item-lib{display:flex;align-items:center;gap:6px}.play-circle-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(37,99,235,.4);transition:all .2s}.play-circle-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(37,99,235,.5)}@media(max-width:768px){.dashboard-container{padding:12px 10px}.header-top-row{gap:10px;margin-bottom:16px}.header-title-box h1{font-size:20px}.header-title-box p{font-size:12px}.header-actions{gap:8px}.controls-row{flex-direction:column;align-items:stretch;gap:10px;margin-top:10px}.dashboard-tabs{width:100%;padding:2px}.dashboard-tab-btn{flex:1;justify-content:center;padding:6px 8px;font-size:11px}.search-bar-library{width:100%;padding:6px 12px;border-radius:10px}.quiz-grid{grid-template-columns:1fr;gap:12px}.quiz-card{padding:16px;border-radius:16px}.quiz-title-lib{font-size:16px;margin-bottom:6px}.quiz-desc-lib{font-size:12px;margin-bottom:16px;height:38px}.meta-group-lib{gap:10px;font-size:11px}.play-circle-btn{width:38px;height:38px}}:root[data-theme=light] .user-welcome h1{background:linear-gradient(to right,#0f172a,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=light] .stat-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}:root[data-theme=light] .stat-value{color:#0f172a}:root[data-theme=light] .progress-bar-bg{background:#f1f5f9}:root[data-theme=light] .dashboard-tabs,:root[data-theme=light] .search-wrap input{background:#fff;border-color:#e2e8f0;color:#0f172a}:root[data-theme=light] .tab-btn{color:#64748b}:root[data-theme=light] .tab-btn:hover{background:#f1f5f9;color:#0f172a}:root[data-theme=light] .library-card,:root[data-theme=light] .bookmark-card,:root[data-theme=light] .quiz-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}:root[data-theme=light] .quiz-title-lib,:root[data-theme=light] .card-title{color:#0f172a}:root[data-theme=light] .empty-state,:root[data-theme=light] .auth-wall{background:#fff;border-color:#e2e8f0}:root[data-theme=light] .action-btn{color:#94a3b8}:root[data-theme=light] .action-btn:hover{background:#f1f5f9;color:#0f172a}:root[data-theme=light] .stat-label{color:#64748b}.ai-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:10px}.ai-pro-modal{max-width:550px;width:100%;background:rgba(15,23,42,.85);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 40px rgba(99,102,241,.15);overflow:hidden;color:#fff}.ai-modal-header{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.ai-title{display:flex;align-items:center;gap:12px}.ai-title h2{margin:0;font-size:1.4rem;font-weight:800;background:linear-gradient(to right,#818cf8,#c084fc,#818cf8);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200% center}}.ai-modal-body{padding:16px 24px;display:flex;flex-direction:column;gap:14px;max-height:75vh;overflow-y:auto}.ai-modal-body::-webkit-scrollbar{width:6px}.ai-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}.ai-config-section{background:rgba(255,255,255,.02);padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:16px;width:100%}.form-group{flex:1;display:flex;flex-direction:column;gap:8px}.api-key-box{padding-top:12px;border-top:1px solid var(--border-dim)}.key-masked-display{padding:14px;background:rgba(0,0,0,.2);border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.85rem;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;letter-spacing:2px}.key-help-link{display:block;margin-top:8px;font-size:.75rem;color:#6366f1;text-decoration:none}.key-help-link:hover{text-decoration:underline}.topic-main{font-size:1.1rem;padding:16px;border-color:rgba(99,102,241,.5)!important;background:rgba(99,102,241,.05);border-radius:12px;transition:all .3s}.topic-main:focus{background:rgba(99,102,241,.1);border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.ai-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px!important;padding-right:36px!important;cursor:pointer}.ai-select::-ms-expand{display:none}.ai-modal-footer{padding:16px 24px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.ai-branding{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.4);font-size:.75rem;font-weight:500;letter-spacing:.5px}.footer-actions{display:flex;gap:12px}.generate-btn.pro{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:12px 28px;border:none;border-radius:14px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px -6px rgba(99,102,241,.5);cursor:pointer;display:flex;align-items:center;gap:10px}.generate-btn.pro:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 25px -6px rgba(99,102,241,.6);filter:brightness(1.1)}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:12px 24px;border-radius:14px;font-weight:600;transition:all .2s;cursor:pointer}.cancel-btn:hover{background:rgba(255,255,255,.05);color:#fff}.section-label{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;color:#818cf8;text-transform:uppercase;letter-spacing:1px}.step-num{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.7rem}.divider-glow{height:1px;width:100%;background:linear-gradient(to right,transparent,rgba(99,102,241,.3),transparent);margin:10px 0}.third{flex:1}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-field{background:var(--bg-main);border:1px solid var(--border-dim);border-radius:10px;padding:10px 14px;color:var(--text-main);width:100%;transition:border-color .2s}.input-field:focus{border-color:#6366f1;outline:none}.spin{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-row{display:flex;align-items:center}.mb-2{margin-bottom:8px}.gap-2{gap:8px}@media(max-width:600px){.ai-pro-modal{max-height:95vh;margin:10px;border-radius:20px}.ai-modal-header{padding:12px 16px}.ai-modal-body{padding:12px 16px;gap:12px}.form-row{flex-direction:column;gap:10px}.ai-config-section{padding:12px;gap:10px}.generate-btn.pro{width:100%;justify-content:center}.form-row{flex-direction:column}.half,.third{width:100%}}.copy-btn-cool{background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);background-size:200% auto;border:none;padding:10px 20px;border-radius:12px;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:10px;position:relative;box-shadow:0 4px 15px rgba(139,92,246,.4);text-transform:uppercase;animation:gradientShift 5s ease infinite;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.copy-btn-cool:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(139,92,246,.6);filter:brightness(1.1)}.copy-btn-cool:active{transform:translateY(1px)}.copy-btn-cool.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px rgba(16,185,129,.5)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.external-ai-links{display:flex;gap:12px;flex-wrap:wrap}.ai-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;color:rgba(255,255,255,.9);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:all .3s ease;backdrop-filter:blur(5px);position:relative;overflow:hidden}.ai-link-btn.gpt{border-color:rgba(16,163,127,.4)}.ai-link-btn.gpt:hover{background:rgba(16,163,127,.15);border-color:#10a37f;box-shadow:0 0 15px rgba(16,163,127,.4);transform:translateY(-2px)}.ai-link-btn.gemini{border-color:rgba(79,172,254,.4)}.ai-link-btn.gemini:hover{background:rgba(79,172,254,.15);border-color:#4facfe;box-shadow:0 0 15px rgba(79,172,254,.4);transform:translateY(-2px)}.ai-link-btn.deepseek{border-color:rgba(96,165,250,.4)}.ai-link-btn.deepseek:hover{background:rgba(96,165,250,.15);border-color:#60a5fa;box-shadow:0 0 15px rgba(96,165,250,.4);transform:translateY(-2px)}.ai-link-btn.groq{border-color:rgba(249,115,22,.4)}.ai-link-btn.groq:hover{background:rgba(249,115,22,.15);border-color:#f97316;box-shadow:0 0 15px rgba(249,115,22,.4);transform:translateY(-2px)}.ai-link-btn.perplexity{border-color:rgba(6,182,212,.4)}.ai-link-btn.perplexity:hover{background:rgba(6,182,212,.15);border-color:#06b6d4;box-shadow:0 0 15px rgba(6,182,212,.4);transform:translateY(-2px)}.mode-toggle{background:rgba(0,0,0,.3);padding:4px;border-radius:12px;display:flex;border:1px solid rgba(255,255,255,.05)}.toggle-btn{flex:1;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toggle-btn.active{background:rgba(99,102,241,.2);color:#a5b4fc;box-shadow:0 4px 12px -2px rgba(99,102,241,.3);border:1px solid rgba(99,102,241,.3)}.toggle-btn:hover:not(.active){color:#fff;background:rgba(255,255,255,.05)}.custom-prompt-box{animation:fadeIn .3s ease}.info-banner{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#60a5fa;padding:10px;border-radius:8px;font-size:.8rem;display:flex;align-items:center;gap:8px}.code-font{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.5;background:#0f172a!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.1)!important}.quiz-style-selector{display:flex;gap:12px}.style-btn{flex:1;padding:10px;border:1px solid var(--border-dim);background:var(--bg-card);color:var(--text-secondary);border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.style-btn:hover{background:var(--bg-hover);border-color:var(--primary-blue);color:var(--primary-blue)}.style-btn.active{background:rgba(14,165,233,.15);border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:0 0 10px rgba(14,165,233,.2)}:root{--cq-bg: #0f172a;--cq-panel: #1e293b;--cq-border: #334155;--cq-text: #f1f5f9;--cq-muted: #94a3b8;--cq-primary: #3b82f6;--cq-accent: #8b5cf6;--cq-danger: #ef4444;--cq-success: #10b981;--cq-glass: rgba(30, 41, 59, .8);--cq-glass-border: rgba(255, 255, 255, .1);--cq-card-hover: rgba(59, 130, 246, .1);--cq-code-bg: #1e1e1e;--cq-code-text: #ce9178;--cq-toolbar-bg: #252526}:root[data-theme=light]{--cq-bg: #f8fafc;--cq-panel: #ffffff;--cq-border: #e2e8f0;--cq-text: #0f172a;--cq-muted: #64748b;--cq-primary: #2563eb;--cq-accent: #7c3aed;--cq-danger: #dc2626;--cq-success: #059669;--cq-glass: rgba(255, 255, 255, .85);--cq-glass-border: rgba(0, 0, 0, .05);--cq-card-hover: rgba(37, 99, 235, .05);--cq-code-bg: #f1f5f9;--cq-code-text: #a31515;--cq-toolbar-bg: #f8fafc}.create-quiz-layout{height:100vh;background:var(--cq-bg);display:flex;flex-direction:column;color:var(--cq-text);font-family:Inter,sans-serif;transition:background .3s ease,color .3s ease;overflow:hidden}.loading-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--cq-muted)}.loader-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:var(--cq-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.create-header{height:64px;background:var(--cq-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cq-border);display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:16px}.back-btn-icon{background:transparent;border:none;color:var(--cq-muted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex}.back-btn-icon:hover{background:var(--cq-border);color:var(--cq-text)}.header-titles h1{font-size:18px;font-weight:700;margin:0;background:linear-gradient(90deg,var(--cq-text),var(--cq-muted));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-badge{font-size:11px;background:rgba(148,163,184,.1);color:var(--cq-muted);padding:2px 8px;border-radius:12px;border:1px solid rgba(148,163,184,.2);font-weight:600}.status-badge.saving{background:rgba(59,130,246,.1);color:#60a5fa;border-color:rgba(59,130,246,.2)}.status-badge.saved{background:rgba(16,185,129,.1);color:#34d399;border-color:rgba(16,185,129,.2)}.header-status-flex{display:flex;align-items:center;gap:12px}.last-saved-ts{font-size:11px;color:var(--cq-muted);opacity:.7}.header-actions{display:flex;gap:12px;align-items:center}.action-btn-icon{background:var(--cq-panel);border:1px solid var(--cq-border);color:var(--cq-muted);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn-icon:hover,.action-btn-icon.active{border-color:var(--cq-primary);color:var(--cq-primary);background:rgba(59,130,246,.1)}.publish-btn-glow{background:linear-gradient(135deg,var(--cq-primary),var(--cq-accent));color:#fff;border:none;padding:0 24px;height:40px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 15px rgba(59,130,246,.4);transition:all .3s;display:flex;align-items:center;justify-content:center}.publish-btn-glow:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.6)}.publish-btn-glow:disabled{opacity:.7;cursor:not-allowed;transform:none}.mobile-tab-bar{display:none;padding:12px 16px;gap:12px;border-bottom:1px solid var(--cq-border);background:var(--cq-bg)}.m-tab-btn{flex:1;padding:10px;border-radius:8px;background:var(--cq-panel);border:1px solid var(--cq-border);color:var(--cq-muted);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.m-tab-btn.active{background:var(--cq-primary);border-color:var(--cq-primary);color:#fff}.editor-container{flex:1;display:flex;height:calc(100vh - 64px);overflow:hidden}.meta-sidebar{width:360px;flex-shrink:0;background:var(--cq-panel);border-right:1px solid var(--cq-border);overflow-y:auto;padding:24px}.sidebar-content{display:flex;flex-direction:column;gap:24px;max-width:100%}.sidebar-section{background:var(--cq-panel);box-shadow:0 1px 3px rgba(0,0,0,.05);border-radius:12px;border:1px solid var(--cq-border);padding:16px;display:flex;flex-direction:column;gap:16px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.section-header h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cq-muted);margin:0}.form-group label{display:block;font-size:13px;color:var(--cq-muted);margin-bottom:6px;font-weight:500}.input-premium{width:100%;padding:12px;border-radius:8px;background:var(--cq-bg);border:1px solid var(--cq-border);color:var(--cq-text);font-size:14px;transition:all .2s;font-family:inherit}.label-row-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.char-count{font-size:11px;color:var(--cq-muted);font-family:monospace}.char-count.limit{color:var(--cq-danger)}.input-premium:focus{border-color:var(--cq-primary);background:var(--cq-panel);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}:root[data-theme=light] .input-premium{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.select-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}.sidebar-section.ai-promo{background:linear-gradient(135deg,rgba(234,179,8,.15),rgba(234,179,8,.05));border:1px solid rgba(234,179,8,.25);position:relative;overflow:hidden}.sidebar-section.ai-promo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(234,179,8,.1) 0%,transparent 60%);pointer-events:none;z-index:0}:root[data-theme=light] .sidebar-section.ai-promo{background:#fffbeb;border-color:#fcd34d}.ai-promo-content{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.sidebar-card{padding:16px;background:var(--cq-panel);border-radius:12px;margin-top:20px;border:1px solid var(--cq-border)}.sidebar-label-prominent{font-size:11px;color:var(--cq-primary);font-weight:800;letter-spacing:.05em;margin-bottom:12px;display:block}.ai-trigger-btn{background:linear-gradient(135deg,var(--cq-primary),var(--cq-accent));color:#fff;border:none;padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:13px;transition:transform .2s}.ai-trigger-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.ai-promo-content h4{margin:0;font-size:14px;color:#eab308}.ai-promo-content p{margin:0;font-size:12px;color:#a1a1aa}.ai-btn-small{width:100%;margin-top:12px;background:rgba(234,179,8,.2);border:1px solid rgba(234,179,8,.3);color:#eab308;padding:8px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.ai-btn-small:hover{background:rgba(234,179,8,.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(234,179,8,.2)}.manual-prompt-trigger{width:100%;margin-top:10px;background:rgba(255,255,255,.03);border:1px dashed rgba(148,163,184,.3);color:var(--cq-muted);padding:8px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.manual-prompt-trigger:hover{background:rgba(255,255,255,.07);border-color:var(--cq-muted);color:var(--cq-text)}.manual-prompt-trigger span{opacity:.8}.visibility-toggle{display:flex;background:var(--cq-bg);padding:3px;border-radius:8px;border:1px solid var(--cq-border)}.vis-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;background:transparent;color:var(--cq-muted);font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.vis-btn.active{background:var(--cq-panel);color:var(--cq-text);box-shadow:0 1px 3px rgba(0,0,0,.3)}.vis-hint{font-size:11px;color:var(--cq-muted);margin-top:6px;font-style:italic}.main-editor-area{flex:1;background:var(--cq-bg);display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0;min-width:0}.manual-builder-container{padding:32px;height:100%;overflow-y:auto;background:var(--cq-bg)}.builder-header-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.questions-list{display:flex;flex-direction:column;gap:24px}.question-card-edit{background:var(--cq-panel);border:1px solid var(--cq-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.question-card-edit:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.qc-header{background:var(--cq-bg);border-bottom:1px solid var(--cq-border);padding:16px 20px}.qc-body{padding:24px;display:flex;flex-direction:column;gap:20px}.add-q-btn-large{width:100%;padding:40px;margin-top:20px;margin-bottom:50px;background:var(--cq-panel);border:2px dashed var(--cq-border);border-radius:16px;cursor:pointer;transition:all .2s;color:var(--cq-muted)}.add-q-btn-large:hover{border-color:var(--cq-primary);background:rgba(59,130,246,.05);color:var(--cq-primary)}.add-icon-circle{display:flex;justify-content:center;margin-bottom:12px}.main-text{font-size:16px;font-weight:600;display:block}.sub-text{font-size:13px;opacity:.7}@media(max-width:900px){.create-header{height:60px;padding:0 16px}.mobile-tab-bar{display:flex}.editor-container{height:calc(100vh - 118px)}.mobile-hidden{display:none!important}.mobile-visible{display:flex!important;flex-direction:column;flex:1;height:100%;overflow:hidden}.meta-sidebar{width:100%;border-right:none;padding:16px}.manual-builder-container{padding:16px}.question-card-edit{border-radius:12px}.qc-body{padding:16px}.add-q-btn-large{padding:24px}}.json-editor-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-toolbar{height:48px;background:var(--cq-panel);border-bottom:1px solid var(--cq-border);display:flex;justify-content:space-between;align-items:center;padding:0 16px;flex-shrink:0}.code-wrapper{flex:1;display:flex;flex-direction:row;position:relative;overflow:hidden;min-height:0;background:var(--cq-code-bg)}.line-numbers{width:48px;background:var(--cq-bg);color:var(--cq-muted);text-align:right;padding:24px 8px;font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;border-right:1px solid var(--cq-border);overflow:hidden;flex-shrink:0;user-select:none;opacity:.6}.code-textarea{flex:1;background:var(--cq-code-bg);color:var(--cq-code-text);border:none;padding:24px;resize:none;outline:none;font-family:Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;overflow-y:auto;white-space:pre;tab-size:2;height:100%;width:100%}.error-message-inline{background:rgba(239,68,68,.1);color:#fca5a5;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:13px;border-top:1px solid rgba(239,68,68,.2);flex-shrink:0}.validation-footer{min-height:48px;max-height:200px;overflow-y:auto;background:var(--cq-panel);border-top:1px solid var(--cq-border);padding:12px 24px;font-size:13px;flex-shrink:0}.validation-footer.valid{background:rgba(16,185,129,.05)}.validation-footer.invalid{background:rgba(239,68,68,.05)}.status-row{display:flex;align-items:flex-start;gap:8px}.error-list{margin:4px 0 0 24px;color:#fca5a5}.tab-group{display:flex;align-items:center;gap:8px}.tab{background:transparent;color:var(--cq-primary);border:none;border-bottom:2px solid var(--cq-primary);padding:13px 4px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}.toolbar-actions{display:flex;align-items:center;gap:8px}.tool-btn{display:flex;align-items:center;gap:6px;background:var(--cq-bg);border:1px solid var(--cq-border);color:var(--cq-muted);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.tool-btn:hover{background:var(--cq-border);color:var(--cq-text)}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.success-modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:480px;padding:32px;text-align:center}.share-link-box{display:flex;background:#0f172a;border-radius:8px;padding:4px;margin:20px 0;border:1px solid #334155}.share-link-box input{flex:1;background:transparent;border:none;color:#a5b4fc;padding:8px;outline:none;font-family:monospace}.share-link-box button{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:0 12px;cursor:pointer}.toast-notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:10px 20px;border-radius:30px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);z-index:9999}@media(max-width:900px){.create-header{height:60px;padding:0 16px}.mobile-tab-bar{display:flex;flex-shrink:0}.editor-container{height:calc(100vh - 118px)!important;flex-direction:column;overflow:hidden}.mobile-hidden{display:none!important}.mobile-visible{display:flex!important;flex-direction:column;flex:1;height:100%;min-height:0;overflow:hidden}.meta-sidebar{width:100%;border-right:none;padding:16px}.manual-builder-container{padding:16px}}.segment-control{display:flex;background:var(--cq-bg);padding:4px;border-radius:12px;border:1px solid var(--cq-border);gap:4px;margin-top:8px}.segment-btn{flex:1;background:transparent;border:1px solid transparent;color:var(--cq-muted);padding:8px 12px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.segment-btn:hover{background:var(--cq-card-hover);color:var(--cq-text)}.segment-btn.active{background:var(--cq-panel);color:var(--cq-text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1);border-color:var(--cq-border)}.segment-btn.active:nth-child(1){background:rgba(16,185,129,.1);color:#34d399;border-color:rgba(16,185,129,.2)}.segment-btn.active:nth-child(2){background:rgba(234,179,8,.1);color:#facc15;border-color:rgba(234,179,8,.2)}.segment-btn.active:nth-child(3){background:rgba(239,68,68,.1);color:#f87171;border-color:rgba(239,68,68,.2)}.draft-alert-banner{background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid rgba(59,130,246,.3);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .4s ease-out;position:relative;z-index:40}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.draft-banner-content{display:flex;align-items:center;gap:16px}.draft-meta p{margin:0;font-size:14px}.draft-title-preview{font-size:12px;color:var(--cq-muted);font-style:italic}.draft-banner-actions{display:flex;align-items:center;gap:12px}.banner-btn{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.banner-btn.primary{background:var(--cq-primary);color:#fff;border:none}.banner-btn.secondary{background:rgba(255,255,255,.05);color:var(--cq-text);border:1px solid var(--cq-border)}.banner-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.close-banner{background:transparent;border:none;color:var(--cq-muted);cursor:pointer;padding:4px;display:flex;opacity:.6}.close-banner:hover{opacity:1}@media(max-width:600px){.draft-alert-banner{flex-direction:column;gap:16px;align-items:flex-start}.draft-banner-actions{width:100%;justify-content:flex-end}}.user-guide-section{border-color:rgba(59,130,246,.2)}.section-header.clickable{cursor:pointer;user-select:none}.section-header.clickable:hover h3{color:var(--cq-primary)}.guide-content{padding-top:12px;display:flex;flex-direction:column;gap:12px}.guide-item{font-size:13px;color:var(--cq-muted);margin:0;line-height:1.5}.guide-item strong{color:var(--cq-text)}.prompt-template-box{background:#0f172a;border:1px solid var(--cq-border);border-radius:8px;overflow:hidden;margin-top:8px}.prompt-template-box .box-header{background:rgba(255,255,255,.03);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cq-border)}.prompt-template-box .box-header span{font-size:11px;font-weight:600;color:var(--cq-muted)}.copy-template-btn{background:transparent;border:none;color:var(--cq-primary);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px}.copy-template-btn:hover{background:rgba(59,130,246,.1)}.prompt-preview{padding:12px;margin:0;font-size:11px;color:#60a5fa;font-family:monospace;white-space:pre-wrap;opacity:.8}.radar-section{margin:32px 0}.radar-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.radar-card h3{margin-bottom:8px;font-size:1.25rem}.section-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.radar-container{display:flex;justify-content:center;background:rgba(0,0,0,.1);border-radius:16px;padding:16px}.analytics-container{max-width:1600px;margin:0 auto;padding:24px;color:var(--text-primary);min-height:80vh}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;flex-wrap:wrap;gap:20px}.page-title{font-size:32px;font-weight:800;margin-bottom:8px;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{color:var(--text-secondary);font-size:16px}.analytics-tabs{display:flex;background:var(--bg-card);padding:4px;border-radius:12px;border:1px solid var(--border-dim)}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.tab-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.tab-btn.active{background:var(--primary-blue);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-active)}.icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card.blue .icon-box{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.green .icon-box{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.purple .icon-box{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.orange .icon-box{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-info .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.5px;line-height:1}.stat-info .value{font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.2}.section-title{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}.quiz-performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.quiz-perf-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quiz-perf-card:hover{transform:translateY(-4px);border-color:var(--primary-blue);box-shadow:0 10px 30px rgba(0,0,0,.2)}.perf-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.perf-card-header h3{font-size:18px;font-weight:700;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attempt-badge{background:rgba(59,130,246,.1);color:var(--primary-blue);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;margin-left:10px}.perf-metrics{display:flex;justify-content:space-between;margin-bottom:20px;background:rgba(255,255,255,.02);padding:12px;border-radius:12px}.metric{display:flex;flex-direction:column;align-items:center;gap:4px}.m-label{font-size:11px;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.m-val{font-size:16px;font-weight:800}.m-val.good{color:#34d399}.m-val.avg{color:#f59e0b}.text-sm{font-size:13px;font-weight:600;color:var(--text-secondary)}.mini-trend{height:40px;margin-bottom:16px;opacity:.7}.details-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:transparent;border:1px solid var(--border-dim);color:var(--text-secondary);border-radius:8px;font-size:13px;font-weight:600;transition:all .2s;cursor:pointer}.quiz-perf-card:hover .details-btn{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-main);width:100%;max-width:900px;max-height:90vh;border-radius:20px;border:1px solid var(--border-dim);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px;border-bottom:1px solid var(--border-dim);display:flex;justify-content:space-between;align-items:flex-start;background:var(--card-bg-subtle)}.modal-header h2{margin:0 0 4px;font-size:24px}.modal-header p{margin:0;color:var(--text-secondary);font-size:14px}.close-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px;cursor:pointer;border-radius:8px}.close-btn:hover{background:rgba(255,255,255,.1);color:var(--primary-blue)}.modal-body{padding:24px;overflow-y:auto}.chart-container-large{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:16px;padding:20px;margin-bottom:32px}.chart-container-large h3{margin-top:0;font-size:16px;color:var(--text-secondary)}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:12px 16px;color:var(--text-secondary);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--border-dim)}.history-table td{padding:16px;border-bottom:1px solid var(--border-dim);font-size:14px;color:var(--text-primary)}.score-col{font-weight:700}.score-val{color:var(--primary-blue);font-size:16px}.score-total{color:var(--text-secondary);font-size:12px;margin-left:2px}.score-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.score-badge.pass{background:rgba(16,185,129,.15);color:#34d399}.score-badge.fail{background:rgba(239,68,68,.15);color:#f87171}.table-responsive{overflow-x:auto}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-icon-bg{width:80px;height:80px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--text-tertiary)}@media(max-width:768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-title{font-size:22px}.page-subtitle{font-size:13px}.analytics-tabs{width:100%;gap:2px;padding:2px}.tab-btn{flex:1;justify-content:center;padding:6px 10px;font-size:12px}.stats-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.stat-card{padding:10px 8px;gap:6px;flex-direction:column;align-items:center;text-align:center}.icon-box{width:28px;height:28px;border-radius:6px}.icon-box svg{width:14px;height:14px}.stat-info .value{font-size:14px}.stat-info .label{font-size:8px}.quiz-performance-grid{grid-template-columns:1fr;gap:10px}.quiz-perf-card{padding:12px}.perf-card-header h3{font-size:15px}.perf-metrics{padding:8px;margin-bottom:12px}.m-val{font-size:14px}.modal-content{max-height:100vh;max-height:100dvh;height:100dvh;border-radius:0}.modal-header{padding:12px 16px}.modal-body{padding:12px}.chart-container-large{padding:10px;margin-bottom:16px}.history-table th,.history-table td{padding:8px;font-size:11px}}@media(max-width:480px){.stats-cards{grid-template-columns:repeat(2,1fr)}.history-table{min-width:450px}.table-responsive{-webkit-overflow-scrolling:touch}}.login-required-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background:var(--bg-card);border:1px dashed var(--border-dim);border-radius:24px;margin-top:40px}.lock-icon-box{width:100px;height:100px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-blue);margin-bottom:30px;box-shadow:0 0 30px rgba(59,130,246,.1)}.login-required-analytics h2{font-size:28px;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.login-required-analytics p{font-size:16px;color:var(--text-secondary);max-width:450px;margin-bottom:32px;line-height:1.6}.login-cta-btn{display:flex;align-items:center;gap:12px;padding:14px 32px;border-radius:14px;border:none;background:var(--primary-blue);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 10px 25px -5px rgba(59,130,246,.4)}.login-cta-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -8px rgba(59,130,246,.5);filter:brightness(1.1)}.preview-info{margin-top:24px;font-size:13px;color:var(--text-tertiary);font-style:italic}.explorer-container{padding:24px;max-width:1400px;margin:0 auto;min-height:85vh}.explorer-hero{text-align:center;margin-bottom:40px;padding:60px 20px;background:radial-gradient(circle at 15% 50%,rgba(99,102,241,.08) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.08) 0%,transparent 25%);border-radius:32px;border:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden}.explorer-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 80%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(99,102,241,.1);color:#818cf8;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px;border:1px solid rgba(99,102,241,.2);box-shadow:0 0 20px rgba(99,102,241,.1);backdrop-filter:blur(4px)}.explorer-hero h1{font-size:56px;font-weight:800;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.03em;line-height:1.1}.explorer-hero h1 .highlight{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.explorer-hero h1 .highlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(40px);opacity:.3;z-index:-1}.explorer-hero p{font-size:18px;color:var(--text-secondary);max-width:580px;margin:0 auto 48px;line-height:1.7;font-weight:500}.search-wrapper-pro{max-width:640px;margin:0 auto;position:relative;z-index:10}.search-box-exp{display:flex;flex-direction:row;align-items:center;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px 24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.16,1,.3,1);gap:16px;position:relative}.search-box-exp:focus-within{background:rgba(15,23,42,.8);border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.15),0 10px 40px -10px rgba(0,0,0,.5);transform:translateY(-2px)}.search-icon{color:var(--text-tertiary);transition:color .3s;flex-shrink:0;pointer-events:none}.search-box-exp:focus-within .search-icon{color:#818cf8}.search-box-exp input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;padding:0;height:100%;outline:none;font-weight:500;min-width:0}.search-box-exp input::placeholder{color:var(--text-tertiary);opacity:.7}.explorer-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap;gap:20px}.toolbar-left{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-weight:600;font-size:14px;background:rgba(255,255,255,.03);padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.icon-pulse{color:#818cf8}.toolbar-right{display:flex;align-items:center;gap:16px}.filter-chip-group{display:flex;align-items:center;gap:6px;background:rgba(15,23,42,.3);padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.filter-chip-group svg{color:var(--text-tertiary);margin:0 8px}.filter-chip{padding:8px 16px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.filter-chip.active{background:rgba(99,102,241,.15);color:#818cf8;border-color:rgba(99,102,241,.2);box-shadow:0 4px 12px rgba(99,102,241,.1)}.filter-chip:hover:not(.active){background:rgba(255,255,255,.05);color:var(--text-primary)}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.explorer-card{background:var(--bg-card);border:1px solid var(--border-dim);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:20px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(0px)}.explorer-card:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(99,102,241,.4);box-shadow:0 20px 40px -10px rgba(0,0,0,.4),0 0 20px rgba(99,102,241,.1);background:linear-gradient(145deg,var(--bg-card) 0%,rgba(30,41,59,.9) 100%)}.card-header-exp{display:flex;justify-content:space-between;margin-bottom:16px}.diff-badge{padding:4px 10px;border-radius:100px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px rgba(0,0,0,.1)}.plays-badge{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:11px;font-weight:600;background:rgba(255,255,255,.03);padding:4px 8px;border-radius:100px}.quiz-title-exp{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:10px;line-height:1.35;letter-spacing:-.01em;text-transform:uppercase}.quiz-desc-exp{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5;height:42px;opacity:.8}.quiz-meta-exp{display:flex;gap:16px;margin-bottom:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.play-btn-exp{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:10px 16px;border-radius:14px;text-decoration:none;font-weight:700;font-size:14px;transition:all .3s;box-shadow:0 4px 12px rgba(79,70,229,.3),inset 0 1px 1px rgba(255,255,255,.2);position:relative;overflow:hidden;height:42px}.play-btn-exp:hover{transform:translateY(-2px);box-shadow:0 12px 24px -6px rgba(79,70,229,.5);filter:brightness(1.1)}.card-actions-exp{display:flex;flex-direction:column;gap:16px;margin-top:auto}.primary-action-row{width:100%}.quick-admin-actions{display:flex;gap:8px;align-self:flex-start}.admin-btn-exp{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.05);color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s}.admin-btn-exp:hover{background:rgba(255,255,255,.1);color:#fff;transform:scale(1.05)}.secondary-action-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--border-dim);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s}.secondary-action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--primary-blue);border-color:var(--primary-blue);transform:translateY(-2px)}.star-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:50%;color:var(--text-tertiary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.star-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.15) rotate(5deg);color:var(--text-primary)}.star-btn:active{transform:scale(.9)}.star-btn.starred{background:rgba(251,191,36,.15);color:#fbbf24;border-color:rgba(251,191,36,.3);box-shadow:0 0 12px rgba(251,191,36,.4);animation:starPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.spinner-micro{width:16px;height:16px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--primary-blue);border-radius:50%;animation:spin .6s linear infinite}.secondary-action-btn:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-explorer{text-align:center;padding:120px 0;color:var(--text-secondary)}.empty-icon-box{width:80px;height:80px;background:rgba(255,255,255,.03);border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;font-size:32px;color:var(--text-tertiary);border:1px solid rgba(255,255,255,.05)}.empty-explorer h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}@media(max-width:640px){.explorer-container{padding:16px}.explorer-hero{padding:40px 16px;margin-bottom:24px}.explorer-hero h1{font-size:32px}.search-box-exp{padding:8px 16px}.explorer-toolbar{gap:16px}.toolbar-left,.toolbar-right{width:100%;justify-content:space-between}.filter-chip-group{width:100%;overflow-x:auto;padding-bottom:8px}}.insights-container{max-width:1600px;margin:20px auto;padding:24px;color:var(--text);min-height:80vh}.insights-container.loading{display:flex;align-items:center;justify-content:center;height:60vh;font-size:1.2rem;color:var(--muted)}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header-info h1{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--text) 0%,var(--muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-info p{color:var(--muted);font-size:1.1rem}.summary-ring{position:relative;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--percent) * 1%),var(--border) 0);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(14,165,233,.2)}.summary-ring:before{content:"";position:absolute;width:100px;height:100px;background:var(--bg);border-radius:50%}.summary-val{position:relative;font-size:1.8rem;font-weight:800;color:var(--primary)}.summary-lbl{position:relative;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-box{background:var(--panel);padding:24px;border-radius:20px;border:1px solid var(--border);display:flex;align-items:center;gap:16px;transition:transform .2s}.stat-box:hover{transform:translateY(-4px);border-color:var(--primary)}.sb-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sb-icon.starts{background:rgba(59,130,246,.1);color:#3b82f6}.sb-icon.submitted{background:rgba(16,185,129,.1);color:#10b981}.sb-icon.abandoned{background:rgba(239,68,68,.1);color:#ef4444}.sb-icon.answers{background:rgba(139,92,246,.1);color:#8b5cf6}.sb-val{display:block;font-size:1.5rem;font-weight:800}.sb-lbl{font-size:.85rem;color:var(--muted)}.charts-flex{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:24px}@media(max-width:900px){.charts-flex{grid-template-columns:1fr}}.insight-card{background:var(--panel);border-radius:20px;border:1px solid var(--border);padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h3{font-size:1.1rem;font-weight:700}.device-pills{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.device-pill{display:flex;align-items:center;gap:12px;font-size:.95rem}.device-pill .dot{width:8px;height:8px;border-radius:50%}.device-pill .name{flex:1;color:var(--muted)}.device-pill .val{font-weight:700}.bar-stack{display:flex;height:12px;background:var(--border);border-radius:6px;overflow:hidden}.footer-tip{display:flex;align-items:center;gap:8px;background:rgba(139,92,246,.05);padding:12px 16px;border-radius:12px;color:#8b5cf6;font-size:.85rem;margin-top:32px}@media(max-width:768px){.insights-container{padding:12px 10px;margin:10px auto}.insights-header{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.header-info h1{font-size:1.25rem;margin-bottom:2px}.header-info p{font-size:.8rem}.summary-ring{width:80px;height:80px}.summary-ring:before{width:65px;height:65px}.summary-val{font-size:1.1rem}.summary-lbl{font-size:.6rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.stat-box{padding:12px;gap:8px;border-radius:12px;flex-direction:column;align-items:center;text-align:center}.sb-icon{width:32px;height:32px;border-radius:6px}.sb-val{font-size:1.1rem}.sb-lbl{font-size:.7rem}.insight-card{padding:12px;border-radius:12px}.card-header{margin-bottom:16px}.card-header h3{font-size:.95rem}.device-pill{font-size:.8rem;gap:6px}.footer-tip{font-size:.7rem;padding:8px;margin-top:16px}}.leaderboard-page{min-height:100vh;background:radial-gradient(circle at top left,#0f172a,#020617);color:#fff;padding-bottom:40px;font-family:Inter,system-ui,-apple-system,sans-serif}.lb-header{background:rgba(15,23,42,.4);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);padding:20px 24px 0;position:sticky;top:0;z-index:100}.lb-nav{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-btn:hover{background:rgba(255,255,255,.1);transform:translate(-2px)}.lb-nav h1{font-size:24px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lb-tabs{display:flex;gap:8px}.lb-tab{padding:12px 24px;font-size:14px;font-weight:600;color:#94a3b8;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s}.lb-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.lb-tab:disabled{opacity:.5;cursor:default}.lb-podium-v2{display:flex;justify-content:center;align-items:center;padding:60px 20px 80px;position:relative;background:radial-gradient(circle at center,rgba(251,191,36,.05) 0%,transparent 70%)}.podium-spot-v2.gold{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.crown-floating{margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(251,191,36,.6));animation:crownFloat 3s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.avatar-wrapper-v2{position:relative;margin-bottom:16px;z-index:5}.avatar-wrapper-v2 img,.avatar-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #000;box-shadow:0 0 0 4px #fbbf24,0 10px 30px rgba(0,0,0,.5);background:#1e293b}.rank-badge-v2{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#fbbf24;color:#000;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid #000;box-shadow:0 4px 10px rgba(0,0,0,.3)}.podium-name-v2{font-weight:800;font-size:20px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);margin-bottom:4px}.podium-score-v2{font-size:14px;color:#38bdf8;font-weight:700;margin-bottom:30px;letter-spacing:.05em}.golden-box-base{width:160px;height:140px;background:linear-gradient(180deg,#fbbf24,#d97706);border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 50px -10px rgba(251,191,36,.3),inset 0 2px rgba(255,255,255,.4),inset 0 -2px rgba(0,0,0,.2);overflow:hidden}.golden-box-base:after{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none}.lb-list-container{max-width:800px;margin:0 auto;background:rgba(30,41,59,.3);border-radius:20px;border:1px solid rgba(255,255,255,.05);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3)}.lb-list-header-v2{display:grid;grid-template-columns:80px 1fr 120px 120px;padding:16px 32px;background:rgba(2,6,23,.5);border-radius:30px;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.lb-list-v2{display:flex;flex-direction:column;gap:8px}.lb-row{display:grid;grid-template-columns:80px 1fr 120px 120px;padding:14px 24px;align-items:center;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.02)}.lb-row:hover{background:rgba(59,130,246,.05)}.lb-row.is-me{background:rgba(59,130,246,.15);border-left:4px solid #3b82f6}.row-rank{font-weight:800;color:#64748b;font-size:14px}.row-user{display:flex;align-items:center;gap:12px}.row-avatar,.row-avatar-placeholder{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#1e293b}.row-avatar-placeholder{display:flex;align-items:center;justify-content:center;color:#475569}.row-name{font-weight:600;font-size:15px;color:#f1f5f9}.row-accuracy,.row-xp{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px}.row-accuracy{color:#10b981}.row-xp{color:#f59e0b}.accuracy-icon{opacity:.7}.xp-icon{animation:flame 1.5s infinite alternate ease-in-out}@keyframes flame{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(245,158,11,.5))}}.lb-empty{text-align:center;padding:80px 20px;color:#64748b}.lb-action-btn{margin-top:24px;background:#3b82f6;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.lb-action-btn:hover{background:#2563eb;transform:translateY(-2px)}@media(max-width:600px){.lb-podium{zoom:.8;gap:10px}.lb-list-header,.lb-row{grid-template-columns:60px 1fr 100px}.row-accuracy{display:none}.lb-list-header span:nth-child(3){display:none}}.lb-footer-gloss{position:fixed;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,#020617,transparent);pointer-events:none;z-index:10}.lb-login-wall{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:rgba(15,23,42,.4);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.05);margin:40px auto;max-width:600px;box-shadow:0 30px 60px rgba(0,0,0,.5)}.wall-visual{position:relative;margin-bottom:32px}.wall-overlay-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;pointer-events:none}.o-star,.o-crown,.o-flame{position:absolute;opacity:.3}.o-star{top:0;left:10%;color:#fbbf24;animation:float 3s infinite alternate}.o-crown{top:-20%;right:10%;color:#fbbf24;animation:float 4s infinite alternate-reverse}.o-flame{bottom:0;right:0;color:#f59e0b;animation:float 5s infinite alternate}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.lb-login-wall h2{font-size:32px;font-weight:800;margin-bottom:16px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lb-login-wall p{color:#94a3b8;font-size:16px;line-height:1.6;margin-bottom:40px;max-width:400px}.lb-login-btn-premium{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 40px;border-radius:50px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 10px 25px rgba(37,99,235,.4)}.lb-login-btn-premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px rgba(37,99,235,.6);filter:brightness(1.1)}.glass-pill-nav{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.glass-pill-nav:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff;transform:translate(-4px);box-shadow:0 0 15px rgba(255,255,255,.1)}.glass-pill-nav svg{transition:transform .3s ease}.glass-pill-nav:hover svg{transform:translate(-2px)}.mentor-page{min-height:100vh;padding:30px;background:#020617;color:#f1f5f9;font-family:Inter,system-ui,sans-serif}.mentor-header{margin-bottom:40px}.mentor-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(59,130,246,.1);color:#3b82f6;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:800;letter-spacing:.1em;border:1px solid rgba(59,130,246,.2);margin-bottom:16px}.mentor-header h1{font-size:32px;font-weight:800;margin-bottom:8px}.mentor-header p{color:#94a3b8;font-size:16px}.mentor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.mentor-card{background:rgba(30,41,59,.3);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:flex;gap:20px;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.mentor-card:hover{transform:translateY(-4px);background:rgba(30,41,59,.5);border-color:rgba(255,255,255,.1)}.card-icon{width:50px;height:50px;background:rgba(255,255,255,.03);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-info h3{font-size:14px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.persona-tag{font-size:20px;font-weight:800;color:#f1f5f9;margin-bottom:4px}.card-info p{color:#64748b;font-size:14px;line-height:1.5}.mentor-main-flex{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin-bottom:40px}@media(max-width:900px){.mentor-main-flex{grid-template-columns:1fr}}.mentor-section{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:30px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-title h2{font-size:20px;font-weight:800}.weak-list{display:flex;flex-direction:column;gap:20px}.weak-item{background:rgba(255,255,255,.02);padding:16px;border-radius:16px}.weak-topic{display:flex;justify-content:space-between;margin-bottom:8px}.topic-name{font-weight:700;color:#f1f5f9}.topic-acc{font-weight:600;font-size:13px;color:#94a3b8}.acc-track{height:6px;background:rgba(255,255,255,.05);border-radius:100px;overflow:hidden;margin-bottom:8px}.acc-fill{height:100%;border-radius:100px}.weak-status{font-size:12px;color:#64748b;font-weight:600}.plan-list{display:flex;flex-direction:column;gap:16px}.plan-card{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);padding:16px;border-radius:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s}.plan-card:hover{background:rgba(59,130,246,.1);transform:translate(4px);border-color:rgba(59,130,246,.3)}.plan-step{background:#3b82f6;color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:100px}.plan-info h4{font-weight:700;font-size:15px;margin-bottom:4px}.plan-info p{font-size:13px;color:#94a3b8}.plan-arrow{margin-left:auto;opacity:.3}.success-note{text-align:center;padding:40px 20px}.success-note p{color:#94a3b8;margin-top:12px}.mentor-stats-bar{display:flex;gap:20px;background:rgba(30,41,59,.3);padding:20px;border-radius:100px;justify-content:space-around;border:1px solid rgba(255,255,255,.03)}.ms-stat{text-align:center}.ms-lbl{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;margin-bottom:4px}.ms-val{font-weight:800;font-size:16px;color:#f1f5f9;display:flex;align-items:center;justify-content:center;gap:4px}.empty-content{text-align:center;padding:100px 20px;max-width:500px;margin:0 auto}.empty-content h2{margin-top:24px;font-weight:800}.empty-content p{color:#64748b;margin:12px 0 24px}.primary-btn{background:#3b82f6;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:700;cursor:pointer}.section-title-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:15px}.category-tabs-v5{display:flex;background:rgba(15,23,42,.8);padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.cat-tab-v5{background:transparent;border:none;color:#64748b;padding:6px 16px;font-size:13px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s}.cat-tab-v5.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.cat-summary-v5{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.cs-item{background:rgba(59,130,246,.03);border:1px solid rgba(59,130,246,.1);padding:12px;border-radius:12px;display:flex;flex-direction:column}.cs-item .lbl{font-size:10px;font-weight:700;color:#475569;text-transform:uppercase}.cs-item .val{font-size:18px;font-weight:800;color:#3b82f6}.topic-footer-v5{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.trend-tag-v5{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,.03);color:#64748b}.trend-tag-v5.up{color:#10b981;background:rgba(16,185,129,.1)}.trend-tag-v5.down{color:#ef4444;background:rgba(239,68,68,.1)}.empty-category-v5{text-align:center;padding:40px 20px;color:#475569}.empty-category-v5 p{margin-top:12px;font-size:14px}.primary-btn-premium{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 40px;border-radius:50px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 10px 25px rgba(37,99,235,.4);margin:0 auto}.primary-btn-premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px rgba(37,99,235,.6);filter:brightness(1.1)}.login-gate-icon{color:#3b82f6;opacity:.8;filter:drop-shadow(0 0 10px rgba(59,130,246,.4))}.autopilot-view{display:flex;flex-direction:column;gap:32px}.auto-header{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.05));border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;position:relative;overflow:hidden}.auto-hero{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.hero-content{display:flex;align-items:center;gap:24px}.ai-badge-large{width:64px;height:64px;background:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px rgba(99,102,241,.4)}.hero-text h1{font-size:32px;font-weight:800;margin-bottom:4px;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auto-toggle{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:50px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;color:var(--muted)}.auto-toggle.active{background:rgba(16,185,129,.1);border-color:#10b981;color:#10b981}.toggle-slider{width:40px;height:20px;background:#334155;border-radius:20px;position:relative;transition:all .3s}.auto-toggle.active .toggle-slider{background:#10b981}.toggle-slider:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:4px;transition:all .3s}.auto-toggle.active .toggle-slider:after{left:22px}.run-manually-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(99,102,241,.3);transition:all .2s}.run-manually-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.running-banner{background:rgba(0,0,0,.3);margin-top:24px;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px dashed var(--primary)}.auto-layout-grid{display:grid;grid-template-columns:320px 1fr;gap:32px}.auto-sidebar{display:flex;flex-direction:column;gap:24px}.config-card,.log-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header{background:rgba(255,255,255,.02);padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;color:var(--primary)}.card-header h3{font-size:15px;font-weight:700}.config-body{padding:20px}.setting-item{margin-bottom:20px}.setting-item label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.setting-item label.no-margin{margin-bottom:0}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.input-field{width:100%;padding:10px 14px;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:13px;transition:border-color .2s}.input-field:focus{border-color:var(--primary);outline:none}.input-group{display:flex;align-items:center;gap:12px}.input-group input{width:60px;text-align:center}.input-group span{font-size:13px;color:var(--muted)}.save-settings-btn{width:100%;padding:10px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:13px;font-weight:600}.log-list{padding:12px;max-height:250px;overflow-y:auto}.log-item{font-size:11px;color:var(--muted);padding:8px;border-bottom:1px solid rgba(255,255,255,.03)}.staging-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.staging-header h2{font-size:22px;font-weight:800;margin-bottom:4px}.pending-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-left:4px solid var(--primary);transition:all .2s}.pending-card:hover{transform:translate(4px);border-left-width:8px}.pending-topic-line{display:flex;align-items:center;gap:12px;margin-bottom:8px}.topic-badge{background:rgba(99,102,241,.1);color:var(--primary);font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px}.pending-title{font-size:18px;font-weight:700}.pending-meta{display:flex;gap:12px;font-size:13px;color:var(--muted)}.pending-actions{display:flex;gap:10px}.action-btn{height:40px;padding:0 16px;border-radius:8px;border:none;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.action-btn.preview{background:rgba(255,255,255,.05);color:var(--text)}.action-btn.approve{background:#10b981;color:#fff}.action-btn.discard{background:rgba(239,68,68,.1);color:#ef4444}.empty-staging{padding:80px 0;text-align:center;opacity:.5}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spin-slow 8s linear infinite}.selected-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);padding:4px 10px;border-radius:6px;font-size:11px;color:var(--text);display:flex;align-items:center;gap:6px;transition:all .2s}.topic-chip:hover{background:rgba(99,102,241,.2);border-color:var(--primary)}.subject-chip{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.3);color:#e0aaff}.chip-remove{cursor:pointer;opacity:.5;transition:opacity .2s}.chip-remove:hover{opacity:1;color:#ef4444}.topic-chip.more{background:rgba(255,255,255,.05);border-color:transparent;color:var(--muted);font-weight:700}.topic-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000}.topic-selector-modal{width:90%;max-width:600px;background:var(--panel);border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column;max-height:80vh;box-shadow:0 30px 60px rgba(0,0,0,.5);overflow:hidden}.selector-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.selector-header h3{font-size:20px;font-weight:800;margin-bottom:4px}.close-selector{background:rgba(255,255,255,.05);border:none;color:var(--muted);padding:8px;border-radius:50%;cursor:pointer}.selector-search{padding:16px 24px;display:flex;align-items:center;gap:16px;background:rgba(0,0,0,.2);border-bottom:1px solid var(--border)}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:12px}.search-input-wrapper input{background:transparent;border:none;color:#fff;font-size:15px;width:100%;outline:none}.refresh-selector-btn{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--muted);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.refresh-selector-btn:hover{background:rgba(255,255,255,.1);color:var(--primary);border-color:var(--primary)}.selector-list{flex:1;overflow-y:auto;padding:24px}.selector-exam-group{margin-bottom:24px}.exam-group-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.selector-subject-group{margin-left:12px;margin-bottom:16px;border-left:2px solid rgba(99,102,241,.2);padding-left:16px}.selector-subject-group-enhanced{margin-bottom:24px;padding:16px;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid transparent;transition:all .3s}.selector-subject-group-enhanced.active{background:rgba(168,85,247,.05);border-color:rgba(168,85,247,.2)}.sub-group-header-clickable{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:16px;padding:8px;border-radius:8px;transition:background .2s}.sub-group-header-clickable:hover{background:rgba(255,255,255,.05)}.sub-group-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.group-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.topic-select-item-slim{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.topic-select-item-slim:hover{background:rgba(255,255,255,.05);transform:translateY(-1px)}.topic-select-item-slim.selected{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.topic-select-item-slim .item-name{font-size:12px;font-weight:500}.circle-check-sm{width:14px;height:14px;border:1.5px solid var(--border);border-radius:50%}.selector-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.done-btn{background:var(--primary);color:#fff;border:none;padding:10px 32px;border-radius:12px;font-weight:700;cursor:pointer}.target-select-trigger{cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px}.no-topics-found{padding:60px 0;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--muted);opacity:.5}.animate-scale-in{animation:scaleIn .2s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.flex-between{display:flex;justify-content:space-between;align-items:center}.italic{font-style:italic}.mt-3{margin-top:12px}.text-primary{color:var(--primary)}.admin-dashboard-container{display:flex;height:100vh;background:#020617;color:#f8fafc;overflow:hidden;font-family:Inter,system-ui,sans-serif;position:relative}.admin-sidebar{width:260px;background:#0f172a;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;z-index:100}.admin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:90;backdrop-filter:blur(2px);animation:fade-in .2s}.admin-brand{padding:24px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-logo{color:#6366f1;-webkit-text-fill-color:initial}.admin-nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:#94a3b8;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:500;font-size:14px;width:100%;text-align:left;position:relative;-webkit-tap-highlight-color:transparent}@media(max-width:768px){.admin-dashboard-container{flex-direction:column}.admin-sidebar{position:fixed;left:-280px;top:0;bottom:0;height:100%;width:260px;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px rgba(0,0,0,.5)}.admin-sidebar.open{left:0}.admin-topbar{padding:0 16px;height:60px;position:sticky;top:0;z-index:40}.menu-toggle-btn{display:flex!important;margin-right:12px;background:none;border:none;color:#fff;cursor:pointer}.admin-stats-grid{grid-template-columns:1fr;gap:12px}.admin-section-cols{grid-template-columns:1fr}.admin-table-panel{overflow-x:auto;padding:16px}.admin-table th,.admin-table td{white-space:nowrap;padding:12px}.topbar-search{width:auto;flex:1;margin-right:10px}.admin-scroll-area{padding:16px}}.admin-nav-item:hover{background:rgba(255,255,255,.03);color:#f8fafc}.admin-nav-item.active{background:rgba(99,102,241,.1);color:#818cf8}.active-indicator{margin-left:auto;opacity:.5}.admin-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.05)}.admin-logout-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.1);border-radius:8px;color:#f87171;cursor:pointer;font-weight:600;transition:all .2s}.admin-logout-btn:hover{background:#ef4444;color:#fff}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at top right,rgba(99,102,241,.05),transparent)}.admin-topbar{height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(2,6,23,.5);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.topbar-left{display:flex;align-items:center}.topbar-search{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03);padding:8px 16px;border-radius:50px;width:400px;border:1px solid rgba(255,255,255,.05)}.topbar-search input{background:transparent;border:none;color:#fff;font-size:13px;width:100%}.topbar-search input:focus{outline:none}.search-icon{color:#475569}.admin-profile-pill{display:flex;align-items:center;gap:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);padding:6px 12px;border-radius:8px;color:#818cf8;font-weight:600;font-size:12px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.activity-icon-sm{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.activity-icon-sm.auth{background:rgba(59,130,246,.1);color:#3b82f6}.activity-icon-sm.info{background:rgba(255,255,255,.05);color:#94a3b8}.activity-icon-sm.admin{background:rgba(239,68,68,.1);color:#ef4444}.activity-details{flex:1;display:flex;flex-direction:column}.activity-label{font-size:14px;font-weight:700;color:#f1f5f9}.activity-description{font-size:13px;color:#94a3b8}.activity-time{font-size:12px;color:#64748b;font-weight:500}.mt-8{margin-top:32px}.admin-section-header h2{font-size:20px;font-weight:800;margin-bottom:4px}.admin-scroll-area::-webkit-scrollbar{width:6px}.admin-scroll-area::-webkit-scrollbar-track{background:transparent}.admin-scroll-area::-webkit-scrollbar-thumb{background:rgba(99,102,241,.2);border-radius:10px}.admin-scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.4)}.admin-scroll-area{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent}.admin-content-view{width:100%;display:flex;flex-direction:column}.admin-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.admin-header-row h1{font-size:28px;margin-bottom:4px;font-weight:800}.admin-btn-primary{background:#6366f1;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(99,102,241,.4)}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.admin-stat-card{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:border-color .2s}.admin-stat-card:hover{border-color:rgba(99,102,241,.3);background:rgba(15,23,42,.8)}.admin-stat-card.action{text-align:left;cursor:pointer;background:#0f172a;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-stat-card.action:hover{transform:translateY(-4px);background:rgba(99,102,241,.05);border-color:rgba(99,102,241,.5);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.admin-stat-card.action svg{width:32px;height:32px;opacity:.8}.stat-value.sm{font-size:14px;font-weight:500;color:#64748b;font-family:inherit}.stat-icon-box{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-box.users{background:rgba(59,130,246,.1);color:#3b82f6}.stat-icon-box.quizzes{background:rgba(168,85,247,.1);color:#a855f7}.stat-icon-box.attempts{background:rgba(234,179,8,.1);color:#eab308}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:800;font-family:JetBrains Mono,monospace}.stat-trend{font-size:11px;font-weight:700;color:#64748b}.stat-trend.up{color:#10b981}.admin-section-cols{display:grid;grid-template-columns:2fr 1fr;gap:24px}.admin-table-panel,.admin-side-panel{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header h3{font-size:16px;font-weight:700;color:#cbd5e1}.text-link{background:none;border:none;color:#6366f1;font-weight:600;font-size:13px;cursor:pointer}.admin-placeholder-table{height:200px;display:flex;align-items:center;justify-content:center;color:#475569;border:2px dashed rgba(255,255,255,.03);border-radius:12px}.system-health-list{display:flex;flex-direction:column;gap:16px}.health-item{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.dot{width:8px;height:8px;border-radius:50%}.dot.online{background:#10b981;box-shadow:0 0 8px #10b981}.health-status{margin-left:auto;color:#64748b;font-size:12px}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;gap:16px}.admin-empty-state h3{font-size:20px;color:#cbd5e1}.admin-empty-state p{color:#64748b;font-size:14px;max-width:300px}.admin-btn-secondary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-out}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:16px;background:rgba(255,255,255,.02);color:#94a3b8;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.03);color:#cbd5e1}.admin-table tr:hover td{background:rgba(255,255,255,.01)}.font-bold{font-weight:700;color:#f8fafc}.badge-outline{background:rgba(99,102,241,.1);color:#818cf8;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;border:1px solid rgba(99,102,241,.2)}.status-chip{padding:4px 10px;border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase}.status-chip.success{background:rgba(16,185,129,.1);color:#10b981}.status-chip.neutral{background:rgba(148,163,184,.1);color:#94a3b8}.table-actions{display:flex;gap:8px}.icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.03);color:#64748b;cursor:pointer;transition:all .2s}.icon-btn:hover{color:#fff;background:rgba(255,255,255,.08)}.icon-btn.edit:hover{border-color:#6366f1;color:#6366f1}.icon-btn.delete:hover,.icon-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.1)}.icon-btn.danger{color:#f87171;opacity:.7}.icon-btn.danger:hover{opacity:1}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(2,6,23,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal-content{background:#0f172a;width:100%;max-width:500px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px;font-weight:700;color:#f8fafc}.close-btn{background:none;border:none;color:#64748b;cursor:pointer}.admin-form{padding:24px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase}.admin-form input,.admin-form select,.admin-form textarea{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:12px 16px;border-radius:10px;color:#fff;font-size:14px;transition:all .2s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;border-color:#6366f1;background:rgba(99,102,241,.05)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scale-in .2s ease-out}.mt-8{margin-top:2rem}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.announcement-preview{margin-top:1rem;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:.95rem;opacity:.5;transition:all .3s;border:1px solid transparent}.announcement-preview.active{opacity:1;transform:scale(1.01)}.announcement-preview.info{background:rgba(59,130,246,.1);color:#60a5fa;border-color:rgba(59,130,246,.2)}.announcement-preview.success{background:rgba(34,197,94,.1);color:#4ade80;border-color:rgba(34,197,94,.2)}.announcement-preview.warning{background:rgba(245,158,11,.1);color:#fbbf24;border-color:rgba(245,158,11,.2)}.admin-section-header{margin-bottom:20px}.admin-section-header h2{font-size:20px;font-weight:700;margin-bottom:4px;color:#f8fafc}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.activity-item:hover{background:rgba(255,255,255,.01)}.activity-item:last-child{border-bottom:none}.activity-icon-sm{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-sm.auth{background:rgba(59,130,246,.1);color:#60a5fa}.activity-icon-sm.content{background:rgba(16,185,129,.1);color:#10b981}.activity-icon-sm.admin{background:rgba(139,92,246,.1);color:#a78bfa}.activity-icon-sm.info{background:rgba(148,163,184,.1);color:#94a3b8}.activity-details{flex:1;display:flex;flex-direction:column;gap:2px}.activity-label{font-size:13px;font-weight:700;color:#f8fafc}.activity-description{font-size:12px;color:#94a3b8}.activity-time{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase}.p-8{padding:2rem}.text-center{text-align:center}.admin-select-sm{background:#1e293b;border:1px solid rgba(255,255,255,.1);color:#f8fafc;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:all .2s;min-width:140px}.admin-select-sm:hover{background:#334155;border-color:rgba(255,255,255,.2)}.admin-select-sm:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.2)}.admin-select-sm option{background:#0f172a;color:#f8fafc;padding:10px}select{color-scheme:dark}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slide-down .2s ease-out}.expanded-row-master{background:rgba(99,102,241,.05)!important}.sub-row td,.topic-row td,.quiz-row-leaf td{border-bottom:1px solid rgba(255,255,255,.02)!important}.expand-btn:hover{color:#818cf8!important;transform:scale(1.1)}.icon-btn.sm{width:24px;height:24px;padding:0}.mobile-admin-header{display:none;height:60px;padding:0 16px;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;justify-content:space-between;z-index:200}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer}.admin-brand-desktop{padding:24px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:1024px){.admin-sidebar{position:fixed;left:-260px;top:0;bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px rgba(0,0,0,.5)}.admin-sidebar.open{left:0}.mobile-admin-header{display:flex}.admin-brand-desktop{display:none}.admin-topbar{padding:0 16px}.topbar-search{width:100%;max-width:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:150;animation:fade-in .3s}.admin-stats-grid{grid-template-columns:1fr;gap:12px}.admin-section-cols{grid-template-columns:1fr}}@keyframes skeleton-pulse{0%{opacity:.05}50%{opacity:.15}to{opacity:.05}}.skeleton-pulse{background:#fff;animation:skeleton-pulse 1.5s infinite ease-in-out}.admin-fab-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.admin-fab-main{width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(99,102,241,.4);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.admin-fab-main:hover{transform:scale(1.1) rotate(5deg)}.admin-fab-main.active{transform:rotate(45deg);background:#475569}.fab-menu{display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);transition:all .2s}.admin-fab-container.expanded .fab-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fab-action-btn{background:#1e293b;border:1px solid rgba(255,255,255,.1);padding:10px 16px;border-radius:12px;color:#fff;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .2s}.fab-action-btn:hover{background:#334155;transform:translate(-4px);border-color:#6366f1}.fab-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.admin-table-panel{overflow:auto;max-height:calc(100vh - 200px)}.admin-table thead th{position:sticky;top:0;z-index:10;background:#0f172a}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-scroll-area{padding:16px}.admin-stats-grid{grid-template-columns:1fr;gap:16px}.admin-header-row{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.admin-header-row h1{font-size:24px}.admin-table-panel{margin:0 -16px;width:calc(100% + 32px);border-radius:0;max-height:none}.stat-icon-box{width:48px;height:48px}.stat-value{font-size:24px}}@media(max-width:480px){.admin-sidebar{width:100%!important;position:fixed;left:-100%;transition:left .3s ease}.admin-sidebar.open{left:0}.top-bar-search{display:none}}@media(max-width:768px){.admin-table-panel{margin:0 -16px;width:calc(100% + 32px);border-radius:0}}