.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:15;flex-direction:column;flex-shrink:0;width:232px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:68px}.sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:1rem .875rem}.brand-header-flex{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar.collapsed .brand-header-flex{justify-content:center}.sidebar.collapsed .sidebar-header{padding:1rem 0}.brand{align-items:center;gap:.65rem;text-decoration:none;display:flex;overflow:hidden}.sidebar.collapsed .brand{justify-content:center}.brand-logo-container{background:var(--gradient-primary);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px 8px #2563eb59}.brand:hover .brand-logo-container{transform:rotate(-8deg)scale(1.08)}.brand-text{white-space:nowrap;overflow:hidden}.sidebar.collapsed .brand-text{display:none}.brand-text h1{color:var(--text-primary);letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:.95rem;font-weight:800;line-height:1.1}.brand-text span{color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;opacity:.85;font-size:.58rem;font-weight:600;display:block}.sidebar-collapse-toggle{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;display:flex}.sidebar-collapse-toggle:hover{background:var(--bg-sidebar-hover);color:var(--text-secondary)}.sidebar-nav{flex:1;padding:.5rem 0;overflow:hidden auto}.nav-group{margin-bottom:0}.nav-group-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;padding:.75rem 1.125rem .3rem;font-size:.62rem;font-weight:700}.sidebar.collapsed .nav-group-title{display:none}.nav-list{padding:0 .5rem;list-style:none}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;align-items:center;gap:.65rem;margin-bottom:1px;padding:.55rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.sidebar.collapsed .nav-link{justify-content:center;padding:.6rem}.sidebar.collapsed .nav-label{display:none}.nav-icon{transition:transform var(--transition-fast);flex-shrink:0}.nav-link:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.nav-link.active{background:var(--primary-bg-active);color:var(--primary-color);font-weight:600}[data-theme=dark] .nav-link.active{background:var(--primary-bg);color:var(--primary-light)}.sidebar.collapsed .nav-link.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #2563eb59}.sidebar-footer{border-top:1px solid var(--border-color);padding:.5rem}@media (width<=768px){.sidebar-footer{display:none!important}.sidebar-nav{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}}.welcome-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.welcome-modal-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);text-align:center;padding:2.5rem 2rem}.welcome-modal-content h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem}.welcome-modal-content p{color:var(--text-secondary);margin-bottom:2rem}.course-selection-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (width>=640px){.course-selection-grid{grid-template-columns:1fr 1fr}}.course-selection-card{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:center;padding:1.5rem 1rem;transition:all .2s}.course-selection-card:hover{border-color:var(--text-tertiary);background-color:var(--bg-tertiary)}.course-selection-card.selected{border-color:var(--primary-color);background-color:var(--primary-bg)}.course-selection-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.course-selection-card.selected h3{color:var(--primary-color)}.course-selection-card p{margin:0;font-size:.85rem}.welcome-start-btn{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;max-width:300px;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;transition:opacity .2s}.welcome-start-btn:hover{opacity:.9}.welcome-start-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.premium-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.premium-modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #818cf84d;width:100%;max-width:480px;animation:.3s cubic-bezier(.16,1,.3,1) modalPop;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #818cf826}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.premium-modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.premium-modal-close:hover{background:#fff3;transform:rotate(90deg)}.premium-modal-header{text-align:center;background:linear-gradient(135deg, #1e1b4b 0%, var(--primary-hover) 100%);color:#fff;padding:2.5rem 2rem 1.5rem;position:relative}.premium-modal-header:after{content:"";pointer-events:none;background:radial-gradient(circle at top,#818cf866 0%,#0000 70%);position:absolute;inset:0}.premium-modal-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex;position:relative;box-shadow:0 0 20px #f59e0b66}.premium-modal-header h2{letter-spacing:-.02em;z-index:1;margin-bottom:.5rem;font-size:1.5rem;font-weight:800;position:relative}.premium-modal-header p{opacity:.85;z-index:1;font-size:.95rem;position:relative}.premium-pricing{text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1.5rem}.premium-pricing .currency{vertical-align:top;margin-right:.2rem;font-size:1.5rem;font-weight:600}.premium-pricing .price{letter-spacing:-.03em;background:var(--gradient-arena);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:800}.premium-pricing .duration{color:var(--text-secondary);margin-left:.4rem;font-size:.9rem;font-weight:500}.premium-features-list{background:var(--bg-card);flex-direction:column;gap:1.25rem;padding:1.5rem 2rem;display:flex}.premium-feature{align-items:flex-start;gap:1rem;display:flex}.premium-feature-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--primary-color);background:#0d94881a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.premium-feature h4{color:var(--text-primary);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.premium-feature p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.premium-instructions{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:1.5rem 2rem}.premium-instructions h3{color:var(--text-primary);margin-bottom:1rem;font-size:.95rem;font-weight:700}.premium-instructions ol{color:var(--text-secondary);margin-bottom:1.25rem;padding-left:1.25rem;font-size:.85rem}.premium-instructions li{margin-bottom:.5rem;line-height:1.4}.premium-account-binding{border-radius:var(--radius-md);color:var(--text-primary);background:#10b9811a;border:1px solid #10b98133;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.premium-account-binding span{color:var(--text-secondary)}.premium-account-binding strong{color:var(--success)}.premium-telegram-btn{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#2aabee 0%,#229ed9 100%);border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.9rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 15px #2aabee4d}.premium-telegram-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2aabee66}.premium-telegram-btn:active{transform:translateY(0)}.telegram-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.telegram-modal{background:var(--surface);text-align:center;border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:40px;animation:.3s ease-out forwards slideUp;box-shadow:0 20px 40px #0006}.telegram-modal-icon{margin-bottom:20px;font-size:48px}.telegram-modal h2{color:var(--text);margin-bottom:12px;font-size:24px}.telegram-modal-desc{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.5}.telegram-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.telegram-btn.primary{color:#fff;background:#08c}.telegram-btn.primary:hover{background:#0077b3;transform:translateY(-2px)}.telegram-btn.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.telegram-btn.secondary{background:var(--surface-light);color:var(--text);border:1px solid var(--border);margin-top:12px}.telegram-btn.secondary:hover{background:var(--border)}.telegram-waiting{background:#0088cc1a;border:1px dashed #08c;border-radius:12px;margin-top:20px;padding:20px}.telegram-waiting p{color:var(--text);margin-bottom:8px;font-weight:500}.telegram-waiting p.small{color:var(--text-secondary);font-size:13px;font-weight:400}.loader-spinner{border:3px solid #0088cc4d;border-top-color:#08c;border-radius:50%;width:30px;height:30px;margin:20px auto;animation:1s linear infinite spin}.telegram-error{color:#f44;background:#ff44441a;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:10;height:56px;box-shadow:var(--shadow-xs);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.top-bar-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.sidebar-toggle-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.search-container{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);max-width:380px;transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);flex:1;align-items:center;gap:.5rem;padding:.45rem .75rem;display:flex}.search-container:focus-within{border-color:var(--primary-color);box-shadow:var(--glow-shadow);background:var(--bg-card)}.search-icon{color:var(--text-tertiary);transition:color var(--transition-base);flex-shrink:0}.search-container:focus-within .search-icon{color:var(--primary-color)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.875rem;line-height:1}.search-input::placeholder{color:var(--text-tertiary)}.search-shortcut{color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-color);letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:.15rem .35rem;font-size:.65rem;font-weight:600}.top-bar-actions{align-items:center;gap:.4rem;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;display:flex;position:relative}.icon-btn:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.notification-dot{background:var(--danger);border:2px solid var(--bg-sidebar);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot;position:absolute;top:3px;right:3px}.top-course-selector{background:var(--primary-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .75rem;display:flex;position:relative}.top-course-selector:hover{border-color:var(--primary-color);background:var(--primary-bg-active)}.course-name{color:var(--primary-color);white-space:nowrap;font-size:.8rem;font-weight:700}.course-chevron{color:var(--primary-color);flex-shrink:0}.course-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:175px;padding:.35rem;animation:.15s ease-out forwards slideDown;position:absolute;top:calc(100% + 6px);right:0}.course-dropdown-item{border-radius:var(--radius-sm);color:var(--text-primary);transition:background var(--transition-fast);cursor:pointer;padding:.6rem .85rem;font-size:.875rem;font-weight:500}.course-dropdown-item:hover{background:var(--bg-sidebar-hover)}.course-dropdown-item.active{background:var(--primary-bg-active);color:var(--primary-color);font-weight:700}[data-theme=dark] .course-dropdown-item.active{background:var(--primary-bg);color:var(--primary-light)}.profile-btn-round{background:var(--bg-sidebar-hover);border:1.5px solid var(--border-color);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-btn-round:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-bg)}.page-container{flex:1;padding:1.5rem 1.75rem;overflow-y:auto}.sidebar-overlay,.bottom-nav{display:none}@media (width<=768px){.sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0006;display:block;position:fixed;inset:0}.sidebar{z-index:25;transition:transform .25s;position:fixed;transform:translate(-100%);width:260px!important}.sidebar.open{transform:translate(0)}.top-bar{gap:.5rem;height:52px;padding:0 .875rem}.top-bar-left{gap:.4rem}.search-container,.search-shortcut{display:none}.page-container{padding:1rem;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.icon-btn,.sidebar-toggle-btn{min-width:40px;min-height:40px}.mobile-search-active-container{align-items:center;gap:.5rem;width:100%;animation:.2s ease-out fadeIn;display:flex}.mobile-search-input{background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);border:none;border:1.5px solid var(--border-color);width:100%;transition:all var(--transition-base);outline:none;padding:.5rem .75rem;font-size:.875rem}.mobile-search-input:focus{border-color:var(--primary-color);box-shadow:var(--glow-shadow)}.top-course-selector{flex-shrink:1;min-width:0;padding:.35rem .6rem}.top-course-selector.minified{padding:.3rem .45rem}.course-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.78rem;overflow:hidden}.top-course-selector.minified .course-name{font-size:.72rem}.bottom-nav{height:calc(56px + env(safe-area-inset-bottom));background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);z-index:15;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.bottom-nav-link{color:var(--text-tertiary);cursor:pointer;height:100%;transition:color var(--transition-fast);letter-spacing:.01em;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;font-size:.62rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-link svg{transition:transform var(--transition-fast)}.bottom-nav-link:hover,.bottom-nav-link.active{color:var(--primary-color)}.bottom-nav-link.active svg{transform:scale(1.1)}}.dashboard-wrapper{max-width:1200px;margin:0 auto;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard-header-row{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.greeting-text h1{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.85rem;font-weight:800}.greeting-text p{color:var(--text-secondary);font-size:.9rem}.greeting-badge{background:var(--primary-bg);color:var(--primary-color);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}[data-theme=dark] .greeting-badge{background:var(--primary-bg);color:var(--primary-light)}.sparkle-icon{animation:3s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.primary-gradient-btn{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #2563eb4d}.primary-gradient-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb66}.dashboard-grid{grid-template-columns:2fr 1fr;align-items:start;gap:1.75rem;display:grid}.dashboard-left-col{flex-direction:column;gap:1.25rem;display:flex}.dashboard-right-col{flex-direction:column;gap:1.75rem;display:flex}.arena-live-card{background:var(--gradient-arena);color:#fff;border-radius:16px;padding:2.25rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 25px #f43f5e4d}.arena-card-overlay{pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff26 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.arena-card-content{z-index:2;position:relative}.card-header-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.05em;background:#fff3;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.live-pulse{background-color:#fff;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse-light}@keyframes pulse-light{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.9)}}.arena-live-card h2{letter-spacing:-.02em;color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.arena-live-card p{opacity:.9;max-width:90%;margin-bottom:1.5rem;font-size:.925rem;line-height:1.45}.arena-meta-row{flex-wrap:wrap;gap:2.5rem;margin-bottom:1.75rem;display:flex}.meta-item{align-items:flex-start;gap:.75rem;display:flex}.meta-icon{opacity:.9;background:#ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;padding:.35rem;display:flex}.meta-label{opacity:.75;letter-spacing:.08em;font-size:.65rem;font-weight:700;display:block}.meta-value{font-size:1rem;font-weight:700}.meta-value.timer{letter-spacing:.02em;font-family:monospace;font-size:1.05rem}.arena-enter-btn{color:#f43f5e;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000001a}.arena-enter-btn:hover{background:#fff5f5;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);-webkit-backdrop-filter:none;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem;display:flex}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.metric-card:before{display:none}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.metric-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:.3rem;display:flex}.metric-icon.srs{color:var(--info);background:var(--info-bg)}.metric-icon.qbank{color:var(--primary-color);background:var(--primary-bg)}.metric-icon.streak{color:var(--warning);background:var(--warning-bg)}.metric-icon.trend{color:var(--success);background:var(--success-bg)}.metric-body{flex-direction:column;flex:1;display:flex}.metric-number{color:var(--text-primary);letter-spacing:-.03em;font-size:1.5rem;font-weight:800;line-height:1}.badge-icon-gold{color:var(--warning);filter:drop-shadow(0 2px 4px #f59e0b33)}.metric-label{color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem}.metric-progress-track{background-color:var(--bg-tertiary);border-radius:99px;width:100%;height:5px;margin-bottom:.5rem;overflow:hidden}.metric-progress-bar{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.srs-bar{background:var(--gradient-primary)}.qbank-bar{background:var(--gradient-success)}.streak-indicator-dots{gap:.25rem;margin-bottom:.5rem;display:flex}.streak-indicator-dots .dot{background-color:var(--border-color);border-radius:10px;width:14px;height:6px}.streak-indicator-dots .dot.active{background:var(--gradient-arena);box-shadow:0 1px 4px #f59e0b4d}.trend-indicator{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.trend-pill{border-radius:6px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.trend-indicator.positive .trend-pill{background-color:var(--success-bg);color:var(--success)}.trend-indicator.positive .trend-label{color:var(--text-secondary);font-size:.75rem}.metric-subtext{color:var(--text-tertiary);margin-top:auto;font-size:.7rem}.dashboard-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:none;padding:1.25rem 1.5rem}.dashboard-section-card:before{display:none}.section-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-card-header h2{color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.header-link{color:var(--primary-color);cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.header-link:hover{opacity:.8}.subjects-list{flex-direction:column;gap:.5rem;display:flex}.subject-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);transition:all var(--transition-base);grid-template-columns:minmax(120px,1.5fr) 2fr 80px auto;align-items:center;gap:1rem;padding:.6rem 1rem;display:grid}.subject-row:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translate(2px)}.subject-info-col{flex-direction:column;gap:.15rem;display:flex}.subject-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.subject-numbers{color:var(--text-secondary);font-size:.72rem}.subject-progress-col{align-items:center;gap:.75rem;display:flex}.progress-bg{background-color:var(--border-color);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%}.percent-label{color:var(--text-secondary);text-align:right;min-width:50px;font-size:.72rem;font-weight:600}.subject-accuracy-col{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.accuracy-label{color:var(--text-secondary);text-transform:uppercase;font-size:.65rem}.accuracy-value{font-size:.9rem;font-weight:700}.subject-action-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.subject-row:hover .subject-action-btn{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.daily-focus-card{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.daily-focus-card h3{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.8rem;font-weight:700}.focus-content{align-items:center;gap:1rem;display:flex}.focus-icon-container{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.focus-details h4{margin-bottom:.15rem;font-size:1.05rem;font-weight:700}.focus-details p{opacity:.9;font-size:.85rem;line-height:1.4}.focus-action-btn{color:#fff;cursor:pointer;transition:all var(--transition-base);background:#fff3;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem;font-size:.85rem;font-weight:700;display:flex}.focus-action-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.live-indicator{background-color:var(--danger-bg);color:var(--danger);letter-spacing:.05em;border:1px solid #ef444433;border-radius:6px;padding:.15rem .45rem;font-size:.65rem;font-weight:700;animation:2s infinite pulse-border}@keyframes pulse-border{0%{border-color:#ef444433}50%{border-color:#ef444499}to{border-color:#ef444433}}.leaderboard-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.8rem;line-height:1.4}.leaderboard-list{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.leaderboard-item{border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:12px;justify-content:space-between;align-items:center;padding:.65rem .85rem;transition:all .2s;display:flex}.leaderboard-item:hover{border-color:var(--primary-color);background-color:var(--bg-card)}.current-user-row{box-shadow:var(--shadow-sm);background-color:var(--primary-bg)!important;border-color:var(--primary-color)!important}.leaderboard-left{align-items:center;gap:.75rem;min-width:0;display:flex}.rank-number{background-color:var(--border-color);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.rank-1{color:#854d0e;background-color:#fef08a}.rank-2{color:#334155;background-color:#e2e8f0}.rank-3{color:#9a3412;background-color:#fed7aa}.current-user-row .rank-number{background-color:var(--primary-color);color:#fff}.user-avatar{color:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.user-meta{color:var(--text-secondary);font-size:.7rem}.user-score{color:var(--text-primary);font-size:.85rem;font-weight:700}.current-user-row .user-score{color:var(--primary-color);font-size:.9rem}.leaderboard-view-all{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.leaderboard-view-all:hover{background-color:var(--bg-sidebar-hover);color:var(--text-primary);border-color:var(--text-secondary)}.inspiration-panel{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.quote-icon{color:var(--border-color);opacity:.5;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:-10px;left:10px}.inspiration-quote{color:var(--text-secondary);z-index:2;margin-bottom:.5rem;font-size:.85rem;font-style:italic;line-height:1.45;position:relative}.inspiration-author{color:var(--primary-color);font-size:.75rem;font-weight:700}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.dashboard-header-row{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.greeting-text h1{font-size:1.45rem}.quick-actions{width:100%}.dashboard-btn{justify-content:center;width:100%}.metrics-grid{grid-template-columns:1fr 1fr;gap:.75rem}.metric-card{padding:.9rem 1rem}.metric-number{font-size:1.4rem}.arena-live-card{padding:1.5rem 1.25rem}.arena-live-card h2{font-size:1.3rem}.arena-meta-row{flex-direction:column;gap:.85rem}.meta-item{gap:.5rem}}@media (width<=480px){.dashboard-header-row{gap:.6rem;margin-bottom:1rem}.greeting-text h1{font-size:1.25rem}.metrics-grid{grid-template-columns:1fr;gap:.6rem}.metric-card{flex-direction:row;align-items:center;gap:1rem;padding:.85rem 1rem}.metric-number{font-size:1.55rem}.arena-live-card{padding:1.2rem 1rem}.arena-live-card h2{font-size:1.15rem}.arena-live-card p{font-size:.85rem}.dashboard-grid{gap:1rem}}@media (width<=580px){.subject-row{grid-template-columns:1fr auto auto;padding:.65rem .85rem}.subject-progress-col{display:none}}.login-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:1rem;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);text-align:center;padding:2.25rem 2rem;animation:.3s ease-out scaleIn}.login-logo{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 4px 14px #2563eb59}.login-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.4rem;font-family:Sora,sans-serif;font-size:1.7rem;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.9rem}.login-btn{background-color:var(--bg-card);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);border:1.5px solid var(--border-color);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.9rem;font-weight:600;display:flex}.login-btn:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.login-btn img{width:20px;height:20px}.premium-notice{background:var(--primary-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);text-align:left;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.85rem}.premium-notice h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.premium-notice h3 svg{color:var(--primary-color)}.premium-notice p{margin-bottom:.35rem;line-height:1.55}:root{--admin-bg:#0f172a;--admin-surface:#1e293b;--admin-panel:#1e293b;--admin-border:#334155;--admin-accent:#3b82f6;--admin-accent-glow:0 4px 20px #3b82f64d;--admin-success:#10b981;--admin-danger:#ef4444;--admin-text:#f8fafc;--admin-text-dim:#94a3b8}.admin-container{background-color:var(--admin-bg);color:var(--admin-text);flex-direction:column;gap:2rem;min-height:100vh;padding:2rem;animation:.3s ease-out fadeIn;display:flex}.admin-header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.admin-header-title{align-items:center;gap:1rem;display:flex}.admin-header-title svg{color:var(--admin-accent)}.admin-header-title h1{color:var(--admin-text);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.admin-metric-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.admin-metric-card:hover{border-color:var(--admin-accent);box-shadow:var(--admin-accent-glow);transform:translateY(-2px)}.metric-icon{color:var(--admin-accent);border-radius:var(--radius-md);background:#3b82f61a;justify-content:center;align-items:center;padding:.75rem;display:flex}.metric-icon.green{color:var(--admin-success);background:#10b9811a}.metric-icon.magenta{color:var(--admin-text);background:#f8fafc1a}.metric-details h3{color:var(--admin-text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.8rem;font-weight:600}.metric-details p{color:var(--admin-text);margin:0;font-size:1.75rem;font-weight:700;line-height:1}.admin-search-wrapper{width:100%;max-width:600px;position:relative}.admin-search-icon{color:var(--admin-text-dim);position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.admin-search-wrapper input{background:var(--admin-surface);border:1px solid var(--admin-border);width:100%;color:var(--admin-text);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);outline:none;padding:1rem 1rem 1rem 3.5rem;font-size:1rem}.admin-search-wrapper input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f626}.admin-main-layout{flex:1;align-items:flex-start;gap:2rem;display:flex}.admin-user-list-pane{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1;overflow:hidden}.admin-table-container{overflow-x:auto}.cyber-table{border-collapse:collapse;text-align:left;width:100%}.cyber-table th{color:var(--admin-text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--admin-border);background:#0003;padding:1rem 1.25rem;font-size:.8rem;font-weight:600}.cyber-table td{border-bottom:1px solid var(--admin-border);color:var(--admin-text);transition:background var(--transition-fast);padding:1rem 1.25rem;font-size:.9rem}.cyber-table tr:last-child td{border-bottom:none}.cyber-table tr:hover td{background:#ffffff08}.cyber-table tr.selected td{background:#3b82f61a}.status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.status-badge.active{color:var(--admin-success);background:#10b98126}.status-badge.banned{color:var(--admin-danger);background:#ef444426}.status-badge.inactive{color:var(--admin-text-dim);background:#94a3b826}.admin-drawer-pane{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--radius-lg);width:380px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:calc(100vh - 4rem);display:flex;position:sticky;top:2rem}.drawer-header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-header h2{color:var(--admin-text);margin:0;font-size:1.1rem;font-weight:700}.drawer-content{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.drawer-section h3{color:var(--admin-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem}.info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.5rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--admin-text-dim);font-size:.85rem}.info-value{color:var(--admin-text);text-align:right;font-size:.85rem;font-weight:500}.sub-card{border:1px solid var(--admin-border);border-radius:var(--radius-md);background:#0003;margin-bottom:.75rem;padding:1rem}.sub-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sub-course{color:var(--admin-accent);font-weight:600}.sub-dates{color:var(--admin-text-dim);margin-bottom:.75rem;font-size:.8rem}.action-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-base);border:none;padding:.6rem;font-size:.8rem;font-weight:600}.action-btn.revoke{color:var(--admin-danger);background:#ef44441a}.action-btn.revoke:hover{background:var(--admin-danger);color:#fff}.action-btn.ban{background:var(--admin-danger);color:#fff;margin-top:1rem}.action-btn.ban:hover{opacity:.9}.grant-form{flex-direction:column;gap:.75rem;display:flex}.cyber-input{border:1px solid var(--admin-border);width:100%;color:var(--admin-text);border-radius:var(--radius-sm);background:#0003;outline:none;padding:.75rem;font-size:.9rem}.cyber-input:focus{border-color:var(--admin-accent)}.cyber-btn{background:var(--admin-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:none;padding:.75rem;font-weight:600}.cyber-btn:hover{background:#2563eb}.quick-grants{gap:.5rem;margin-top:.5rem;display:flex}.quick-btn{border:1px solid var(--admin-border);color:var(--admin-text);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:#ffffff0d;flex:1;padding:.5rem;font-size:.75rem}.quick-btn:hover{border-color:var(--admin-accent);color:var(--admin-accent);background:#3b82f626}@media (width<=1024px){.admin-main-layout{flex-direction:column}.admin-drawer-pane{width:100%;max-height:none;position:static}}.profile-container{max-width:1000px;color:var(--text-primary);margin:0 auto;padding:2rem}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:2rem;font-weight:700}.profile-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:2rem;display:flex}.profile-info-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.profile-avatar{object-fit:cover;border:2px solid var(--primary-color);border-radius:50%;width:80px;height:80px}.profile-avatar-placeholder{background-color:var(--bg-tertiary);width:80px;height:80px;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info-text h2{margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.badge-admin{background-color:var(--primary-bg);color:var(--primary-color);border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.badge-user{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.profile-details-list{flex-direction:column;flex-grow:1;gap:1.5rem;display:flex}.profile-detail-item{align-items:flex-start;gap:1rem;display:flex}.detail-icon{color:var(--text-secondary);margin-top:.25rem}.profile-detail-item div{flex-direction:column;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.detail-value{color:var(--text-primary);font-size:1rem}.logout-btn{background-color:var(--bg-tertiary);width:100%;color:var(--danger);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{background-color:var(--danger-bg);border-color:var(--danger)}.card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header h3{font-size:1.25rem;font-weight:600}.subscriptions-list{flex-direction:column;gap:1rem;display:flex}.subscription-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.sub-course-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sub-course-info h4{color:var(--primary-color);font-size:1.1rem;font-weight:600}.sub-status{text-transform:uppercase;border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.sub-status.active{background-color:var(--success-bg);color:var(--success)}.sub-dates p{color:var(--text-secondary);font-size:.85rem}.no-subscriptions{text-align:center;color:var(--text-secondary);padding:2rem 0}.upgrade-prompt-btn{background:var(--gradient-arena);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s}.upgrade-prompt-btn:hover{opacity:.9}.qbank-index-wrapper{animation:.3s ease-out fadeIn}.qbank-header{margin-bottom:2rem}.qbank-header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.qbank-header p{color:var(--text-secondary);font-size:.95rem}.platform-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;transition:all .3s;overflow:hidden}.platform-section:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--primary-color-rgb), .2)}.platform-header{cursor:pointer;background:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.platform-header:hover{background:var(--bg-sidebar-hover)}.platform-title-group{align-items:center;gap:1rem;display:flex}.platform-color-dot{border-radius:50%;width:12px;height:12px}.platform-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700}.platform-meta{background:var(--primary-bg);color:var(--primary-color);border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.tree-body{border-top:1px solid var(--border-color);background:var(--bg-primary);padding:1rem 0}.folder-node{flex-direction:column;display:flex}.folder-header{cursor:pointer;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;transition:all .2s;display:flex}.folder-header:hover{background:var(--bg-sidebar-hover);border-left-color:var(--primary-color)}.folder-header.expanded{background:var(--bg-sidebar)}.folder-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:500;display:flex}.folder-icon{color:var(--text-secondary);transition:transform .2s}.folder-icon-color{color:#fbbf24}.folder-meta .meta-badge{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.15rem .5rem;font-size:.7rem}.folder-content{border-left:1px solid var(--border-color);margin-left:2rem;animation:.2s ease-out forwards slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.module-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:1.25rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.module-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.module-title{color:var(--text-primary);margin-bottom:1rem;font-size:.95rem;font-weight:700;line-height:1.3}.module-stats{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:flex}.module-progress-track{background:var(--bg-sidebar-hover);border-radius:3px;width:100%;height:6px;margin-bottom:1.25rem;overflow:hidden}.module-progress-fill{background:var(--success);border-radius:3px;height:100%;transition:width .5s}.module-start-btn{background:var(--primary-bg);width:100%;color:var(--primary-color);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.module-card:hover .module-start-btn{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (width<=768px){.qbank-header h1{font-size:1.35rem}.platform-header{padding:1rem 1.1rem}.platform-header h2{font-size:1.05rem}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.folder-header{min-height:44px;padding:.7rem 1.1rem}.folder-content{margin-left:1rem}}@media (width<=480px){.modules-grid{grid-template-columns:1fr;gap:.75rem}.platform-header{padding:.9rem 1rem}.platform-header h2{font-size:.95rem}.folder-content{margin-left:.75rem}.folder-title,.module-title{font-size:.9rem}.module-card{padding:1rem}}@media (width<=400px){.platform-header{padding:.8rem}.platform-header h2{font-size:.88rem}.folder-content{margin-left:.5rem}}.empty-state{text-align:center;color:var(--text-secondary);padding:4rem}.loader-container{justify-content:center;align-items:center;min-height:300px;display:flex}.module-code-badge{color:var(--text-tertiary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;align-items:center;gap:.25rem;width:fit-content;margin-bottom:.5rem;padding:.15rem .4rem;font-family:monospace;font-size:.7rem;display:flex}.module-actions-split{gap:.5rem;width:100%;display:flex}.module-start-btn.review,.module-start-btn.retake{flex:1}.module-start-btn.review{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color);border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent)}.module-start-btn.retake{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.module-start-btn.review:hover{background:var(--primary-color);color:#fff}.module-start-btn.retake:hover{background:var(--text-secondary);color:#fff}.module-card:hover .module-actions-split .module-start-btn{background:inherit;color:inherit;border-color:inherit}.module-card:hover .module-actions-split .module-start-btn.review{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color);border-color:color-mix(in srgb, var(--primary-color) 20%, transparent)}.module-card:hover .module-actions-split .module-start-btn.retake{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.module-card:hover .module-actions-split .module-start-btn.review:hover{background:var(--primary-color);color:#fff}.module-card:hover .module-actions-split .module-start-btn.retake:hover{background:var(--text-secondary);color:#fff}.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:90%;max-width:500px;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.custom-modal.notes-modal{max-width:800px}.custom-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.custom-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.custom-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.custom-modal-close:hover{background:var(--bg-primary);color:var(--danger)}.custom-modal-body{max-height:70vh;padding:1.5rem;overflow-y:auto}.custom-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.folder-create-form{gap:.5rem;margin-bottom:1.5rem;display:flex}.folder-create-form input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;flex:1;padding:.75rem 1rem;font-size:.95rem}.folder-create-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.folder-list{flex-direction:column;gap:.5rem;display:flex}.folder-list-item{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.folder-list-item:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.folder-list-item.active{border-color:var(--primary-color);background:var(--primary-bg)}.folder-list-item.active .folder-name{color:var(--primary-color);font-weight:600}.folder-icon{justify-content:center;align-items:center;display:flex}.folder-details{flex-direction:column;display:flex}.folder-name{color:var(--text-primary);font-size:1rem;font-weight:500}.folder-count{color:var(--text-tertiary);font-size:.8rem}.notes-modal-tabs{gap:1rem;display:flex}.notes-modal-tabs .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.notes-modal-tabs .tab-btn.active{background:var(--primary-color);color:#fff}.notes-textarea{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);resize:none;border:none;outline:none;padding:1.5rem;font-size:1.05rem;line-height:1.6}.canvas-toolbar{z-index:10;background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:8px;padding:.25rem;position:absolute;top:10px;right:10px}.qbank-fullscreen-wrapper{background-color:var(--bg-primary);z-index:1000;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.qbank-container{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.qbank-body{flex:1;display:flex;overflow:hidden}.qbank-body>.question-card{border-left:none;border-right:none;border-radius:0;flex:1;margin:0;overflow-y:auto}.qbank-palette-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qbank-palette-btn:hover{color:var(--text-primary)}.qbank-palette-btn.active{background:color-mix(in srgb, var(--primary-color) 10%, var(--bg-card));border-color:var(--primary-color);color:var(--primary-color)}.qbank-palette{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:.75rem;width:220px;padding:1rem;display:flex;overflow-y:auto}.qbank-palette h4{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.qb-palette-legend{flex-wrap:wrap;gap:.3rem .6rem;display:flex}.qbpl-item{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.68rem;display:flex}.qbpl-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.qbpl-dot.not-answered{background:var(--bg-tertiary);border:1px solid var(--border-color)}.qbpl-dot.correct{background:var(--success)}.qbpl-dot.incorrect{background:var(--danger)}.qb-palette-grid{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.qb-palette-btn{aspect-ratio:1;border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;color:var(--text-secondary);border-radius:5px;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;transition:all .1s;display:flex}.qb-palette-btn.current{outline:2px solid var(--primary-color);outline-offset:-1px}.qb-palette-btn.correct{color:var(--success);border-color:var(--success);background:#10b98133}.qb-palette-btn.incorrect{color:var(--danger);border-color:var(--danger);background:#ef444433}.qb-palette-summary{color:var(--text-secondary);border-top:1px solid var(--border-color);flex-direction:column;gap:.2rem;padding-top:.5rem;font-size:.78rem;display:flex}.qb-palette-summary strong{color:var(--text-primary)}.qbank-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.qbank-header-left{align-items:center;gap:1rem;display:flex}.qbank-titles{flex-direction:column;display:flex}.qbank-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.qbank-subject{color:var(--text-secondary);background:var(--bg-sidebar-hover);border-radius:99px;margin-top:.5rem;padding:.25rem .75rem;font-size:.875rem;display:inline-block}.qbank-progress{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:99px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.question-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.question-card:hover{box-shadow:var(--shadow-md)}.question-meta{border-bottom:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.meta-left{align-items:center;gap:1rem;display:flex}.qcv-badge{background:rgba(var(--primary-color-rgb), .1);color:var(--primary-color);letter-spacing:.5px;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700}.difficulty-indicator{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.diff-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.diff-bars .bar{background:var(--border-color);border-radius:2px;width:4px}.diff-bars .bar:first-child{height:6px}.diff-bars .bar:nth-child(2){height:9px}.diff-bars .bar:nth-child(3){height:12px}.difficulty-indicator.easy .diff-text{color:var(--success)}.difficulty-indicator.easy .diff-bars .bar.active{background:var(--success)}.difficulty-indicator.medium .diff-text{color:var(--warning)}.difficulty-indicator.medium .diff-bars .bar.active{background:var(--warning)}.difficulty-indicator.hard .diff-text{color:var(--danger)}.difficulty-indicator.hard .diff-bars .bar.active{background:var(--danger)}.meta-right{gap:.5rem;display:flex}.meta-btn{color:var(--text-secondary)}.meta-btn:hover{color:var(--primary-color);background:var(--bg-sidebar-hover)}.question-content{padding:1rem 1.25rem}.question-text{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.05rem;font-weight:500;line-height:1.5}.options-container{flex-direction:column;gap:.5rem;display:flex}.option-item{border:2px solid var(--border-color);cursor:pointer;background:var(--bg-card);border-radius:12px;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.option-item:not(.disabled):hover{border-color:var(--primary-color);background:var(--bg-sidebar-hover);transform:translateY(-2px)}.option-label{background:var(--bg-primary);width:28px;height:28px;color:var(--text-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:1rem;font-weight:700;display:flex}.option-text{color:var(--text-primary);flex:1;font-size:1rem}.option-icon{margin-left:1rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleIn}.options-container.answered .option-item{cursor:default;transform:none}.option-item.correct{border-color:var(--success);background:#10b9810d}.option-item.correct .option-label{background:var(--success);color:#fff}.correct-icon{color:var(--success)}.option-item.incorrect{border-color:var(--danger);background:#ef44440d}.option-item.incorrect .option-label{background:var(--danger);color:#fff}.incorrect-icon{color:var(--danger)}.option-item.disabled{opacity:.6}.explanation-section{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:1.25rem;animation:.4s ease-out slideDown}.explanation-section.border-correct{border-top:2px solid var(--success)}.explanation-section.border-incorrect{border-top:2px solid var(--danger)}.explanation-header h4{margin:0 0 1rem;font-size:1.125rem}.text-correct{color:var(--success)}.text-incorrect{color:var(--danger)}.explanation-body h5{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 .5rem;font-size:.875rem}.explanation-body p{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.6}.qbank-footer{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.qbank-footer-right{gap:.5rem;display:flex}.btn-nav{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-nav:hover:not(:disabled){background:var(--bg-sidebar-hover)}.btn-nav.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-nav.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px rgba(var(--primary-color-rgb), .3);transform:translateY(-2px)}.btn-nav.finish{background:var(--success);color:#fff;border-color:var(--success)}.btn-nav.finish:hover{opacity:.9;transform:translateY(-2px)}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.qbank-header-right{align-items:center;gap:.75rem;display:flex}.qbank-progress-mini{color:var(--text-secondary);background:var(--bg-sidebar-hover);border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;display:flex}.qbank-results-screen{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.qbank-results-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 8px 32px #0000001f}.qr-header{margin-bottom:1.5rem}.qr-trophy{color:var(--primary-color);margin-bottom:.5rem}.qr-header h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.qr-module-name{color:var(--text-secondary);font-size:.88rem}.qr-score-ring{margin:1.5rem 0}.qr-score-circle{background:conic-gradient(var(--success) var(--pct), var(--bg-tertiary) 0);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto .5rem;display:flex;position:relative}.qr-score-circle:before{content:"";background:var(--bg-secondary);border-radius:50%;position:absolute;inset:8px}.qr-score-number{z-index:1;color:var(--text-primary);font-size:1.4rem;font-weight:800;position:relative}.qr-score-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.qr-breakdown{justify-content:center;gap:.75rem;margin:1.25rem 0;display:flex}.qr-stat{border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.qr-stat div{flex-direction:column;align-items:flex-start;display:flex}.qr-stat strong{color:var(--text-primary);font-size:.95rem}.qr-stat span{font-size:.68rem}.qr-stat.correct{color:var(--success);background:#10b9811a}.qr-stat.incorrect{color:var(--danger);background:#ef44441a}.qr-stat.unanswered{background:var(--bg-tertiary);color:var(--text-secondary)}.qr-accuracy-bar{margin:1.25rem 0}.qr-accuracy-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:flex}.qr-bar-track{background:var(--bg-tertiary);border-radius:4px;height:8px;display:flex;overflow:hidden}.qr-bar-fill.correct{background:var(--success)}.qr-bar-fill.incorrect{background:var(--danger)}.qr-actions{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.qr-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.9rem;font-weight:600;transition:opacity .15s;display:flex}.qr-btn.primary{background:var(--primary-color);color:#fff}.qr-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.qr-btn:hover{opacity:.9}.qbank-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qbank-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;width:90%;max-width:400px;padding:2rem;box-shadow:0 16px 48px #0003}.qbank-modal h2{color:var(--text-primary);margin:0 0 1.25rem;font-size:1.2rem;font-weight:700}.qbank-modal-stats{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.qm-stat{color:var(--text-secondary);justify-content:space-between;font-size:.88rem;display:flex}.qm-stat strong{color:var(--text-primary)}.qm-stat strong.text-correct{color:var(--success)}.qm-stat strong.text-incorrect{color:var(--danger)}.qbank-modal-warning{color:var(--warning);align-items:center;gap:.3rem;margin:.5rem 0 1rem;font-size:.82rem;display:flex}.qbank-modal-actions{gap:.75rem;display:flex}.qm-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.65rem;font-size:.88rem;font-weight:600;transition:opacity .15s}.qm-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.qm-btn.confirm{background:var(--success);color:#fff}.qm-btn:hover{opacity:.9}.loading{justify-content:center;align-items:center;min-height:400px;display:flex}.empty{text-align:center;min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{opacity:.5;margin-bottom:1rem}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.qbank-container{padding:0}.question-meta{flex-wrap:wrap;gap:.4rem;padding:.65rem .9rem}.meta-left{flex-wrap:wrap;gap:.5rem}.question-content{padding:.9rem}.qbank-header{flex-wrap:wrap;gap:.4rem;padding:.6rem .75rem}.qbank-header-left{flex:1;gap:.5rem;min-width:0}.qbank-header-right{flex-shrink:0;gap:.35rem}.qbank-titles h2{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.95rem;overflow:hidden}.qbank-subject{display:none}.qbank-footer{border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;gap:.4rem;padding:.55rem .75rem}.btn-nav{white-space:nowrap;gap:.35rem;padding:.55rem .75rem;font-size:.8rem}.qbank-palette{border-left:none;border-top:1px solid var(--border-color);z-index:1001;border-radius:14px 14px 0 0;width:100%;height:auto;max-height:55vh;animation:.2s ease-out qb-palette-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0000001f}@keyframes qb-palette-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.qb-palette-grid{grid-template-columns:repeat(6,1fr);gap:4px}.qb-palette-btn{min-height:36px;font-size:.7rem}.qbank-results-screen{padding:1rem}.qbank-results-card{padding:1.25rem}.qr-breakdown{flex-wrap:wrap;justify-content:center;gap:.5rem}.qr-score-circle{width:90px;height:90px}.qr-score-number{font-size:1.2rem}.option-item{padding:.65rem .85rem}.question-text{font-size:.97rem}}@media (width<=400px){.qbank-header{padding:.5rem .6rem}.qbank-titles h2{max-width:130px;font-size:.88rem}.btn-nav{padding:.5rem .6rem;font-size:.78rem}.question-content{padding:.75rem}.option-item{padding:.55rem .75rem}.option-label{width:24px;height:24px;margin-right:.6rem;font-size:.8rem}.option-text{font-size:.9rem}.question-text{font-size:.92rem}.qb-palette-grid{grid-template-columns:repeat(5,1fr)}}.question-text img,.option-text img,.explanation-body img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:300px;margin:.4rem 0;display:block}@media (width<=768px){.question-text img,.option-text img,.explanation-body img{max-height:200px}}.media-player-container{border:1px solid var(--border-color);background:#000;border-radius:8px;margin:1rem 0;overflow:hidden}.media-badge{background:var(--bg-primary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.srs-flashcard{border:1px solid var(--border-color);flex-direction:column;max-width:800px;min-height:400px;margin:2rem auto;display:flex;box-shadow:0 10px 40px -10px #00000026}[data-theme=dark] .srs-flashcard{box-shadow:0 10px 40px -10px #0006}.srs-front-options{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:12px;flex-direction:column;gap:.85rem;margin:1.5rem 0;padding:1.5rem;display:flex}.srs-option-text-item{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:1.05rem;line-height:1.5;display:flex}.srs-opt-label{color:var(--primary-color);background:rgba(var(--primary-color-rgb), .1);border-radius:6px;padding:.2rem .6rem;font-size:.9rem;font-weight:800}.anki-action-bar{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.anki-action-bar.front-action{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.anki-action-bar.grading-bar{flex-wrap:wrap;gap:.75rem}.anki-btn{cursor:pointer;color:#fff;text-shadow:0 1px 2px #0000001a;border:none;border-radius:10px;flex:1;min-width:120px;padding:.85rem 1.5rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.anki-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.show-answer-btn{letter-spacing:.5px;border-radius:12px;width:100%;max-width:400px;padding:1.1rem;font-size:1.15rem}.grade-again{background:linear-gradient(135deg, var(--danger,#ef4444), #dc2626)}.grade-hard{background:linear-gradient(135deg, var(--warning,#f59e0b), #d97706)}.grade-good{background:linear-gradient(135deg, var(--success,#22c55e), #16a34a)}.grade-easy{background:linear-gradient(135deg, var(--info,#3b82f6), #2563eb)}.text-neutral{color:var(--text-primary)}.border-neutral{border-left:4px solid var(--primary-color,var(--border-light))}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) fadeIn}.icon-btn.active-srs{color:var(--primary-color,var(--primary-color));background:var(--bg-sidebar-hover)}.anki-back-face{border-top:1px solid var(--border-color);padding:1.5rem}.anki-back-face .explanation-section{box-shadow:none;background:0 0;border:none;padding:0}.anki-back-face .explanation-header{border-bottom:1px dashed var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.anki-back-face .explanation-header h4.anki-correct-heading{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.15rem;font-weight:500}.anki-back-face .explanation-header h4.anki-correct-heading strong{color:var(--success);font-weight:800}.anki-back-face .explanation-header .anki-correct-text{color:var(--text-primary);border-left:4px solid var(--success);background:#10b9811a;border-radius:0 8px 8px 0;margin-top:.5rem;padding:1rem 1.25rem;font-size:1.25rem;font-weight:600}.anki-pure-wrapper{z-index:1000;background-color:var(--bg-main);flex-direction:column;display:flex;position:fixed;inset:0}.anki-pure-header{justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.anki-pure-exit{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;transition:color .2s;display:flex}.anki-pure-exit:hover{color:var(--primary-color)}.count-due{color:var(--info);background:#3b82f61a;border-radius:20px;padding:.5rem 1rem;font-size:1.1rem;font-weight:700}.anki-pure-body{flex:1;justify-content:center;padding:2rem 1.5rem 10rem;display:flex;overflow-y:auto}.anki-pure-card{background:var(--bg-card);border-radius:16px;flex-direction:column;width:100%;max-width:750px;height:fit-content;margin-top:2vh;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;box-shadow:0 10px 40px -10px #00000026}.anki-pure-front,.anki-pure-back{width:100%}.anki-pure-qtext{color:var(--text-primary);text-align:left;margin-bottom:1.25rem;font-size:1.15rem;font-weight:500;line-height:1.5}.anki-pure-media{border-radius:12px;margin:1.5rem 0;overflow:hidden}.anki-pure-options{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.anki-pure-opt-item{color:var(--text-secondary);gap:.5rem;font-size:1rem;line-height:1.4;display:flex}.anki-pure-divider{border:none;border-top:2px dashed var(--border-color);margin:1.5rem 0}.anki-pure-answer{text-align:left;margin-bottom:1.5rem}.anki-pure-correct-label{color:var(--text-secondary);font-size:1.1rem}.anki-pure-correct-label strong{color:var(--success);font-size:1.15rem}.anki-pure-correct-text{color:var(--text-primary);border-left:4px solid var(--success);background:#10b9811a;border-radius:0 12px 12px 0;margin-top:.75rem;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600}.anki-pure-explanation{color:var(--text-secondary);font-size:1rem;line-height:1.6}.anki-pure-footer{background:var(--bg-main);border-top:1px solid var(--border-color);z-index:100;justify-content:center;padding:1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.anki-pure-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;max-width:600px;padding:1.1rem 4rem;font-size:1.25rem;font-weight:700;transition:transform .2s,box-shadow .2s}.anki-pure-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d94884d}.anki-pure-grading{gap:.75rem;width:100%;max-width:700px;display:flex}.anki-grade-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:.8rem;transition:transform .2s,filter .2s;display:flex;box-shadow:0 4px 12px #0000001a}.anki-grade-btn:hover{filter:brightness(1.1);transform:translateY(-3px)}.anki-grade-btn .time{opacity:.95;margin-bottom:.25rem;font-size:.85rem}.anki-grade-btn .label{font-size:1.15rem;font-weight:700}.anki-grade-btn.again{background:linear-gradient(135deg,#ef4444,#b91c1c)}.anki-grade-btn.hard{background:linear-gradient(135deg,#f59e0b,#b45309)}.anki-grade-btn.good{background:linear-gradient(135deg,#10b981,#047857)}.anki-grade-btn.easy{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.anki-pure-card img{object-fit:contain;border-radius:8px;max-width:100%;max-height:400px;margin:1rem 0;display:block}.ts-wrapper{max-width:1200px;margin:0 auto;padding:1.5rem}.ts-header{margin-bottom:2rem}.ts-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.ts-header p{color:var(--text-secondary);font-size:.95rem}.ts-loader{justify-content:center;align-items:center;min-height:400px;display:flex}.ts-empty{min-height:400px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.ts-empty-icon{opacity:.4}.ts-platform-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;overflow:hidden}.ts-platform-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .15s;display:flex}.ts-platform-header:hover{background:var(--bg-hover)}.ts-platform-title{align-items:center;gap:.75rem;display:flex}.ts-platform-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.ts-platform-title h2{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.ts-platform-meta{color:var(--text-secondary);align-items:center;gap:.75rem;display:flex}.ts-meta-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:500}.ts-platform-body{border-top:1px solid var(--border-color)}.ts-type-section{border-bottom:1px solid var(--border-color)}.ts-type-section:last-child{border-bottom:none}.ts-type-header{cursor:pointer;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;transition:background .15s;display:flex}.ts-type-header:hover{background:var(--bg-hover)}.ts-type-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.ts-type-count{color:var(--text-secondary);font-size:.8rem}.ts-test-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem 1.5rem 1.25rem;display:grid}.ts-test-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:.6rem;padding:1rem 1.15rem;transition:border-color .2s,box-shadow .2s;display:flex}.ts-test-card:hover{border-color:var(--primary-color);box-shadow:0 2px 12px #00000014}.ts-test-card.completed{border-color:var(--success);background:color-mix(in srgb, var(--success) 5%, var(--bg-primary))}.ts-test-card-top{justify-content:space-between;align-items:center;display:flex}.ts-test-code{color:var(--text-tertiary);align-items:center;gap:.3rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;display:flex}.ts-status-badge{border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:flex}.ts-status-badge.completed{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.ts-status-badge.in-progress{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.ts-test-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.ts-test-meta{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.82rem;display:flex}.ts-test-meta span{align-items:center;gap:.3rem;display:flex}.ts-exam-pattern{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:4px;width:fit-content;padding:.3rem .6rem;font-size:.75rem;display:inline-block}.ts-negative-warning{color:var(--warning);font-size:.72rem;font-weight:500}.ts-start-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.ts-start-btn:hover{opacity:.9;transform:translateY(-1px)}.ts-start-btn:active{transform:translateY(0)}@media (width<=768px){.ts-wrapper{padding:.9rem}.ts-test-grid{grid-template-columns:1fr;gap:.6rem;padding:.75rem 1rem}.ts-platform-header{min-height:44px;padding:.9rem 1rem}.ts-type-header{min-height:44px;padding:.75rem 1rem}}@media (width<=480px){.ts-wrapper{padding:.75rem}.ts-test-grid{padding:.6rem .75rem}}@media (width<=400px){.ts-wrapper{padding:.6rem}.ts-platform-header{padding:.8rem}}.exam-fullscreen{background:var(--bg-primary);z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.exam-fullscreen.loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:1rem}.exam-back-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.5rem 1.5rem;font-weight:600}.pre-exam-screen{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;padding:2rem;overflow-y:auto}.pre-exam-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:560px;padding:2.5rem;box-shadow:0 8px 32px #0000001f}.pre-exam-badge{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color);border-radius:6px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-block}.pre-exam-card h1{color:var(--text-primary);margin:0 0 .3rem;font-size:1.5rem;font-weight:700}.pre-exam-platform{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.pre-exam-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.pre-stat{background:var(--bg-tertiary);color:var(--primary-color);border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;display:flex}.pre-stat div{flex-direction:column;align-items:center;display:flex}.pre-stat strong{color:var(--text-primary);font-size:1rem}.pre-stat span{color:var(--text-secondary);font-size:.72rem}.pre-exam-rules{text-align:left;background:var(--bg-tertiary);border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.pre-exam-rules h3{color:var(--text-primary);margin:0 0 .6rem;font-size:.9rem;font-weight:600}.pre-exam-rules ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pre-exam-rules li{color:var(--text-secondary);padding-left:1.2rem;font-size:.82rem;position:relative}.pre-exam-rules li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.pre-exam-rules .rule-warning{color:var(--warning);font-weight:500}.pre-exam-rules .rule-warning:before{content:""}.pre-exam-start-btn{background:linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 80%, #000));color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:1.05rem;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.pre-exam-start-btn:hover{opacity:.92;transform:translateY(-1px)}.pre-exam-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem;font-size:.85rem}.pre-exam-back-btn:hover{color:var(--text-primary)}.exam-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.exam-topbar-left{align-items:center;gap:.75rem;display:flex}.exam-icon-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;padding:.4rem;display:flex}.exam-icon-btn:hover{color:var(--text-primary)}.exam-topbar-title h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.exam-topbar-title span{color:var(--text-secondary);font-size:.72rem}.exam-topbar-center{align-items:center;display:flex}.exam-timer{color:var(--text-primary);background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;display:flex}.exam-timer.warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--bg-tertiary))}.exam-timer.critical{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--bg-tertiary));animation:1s infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.exam-review-badge{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-radius:8px;padding:.4rem 1rem;font-size:.9rem;font-weight:600}.exam-topbar-right{align-items:center;gap:.75rem;display:flex}.exam-palette-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:.4rem .8rem;font-size:.78rem;font-weight:500}.exam-submit-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .15s;display:flex}.exam-submit-btn:hover{opacity:.9}.exam-body{flex:1;display:flex;overflow:hidden}.exam-question-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}.exam-q-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.exam-q-number{color:var(--text-primary);font-size:.85rem;font-weight:600}.exam-mark-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.exam-mark-btn.active{background:color-mix(in srgb, var(--warning) 15%, transparent);border-color:var(--warning);color:var(--warning)}.exam-q-body{flex:1;padding:1.5rem;overflow-y:auto}.exam-q-text{color:var(--text-primary);margin-bottom:1.25rem;font-size:1rem;line-height:1.6}.exam-q-text img{border-radius:8px;max-width:100%;margin:.5rem 0}.exam-q-image{margin-bottom:1rem}.exam-q-image img{border-radius:8px;max-width:100%}.exam-options{flex-direction:column;gap:.6rem;display:flex}.exam-option{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:border-color .15s,background .15s;display:flex;position:relative}.exam-option:hover:not(.correct):not(.wrong):not(.disabled){border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 5%, var(--bg-secondary))}.exam-option.selected{border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 10%, var(--bg-secondary))}.exam-option.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--bg-secondary));cursor:default}.exam-option.wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--bg-secondary));cursor:default}.exam-option.disabled{opacity:.5;cursor:default}.exam-opt-label{background:var(--bg-tertiary);min-width:28px;height:28px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.exam-option.selected .exam-opt-label{background:var(--primary-color);color:#fff}.exam-option.correct .exam-opt-label{background:var(--success);color:#fff}.exam-option.wrong .exam-opt-label{background:var(--danger);color:#fff}.exam-opt-text{color:var(--text-primary);flex:1;padding-top:.15rem;font-size:.92rem;line-height:1.4}.exam-opt-text img{border-radius:6px;max-width:100%;margin:.3rem 0}.opt-icon-correct{color:var(--success);flex-shrink:0;margin-left:auto}.opt-icon-wrong{color:var(--danger);flex-shrink:0;margin-left:auto}.exam-explanation{background:color-mix(in srgb, var(--primary-color) 5%, var(--bg-secondary));border:1px solid color-mix(in srgb, var(--primary-color) 20%, var(--border-color));border-radius:10px;margin-top:1.25rem;padding:1rem 1.25rem}.exam-explanation h4{color:var(--primary-color);margin:0 0 .5rem;font-size:.9rem;font-weight:600}.exam-explanation div{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.exam-explanation img{border-radius:8px;max-width:100%;margin:.5rem 0}.exam-nav-bar{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.exam-nav-left,.exam-nav-right{gap:.5rem;display:flex}.exam-nav-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.5rem 1rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.exam-nav-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.exam-nav-btn:disabled{opacity:.4;cursor:not-allowed}.exam-nav-btn.primary{background:var(--primary-color);color:#fff;border-color:#0000}.exam-nav-btn.primary:hover:not(:disabled){opacity:.9;color:#fff}.exam-nav-btn.tertiary{border-color:#0000}.exam-palette{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:.75rem;width:240px;padding:1rem;display:flex;overflow-y:auto}.exam-palette h4{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.palette-legend{flex-wrap:wrap;gap:.4rem .8rem;display:flex}.pl-item{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.68rem;display:flex}.pl-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.pl-dot.not-visited{background:var(--bg-tertiary);border:1px solid var(--border-color)}.pl-dot.visited{background:#f87171}.pl-dot.answered{background:var(--success)}.pl-dot.marked{background:var(--warning)}.palette-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.palette-btn{aspect-ratio:1;border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;width:100%;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;transition:all .1s;display:flex}.palette-btn.current{outline:2px solid var(--primary-color);outline-offset:-1px}.palette-btn.visited{color:#7f1d1d;background:#fca5a5;border-color:#f87171}.palette-btn.answered{background:color-mix(in srgb, var(--success) 30%, var(--bg-tertiary));color:var(--success);border-color:var(--success)}.palette-btn.marked{background:color-mix(in srgb, var(--warning) 25%, var(--bg-tertiary));color:#92400e;border-color:var(--warning)}.palette-btn.answered-marked{background:color-mix(in srgb, var(--success) 30%, var(--bg-tertiary));color:var(--success);border-color:var(--warning);box-shadow:inset 0 0 0 2px var(--warning)}.palette-summary{color:var(--text-secondary);border-top:1px solid var(--border-color);flex-direction:column;gap:.25rem;padding-top:.5rem;font-size:.78rem;display:flex}.palette-summary strong{color:var(--text-primary)}.exam-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exam-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;width:90%;max-width:420px;padding:2rem;box-shadow:0 20px 60px #0000004d}.exam-modal h2{color:var(--text-primary);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.modal-stats{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.modal-stat{justify-content:space-between;font-size:.88rem;display:flex}.ms-label{color:var(--text-secondary)}.ms-value{color:var(--text-primary);font-weight:600}.ms-value.warn{color:var(--warning)}.modal-warning{color:var(--warning);margin:.5rem 0 1rem;font-size:.82rem}.modal-actions{gap:.75rem;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.7rem;font-size:.9rem;font-weight:600;transition:opacity .15s}.modal-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-btn.submit{background:var(--danger);color:#fff}.modal-btn:hover{opacity:.9}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.result-screen{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;padding:2rem;overflow-y:auto}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:500px;padding:2.5rem;box-shadow:0 8px 32px #0000001f}.result-trophy-area{margin-bottom:1.5rem}.result-trophy-icon{color:var(--warning);margin-bottom:.5rem}.result-trophy-area h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.result-trophy-area p{color:var(--text-secondary);font-size:.9rem}.result-score-ring{margin:1.5rem 0}.score-circle{background:conic-gradient(var(--primary-color) var(--pct), var(--bg-tertiary) 0);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto .5rem;display:flex;position:relative}.score-circle:before{content:"";background:var(--bg-secondary);border-radius:50%;position:absolute;inset:8px}.score-number{z-index:1;color:var(--text-primary);font-size:1.5rem;font-weight:800;position:relative}.score-label{color:var(--text-secondary);font-size:.88rem;font-weight:500}.result-breakdown{justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.rb-item{border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.82rem;display:flex}.rb-item div{flex-direction:column;align-items:flex-start;display:flex}.rb-item strong{color:var(--text-primary);font-size:1rem}.rb-item span{font-size:.72rem}.rb-item.correct{background:color-mix(in srgb, var(--success) 10%, transparent);color:var(--success)}.rb-item.wrong{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.rb-item.unanswered{background:var(--bg-tertiary);color:var(--text-secondary)}.result-time{color:var(--text-secondary);justify-content:center;align-items:center;gap:.3rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.result-config-badge{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:6px;margin-bottom:1.25rem;padding:.3rem .8rem;font-size:.75rem;display:inline-block}.result-actions{flex-direction:column;gap:.5rem;display:flex}.result-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:opacity .15s;display:flex}.result-btn.primary{background:var(--primary-color);color:#fff}.result-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.result-btn:hover{opacity:.9}.exam-q-text img,.exam-opt-text img,.exam-explanation img,.exam-q-image img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:300px;margin:.4rem 0;display:block}.exam-review-badge,.modal-warning{align-items:center;gap:.4rem;display:flex}.ts-negative-warning{align-items:center;gap:.3rem;display:flex}.ts-type-icon{color:var(--text-secondary);flex-shrink:0}@media (width<=768px){.pre-exam-card{padding:1.25rem}.pre-exam-stats{grid-template-columns:repeat(2,1fr);gap:.6rem}.exam-topbar{gap:.4rem;padding:.5rem .75rem}.exam-topbar-title h3{max-width:110px;font-size:.78rem}.exam-topbar-title span{display:none}.exam-q-body{padding:.9rem}.exam-nav-bar{gap:.4rem;padding:.55rem .75rem}.result-breakdown{flex-direction:column;align-items:center}.result-card{padding:1.25rem}.exam-timer{padding:.3rem .55rem;font-size:.88rem}.exam-submit-btn{padding:.4rem .7rem;font-size:.78rem}.exam-submit-btn span{display:none}.exam-q-text img,.exam-opt-text img,.exam-explanation img,.exam-q-image img{max-height:200px}.exam-palette{border-left:none;border-top:1px solid var(--border-color);z-index:10001;border-radius:16px 16px 0 0;width:100%;height:auto;max-height:60vh;animation:.2s ease-out palette-slide-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #00000026}@keyframes palette-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.palette-grid{grid-template-columns:repeat(6,1fr);gap:4px}.palette-btn{aspect-ratio:1;min-height:34px;font-size:.7rem}.exam-palette-toggle{display:flex!important}.exam-nav-btn{padding:.4rem .7rem;font-size:.78rem}}@media (width<=400px){.exam-topbar-title{display:none}.palette-grid{grid-template-columns:repeat(5,1fr)}.pre-exam-stats{grid-template-columns:repeat(2,1fr);gap:.4rem}.pre-exam-card h1{font-size:1.1rem}.exam-q-body{padding:.7rem}.exam-nav-bar{padding:.5rem}.exam-nav-btn{padding:.35rem .55rem;font-size:.72rem}}.hist-wrapper{max-width:1000px;margin:0 auto;padding:1.5rem}.hist-loader{justify-content:center;align-items:center;min-height:400px;display:flex}.hist-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.hist-header h1{color:var(--text-primary);margin:0 0 .2rem;font-size:1.5rem;font-weight:700}.hist-header p{color:var(--text-secondary);margin:0;font-size:.88rem}.hist-filters{gap:.4rem;display:flex}.hist-filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.hist-filter-btn:hover{color:var(--text-primary)}.hist-filter-btn.active{background:color-mix(in srgb, var(--primary-color) 12%, transparent);border-color:var(--primary-color);color:var(--primary-color)}.hist-empty{text-align:center;min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.hist-empty-icon{opacity:.3}.hist-empty h2{color:var(--text-primary);margin:0}.hist-empty p{margin:0}.hist-list{flex-direction:column;gap:.75rem;display:flex}.hist-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .15s;display:flex}.hist-card:hover{border-color:var(--primary-color)}.hist-card-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.hist-type-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:5px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.68rem;font-weight:600;display:flex}.hist-type-badge.test{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color)}.hist-type-badge.qbank{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.hist-type-badge.custom{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning)}.hist-type-badge.arena{color:#d4a800;background:#ffd7001f}.hist-card-info{min-width:0}.hist-card-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin:0 0 .2rem;font-size:.9rem;font-weight:600;overflow:hidden}.hist-card-meta{color:var(--text-tertiary);align-items:center;gap:.6rem;font-size:.75rem;display:flex}.hist-card-meta span{align-items:center;gap:.2rem;display:flex}.hist-card-center{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.hist-score-ring-small{background:conic-gradient(var(--primary-color) var(--pct), var(--bg-tertiary) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.hist-score-ring-small:before{content:"";background:var(--bg-secondary);border-radius:50%;position:absolute;inset:4px}.hist-score-ring-small span{z-index:1;color:var(--text-primary);font-size:.65rem;font-weight:700;position:relative}.hist-score-details{flex-direction:column;gap:.2rem;display:flex}.hist-score-row{gap:.5rem;font-size:.72rem;display:flex}.hs-correct{color:var(--success);align-items:center;gap:.15rem;display:flex}.hs-wrong{color:var(--danger);align-items:center;gap:.15rem;display:flex}.hs-unanswered{color:var(--text-tertiary);align-items:center;gap:.15rem;display:flex}.hist-score-bar{background:var(--bg-tertiary);border-radius:2px;width:120px;height:4px;display:flex;overflow:hidden}.hsb-fill.correct{background:var(--success)}.hsb-fill.wrong{background:var(--danger)}.hist-total{color:var(--text-tertiary);font-size:.68rem}.hist-card-actions{flex-shrink:0;gap:.4rem;display:flex}.hist-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.78rem;font-weight:500;transition:opacity .15s;display:flex}.hist-action-btn.review{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color);border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent)}.hist-action-btn.retake{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.hist-action-btn:hover{opacity:.8}@media (width<=768px){.hist-wrapper{padding:.9rem}.hist-card{flex-direction:column;align-items:flex-start;gap:.65rem;padding:.85rem 1rem}.hist-card-left{width:100%}.hist-card-info h3{max-width:100%}.hist-card-center{width:100%}.hist-score-bar{flex:1;width:100%}.hist-card-actions{width:100%}.hist-action-btn{flex:1;justify-content:center;min-height:40px}.hist-header{flex-direction:column;gap:.5rem}}@media (width<=400px){.hist-wrapper{padding:.7rem}.hist-card{padding:.75rem}}.cm-wrapper{max-width:1200px;margin:0 auto;animation:.3s ease-out fadeIn}.cm-header{margin-bottom:2rem}.cm-header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.cm-header p{color:var(--text-secondary);font-size:.95rem}.cm-actions-row{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.cm-create-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #0d948840}.cm-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d948859}.cm-import-group{flex:1;align-items:center;gap:0;max-width:400px;display:flex}.cm-import-input{border:1px solid var(--border-color);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--bg-card);color:var(--text-primary);letter-spacing:.05em;border-right:none;outline:none;flex:1;padding:.85rem 1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;transition:border-color .2s}.cm-import-input::placeholder{color:var(--text-tertiary);letter-spacing:normal;font-family:Inter,sans-serif}.cm-import-input:focus{border-color:var(--primary-color)}.cm-import-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;padding:.85rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.cm-import-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cm-section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.cm-module-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.cm-module-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.cm-module-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.cm-module-card.completed{border-color:var(--success);background:color-mix(in srgb, var(--success) 3%, var(--bg-card))}.cm-card-top{justify-content:space-between;align-items:flex-start;display:flex}.cm-code{color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:all .15s;display:flex}.cm-code:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.cm-card-actions{gap:.35rem;display:flex}.cm-icon-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-tertiary);border-radius:6px;align-items:center;padding:.3rem;transition:all .15s;display:flex}.cm-icon-btn:hover{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--bg-secondary))}.cm-card-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.cm-card-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.cm-card-filters{flex-wrap:wrap;gap:.3rem;display:flex}.cm-filter-chip{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.15rem .45rem;font-size:.68rem}.cm-card-stats{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.cm-progress-track{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden}.cm-progress-fill{background:var(--primary-color);border-radius:2px;height:100%;transition:width .4s}.cm-module-card.completed .cm-progress-fill{background:var(--success)}.cm-card-btns{gap:.5rem;display:flex}.cm-solve-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.cm-solve-btn.primary{background:var(--primary-color);color:#fff}.cm-solve-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.cm-solve-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.cm-solve-btn.secondary:hover{background:var(--text-secondary);color:#fff}.cm-empty{text-align:center;color:var(--text-secondary);padding:3rem}.cm-empty-icon{opacity:.3;margin-bottom:1rem}.cmb-wrapper{max-width:1200px;margin:0 auto;animation:.3s ease-out fadeIn}.cmb-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.cmb-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.9rem;transition:all .15s;display:flex}.cmb-back:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.cmb-top-bar h1{color:var(--text-primary);font-size:1.5rem;font-weight:700}.cmb-layout{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}.cmb-filters{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.cmb-field{flex-direction:column;gap:.5rem;display:flex}.cmb-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.cmb-field input[type=text],.cmb-field input[type=number]{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s}.cmb-field input:focus{border-color:var(--primary-color)}.cmb-field textarea{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;min-height:60px;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.cmb-field textarea:focus{border-color:var(--primary-color)}.cmb-chips{flex-wrap:wrap;gap:.4rem;display:flex}.cmb-chip{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.cmb-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.cmb-chip.active{background:color-mix(in srgb, var(--primary-color) 15%, transparent);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.cmb-chip .chip-count{opacity:.7;font-size:.65rem}.cmb-search-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;width:100%;margin-bottom:.4rem;padding:.5rem .75rem;font-size:.82rem;transition:border-color .2s}.cmb-search-input:focus{border-color:var(--primary-color)}.cmb-chips-scroll{flex-wrap:wrap;gap:.4rem;max-height:180px;padding:.25rem 0;display:flex;overflow-y:auto}.cmb-status-group{border:1px solid var(--border-color);border-radius:8px;gap:0;display:flex;overflow:hidden}.cmb-status-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:none;border-right:1px solid var(--border-color);flex:1;padding:.5rem .75rem;font-size:.78rem;font-weight:500;transition:all .15s}.cmb-status-btn:last-child{border-right:none}.cmb-status-btn:hover{background:var(--bg-sidebar-hover)}.cmb-status-btn.active{background:var(--primary-color);color:#fff}.cmb-count-row{align-items:center;gap:.75rem;display:flex}.cmb-count-input{text-align:center;width:80px;padding:.45rem .5rem;font-weight:600}.cmb-count-slider{appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;flex:1;height:6px}.cmb-count-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0003}.cmb-randomize-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.cmb-toggle-track{background:var(--bg-tertiary);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.cmb-toggle-track.on{background:var(--primary-color)}.cmb-toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.cmb-toggle-track.on:after{transform:translate(16px)}.cmb-preview{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:sticky;top:1rem}.cmb-preview h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.cmb-preview-count{text-align:center;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1.5rem}.cmb-preview-number{color:var(--primary-color);font-size:2.5rem;font-weight:800;line-height:1}.cmb-preview-label{color:var(--text-secondary);margin-top:.25rem;font-size:.82rem}.cmb-selected-filters{flex-direction:column;gap:.5rem;display:flex}.cmb-selected-row{justify-content:space-between;font-size:.82rem;display:flex}.cmb-selected-key{color:var(--text-secondary)}.cmb-selected-val{color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:600;overflow:hidden}.cmb-create-action{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.cmb-create-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d948859}.cmb-create-action:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.cmb-layout{grid-template-columns:1fr}.cmb-preview{position:static}}@media (width<=768px){.cm-wrapper{padding:1rem}.cm-actions-row{flex-direction:column}.cm-import-group{max-width:100%}.cm-module-grid{grid-template-columns:1fr}}.arena-wrapper{max-width:1100px;margin:0 auto;animation:.3s ease-out fadeIn}.arena-hero{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.arena-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd70014 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-60%;right:-20%}.arena-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e51f 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-40%;left:-10%}.arena-hero-top{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.arena-live-badge{color:gold;text-transform:uppercase;letter-spacing:.05em;background:#ffd70026;border:1px solid #ffd7004d;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:flex}.arena-live-dot{background:gold;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%{box-shadow:0 0 #dc262680}70%{box-shadow:0 0 0 5px #dc262600}to{box-shadow:0 0 #dc262600}}.arena-date-badge{color:#ffffff80;margin-left:auto;font-size:.75rem}.arena-hero h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;position:relative}.arena-hero p{color:#ffffffb3;margin:0 0 1.25rem;font-size:.92rem;position:relative}.arena-hero-stats{flex-wrap:wrap;gap:1.5rem;display:flex;position:relative}.arena-stat{flex-direction:column;gap:.15rem;display:flex}.arena-stat-val{color:#fff;font-size:1.2rem;font-weight:700}.arena-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.arena-hero-actions{gap:.75rem;margin-top:1.5rem;display:flex;position:relative}.arena-start-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.arena-start-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.arena-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.arena-completed-badge{border-radius:var(--radius-md);color:#10b981;background:#10b98126;border:1px solid #10b9814d;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;display:flex}.arena-rank-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.arena-rank-position{flex-direction:column;align-items:center;gap:.25rem;min-width:80px;display:flex}.arena-rank-num{color:var(--primary-color);font-size:2.5rem;font-weight:900;line-height:1}.arena-rank-num.silver{color:#94a3b8}.arena-rank-num.bronze{color:#b45309}.arena-rank-of{color:var(--text-tertiary);font-size:.72rem}.arena-rank-stats{flex-wrap:wrap;flex:1;gap:1.5rem;display:flex}.arena-rs{flex-direction:column;gap:.15rem;display:flex}.arena-rs-val{color:var(--text-primary);font-size:1.15rem;font-weight:700}.arena-rs-val.correct{color:var(--success)}.arena-rs-val.wrong{color:var(--danger)}.arena-rs-label{color:var(--text-tertiary);text-transform:uppercase;font-size:.72rem}.arena-review-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.arena-review-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.arena-name-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.arena-name-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;width:90%;max-width:420px;padding:2rem;display:flex}.arena-name-modal h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.arena-name-modal p{color:var(--text-secondary);margin:0;font-size:.88rem}.arena-name-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.arena-name-input:focus{border-color:gold}.arena-name-actions{gap:.75rem;display:flex}.arena-name-go{background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:.75rem;font-size:.95rem;font-weight:600;transition:transform .15s,background .2s}.arena-name-go:hover{background:var(--primary-hover);transform:translateY(-1px)}.arena-name-cancel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.75rem 1rem;font-weight:600}.arena-lb-section{margin-top:.5rem}.arena-lb-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.arena-lb-header h2{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.arena-lb-count{color:var(--text-secondary);font-size:.82rem}.arena-lb-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;overflow:hidden}.arena-lb-table thead th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.72rem;font-weight:600}.arena-lb-table tbody tr{transition:background .1s}.arena-lb-table tbody tr:hover{background:var(--bg-secondary)}.arena-lb-table tbody tr.highlight{background:color-mix(in srgb, gold 6%, var(--bg-card))}.arena-lb-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.65rem 1rem;font-size:.85rem}.arena-lb-table tbody tr:last-child td{border-bottom:none}.lb-rank{width:50px;font-weight:700}.lb-rank-1{color:gold}.lb-rank-2{color:silver}.lb-rank-3{color:#cd7f32}.lb-name{font-weight:600}.lb-score{color:var(--primary-color);font-weight:700}.lb-accuracy{font-weight:600}.lb-time{color:var(--text-secondary);font-size:.82rem}.lb-when{color:var(--text-tertiary);font-size:.75rem}.arena-empty{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.arena-empty-icon{opacity:.25;margin-bottom:1rem}.arena-empty h2{color:var(--text-primary);margin:0 0 .5rem}.arena-past{margin-top:2rem}.arena-past h3{color:var(--text-primary);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.arena-past-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.arena-past-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:default;flex-direction:column;gap:.4rem;padding:1rem;transition:border-color .15s;display:flex}.arena-past-card:hover{border-color:var(--primary-color)}.arena-past-date{color:var(--text-tertiary);font-size:.72rem}.arena-past-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.arena-past-stats{color:var(--text-secondary);justify-content:space-between;font-size:.78rem;display:flex}.arena-past-result{color:var(--success);font-weight:700}@media (width<=768px){.arena-wrapper{padding:0}.arena-hero{border-radius:var(--radius-lg);padding:1.5rem 1.25rem}.arena-hero h1{font-size:1.3rem}.arena-hero p{margin-bottom:1rem;font-size:.85rem}.arena-hero-stats{gap:1rem}.arena-hero-actions{flex-direction:column}.arena-start-btn,.arena-completed-badge{justify-content:center;width:100%}.arena-rank-card{flex-flow:wrap;gap:.75rem;padding:1rem}.arena-rank-position{min-width:64px}.arena-rank-num{font-size:2rem}.arena-rank-stats{gap:1rem}.arena-lb-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.arena-lb-table{min-width:480px;font-size:.78rem}.arena-lb-table td,.arena-lb-table th{padding:.5rem .7rem}.arena-lb-table .lb-time,.arena-lb-table .lb-when{display:none}.arena-past-grid{grid-template-columns:1fr}.arena-lb-count{display:none}}@media (width<=400px){.arena-hero{padding:1.1rem 1rem}.arena-hero h1{font-size:1.1rem}.arena-stat-val{font-size:1rem}.arena-rank-num{font-size:1.75rem}}.analytics-wrapper{max-width:1200px;margin:0 auto;padding:1.5rem;animation:.3s ease-out fadeIn}.analytics-loader{justify-content:center;align-items:center;min-height:500px;display:flex}.analytics-header{margin-bottom:1.5rem}.analytics-header h1{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.5rem;font-weight:800;display:flex}.analytics-header p{color:var(--text-secondary);margin:0;font-size:.88rem}.analytics-live-badge{background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 25%, transparent);color:var(--success);text-transform:uppercase;letter-spacing:.04em;border-radius:12px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.analytics-live-dot{background:var(--success);border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse-dot}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.kpi-card:after{content:"";background:var(--primary-color);opacity:0;height:2px;transition:opacity .15s;position:absolute;top:0;left:0;right:0}.kpi-card:hover:after{opacity:1}.kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-icon.blue{color:#3b82f6;background:#3b82f61f}.kpi-icon.green{color:#10b981;background:#10b9811f}.kpi-icon.purple{color:#8b5cf6;background:#8b5cf61f}.kpi-icon.orange{color:#f59e0b;background:#f59e0b1f}.kpi-icon.pink{color:#ec4899;background:#ec48991f}.kpi-icon.red{color:#ef4444;background:#ef44441f}.kpi-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.1}.kpi-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:500}.analytics-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.analytics-full{margin-bottom:1rem}.analytics-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-header h2{color:var(--text-primary);align-items:center;gap:.4rem;margin:0;font-size:1rem;font-weight:700;display:flex}.panel-subtitle{color:var(--text-tertiary);font-size:.75rem}.subject-bars{flex-direction:column;gap:.6rem;max-height:400px;padding-right:.25rem;display:flex;overflow-y:auto}.subject-bar-row{align-items:center;gap:.75rem;display:flex}.sb-name{width:120px;color:var(--text-primary);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:.78rem;font-weight:500;overflow:hidden}.sb-bar-wrap{background:var(--bg-tertiary);border-radius:4px;flex:1;height:20px;position:relative;overflow:hidden}.sb-bar-fill{border-radius:4px;align-items:center;height:100%;padding-left:.5rem;transition:width .6s ease-out;display:flex}.sb-bar-fill.high{background:linear-gradient(90deg,#10b981,#34d399)}.sb-bar-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sb-bar-fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.sb-bar-fill.zero{background:var(--bg-tertiary)}.sb-pct{color:#fff;white-space:nowrap;font-size:.68rem;font-weight:700}.sb-stats{width:80px;color:var(--text-tertiary);flex-shrink:0;font-size:.7rem}.qbank-heatmap{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;display:grid}.qh-cell{cursor:default;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:.2rem;padding:.65rem;transition:border-color .15s,transform .15s;display:flex;position:relative}.qh-cell:hover{border-color:var(--primary-color);transform:scale(1.03)}.qh-cell.level-0{background:var(--bg-tertiary)}.qh-cell.level-1{background:color-mix(in srgb, #10b981 8%, var(--bg-tertiary))}.qh-cell.level-2{background:color-mix(in srgb, #10b981 16%, var(--bg-tertiary))}.qh-cell.level-3{background:color-mix(in srgb, #10b981 25%, var(--bg-tertiary))}.qh-cell.level-4{background:color-mix(in srgb, #10b981 40%, var(--bg-tertiary))}.qh-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;overflow:hidden}.qh-stats{color:var(--text-tertiary);font-size:.62rem}.qh-pct{color:var(--text-primary);font-size:.85rem;font-weight:800}.trend-chart{align-items:flex-end;gap:4px;height:200px;padding:0 .5rem;display:flex;position:relative}.trend-bar-group{flex-direction:column;flex:1;align-items:center;gap:.15rem;max-width:60px;display:flex}.trend-bar{cursor:pointer;border-radius:4px 4px 0 0;width:100%;min-width:20px;transition:height .5s ease-out;position:relative}.trend-bar.test{background:linear-gradient(180deg, var(--primary-color), var(--primary-color))}.trend-bar.qbank{background:linear-gradient(#10b981,#059669)}.trend-bar.arena{background:linear-gradient(#f59e0b,#d97706)}.trend-bar.custom{background:linear-gradient(#ec4899,#db2777)}.trend-bar:hover{opacity:.85}.trend-bar-tooltip{background:var(--bg-card);border:1px solid var(--border-color);white-space:nowrap;z-index:10;color:var(--text-primary);box-shadow:var(--shadow-lg);border-radius:6px;padding:.4rem .6rem;font-size:.68rem;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.trend-bar:hover .trend-bar-tooltip{display:block}.trend-label{color:var(--text-tertiary);writing-mode:horizontal-tb;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:50px;font-size:.6rem;overflow:hidden}.trend-y-axis{color:var(--text-tertiary);flex-direction:column;justify-content:space-between;padding-right:.25rem;font-size:.6rem;display:flex;position:absolute;top:0;bottom:0;left:0}.trend-empty{height:200px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:.88rem;display:flex}.time-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.time-card{background:var(--bg-secondary);text-align:center;border-radius:8px;padding:.85rem}.time-card-val{color:var(--text-primary);font-size:1.4rem;font-weight:800}.time-card-label{color:var(--text-tertiary);margin-top:.15rem;font-size:.7rem}.speed-dist{gap:.5rem;margin-top:.75rem;display:flex}.speed-bar{text-align:center;border-radius:6px;flex:1;padding:.5rem}.speed-bar.fast{color:#10b981;background:#10b9811f}.speed-bar.normal{color:#3b82f6;background:#3b82f61f}.speed-bar.slow{color:#ef4444;background:#ef44441f}.speed-val{font-size:1.1rem;font-weight:800}.speed-label{margin-top:.1rem;font-size:.65rem}.sw-list{flex-direction:column;gap:.5rem;display:flex}.sw-item{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .75rem;transition:background .1s;display:flex}.sw-item:hover{background:var(--bg-tertiary)}.sw-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:800;display:flex}.sw-item.strength .sw-rank{color:#10b981;background:#10b98126}.sw-item.weakness .sw-rank{color:#ef4444;background:#ef444426}.sw-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:600;overflow:hidden}.sw-accuracy{font-size:.85rem;font-weight:800}.sw-item.strength .sw-accuracy{color:#10b981}.sw-item.weakness .sw-accuracy{color:#ef4444}.sw-count{color:var(--text-tertiary);font-size:.68rem}.sw-empty{text-align:center;color:var(--text-tertiary);padding:1.5rem;font-size:.85rem}.activity-heatmap{grid-template-columns:repeat(30,1fr);gap:3px;display:grid}.ah-cell{aspect-ratio:1;cursor:default;border-radius:3px;transition:transform .1s;position:relative}.ah-cell:hover{z-index:2;transform:scale(1.4)}.ah-cell.l0{background:var(--bg-tertiary)}.ah-cell.l1{background:color-mix(in srgb, var(--primary-color) 25%, var(--bg-tertiary))}.ah-cell.l2{background:color-mix(in srgb, var(--primary-color) 50%, var(--bg-tertiary))}.ah-cell.l3{background:color-mix(in srgb, var(--primary-color) 75%, var(--bg-tertiary))}.ah-cell.l4{background:var(--primary-color)}.ah-cell-tooltip{background:var(--bg-card);border:1px solid var(--border-color);white-space:nowrap;z-index:10;color:var(--text-primary);box-shadow:var(--shadow-md);border-radius:4px;margin-bottom:4px;padding:.25rem .45rem;font-size:.62rem;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ah-cell:hover .ah-cell-tooltip{display:block}.ah-labels{color:var(--text-tertiary);justify-content:space-between;margin-top:.3rem;font-size:.6rem;display:flex}.insights-list{flex-direction:column;gap:.6rem;display:flex}.insight-card{border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;display:flex}.insight-card.success{background:#10b9810f;border-color:#10b98126}.insight-card.warning{background:#f59e0b0f;border-color:#f59e0b26}.insight-card.info{background:#3b82f60f;border-color:#3b82f626}.insight-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.insight-card.success .insight-icon{color:#10b981;background:#10b98126}.insight-card.warning .insight-icon{color:#f59e0b;background:#f59e0b26}.insight-card.info .insight-icon{color:#3b82f6;background:#3b82f626}.insight-text{color:var(--text-primary);font-size:.82rem;line-height:1.45}.insight-text strong{font-weight:700}.chart-legend{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.legend-item{color:var(--text-tertiary);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.test{background:var(--primary-color)}.legend-dot.qbank{background:#10b981}.legend-dot.arena{background:#f59e0b}.legend-dot.custom{background:#ec4899}@media (width<=900px){.analytics-grid-2{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.analytics-wrapper{padding:.9rem}.analytics-header h1{font-size:1.25rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.time-cards{grid-template-columns:1fr}.activity-heatmap{grid-template-columns:repeat(15,1fr)}.qbank-heatmap{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (width<=480px){.analytics-wrapper{padding:.75rem}.kpi-grid{grid-template-columns:1fr 1fr;gap:.5rem}.kpi-card{padding:.75rem .9rem}.analytics-header h1{font-size:1.1rem}.analytics-header p{font-size:.8rem}}@media (width<=400px){.activity-heatmap{grid-template-columns:repeat(10,1fr);gap:2px}.kpi-grid{grid-template-columns:1fr 1fr;gap:.4rem}.kpi-card{padding:.65rem .75rem}}.daily-container{max-width:1200px;margin:0 auto;padding:32px}.daily-header{margin-bottom:40px}.daily-header h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.daily-header p{color:var(--text-secondary);font-size:16px}.daily-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;max-width:600px;box-shadow:var(--shadow-md);margin:0 auto;padding:3rem 2rem;position:relative;overflow:hidden}.dh-icon{background:var(--primary-bg);width:80px;height:80px;color:var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.daily-hero h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:600}.dh-count{color:var(--primary-color);margin-bottom:2rem;font-size:3.5rem;font-weight:800;line-height:1}.dh-features{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.dh-feature{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex}.dh-feature svg{color:var(--primary-color)}.btn-start-daily{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #2563eb4d}.btn-start-daily:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.btn-start-daily:disabled{background:var(--border-color);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.daily-container.loading{justify-content:center;align-items:center;height:calc(100vh - 100px);display:flex}.srs-container{max-width:1200px;margin:0 auto;padding:32px}.srs-header{margin-bottom:40px}.srs-header h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.srs-header p{color:var(--text-secondary);font-size:16px}.srs-hero{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;max-width:600px;box-shadow:0 8px 32px var(--shadow-color);border-radius:24px;margin:0 auto;padding:48px 32px;position:relative;overflow:hidden}.srs-hero:before{content:"";background:linear-gradient(90deg,#10b981,#3b82f6);width:100%;height:6px;position:absolute;top:0;left:0}.sh-icon{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;display:inline-flex}.srs-hero h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:600}.sh-count{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:32px;font-size:48px;font-weight:800}.btn-start-srs{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:12px;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #10b98166}.btn-start-srs:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.sh-empty{color:var(--text-primary);flex-direction:column;align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.sh-empty .text-correct{color:#10b981}.sh-empty .subtext{color:var(--text-secondary);max-width:300px;font-size:14px}.srs-info-cards{justify-content:center;margin-top:48px;display:flex}.info-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:600px;padding:24px;display:flex}.info-card svg{color:#3b82f6}.info-card h3{color:var(--text-primary);font-size:18px}.info-card p{color:var(--text-secondary);line-height:1.6}.srs-decks-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.deck-card{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.deck-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.deck-card.disabled{opacity:.6}.deck-icon{background:var(--bg-hover);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.deck-info h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.deck-info p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.deck-action{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.deck-count{color:var(--text-primary);font-size:1.1rem;font-weight:600}.btn-start-deck{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:opacity .2s;display:flex}.btn-start-deck:hover{opacity:.9}.deck-done{color:#22c55e;align-items:center;gap:.5rem;font-weight:600;display:flex}.deck-mcq .deck-icon{color:#f43f5e;background:#fff1f2}.deck-user .deck-icon{color:#8b5cf6;background:#f5f3ff}.deck-flashcard .deck-icon{color:#f59e0b;background:#fffbeb}[data-theme=dark] .deck-mcq .deck-icon{background:#f43f5e1a}[data-theme=dark] .deck-user .deck-icon{background:#8b5cf61a}[data-theme=dark] .deck-flashcard .deck-icon{background:#f59e0b1a}.library-container{max-width:1200px;margin:0 auto;padding:2rem}.library-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:2rem;display:flex}.library-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;font-size:1rem;font-weight:500;transition:color .2s;display:flex}.library-back-btn:hover{color:var(--primary-color)}.library-title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:2rem;font-weight:700;display:flex}.library-subtitle{color:var(--text-secondary);font-size:1.1rem}.library-empty{text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:16px;padding:4rem 2rem}.empty-icon{color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.library-card{background:var(--bg-card);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:flex-start;padding:1.25rem;transition:all .2s;display:flex}.library-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.library-card-icon-wrapper{align-items:center;margin-bottom:1rem;display:flex}.library-card-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.library-card-meta{gap:.5rem;margin-top:auto;display:flex}.library-badge{background:var(--bg-primary);color:var(--text-secondary);border-radius:12px;align-items:center;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:flex}.subject-card{padding:1.5rem}.subject-card .library-card-title{font-size:1rem}.library-reader-wrapper{z-index:1000;background-color:var(--bg-main);flex-direction:column;display:flex;position:fixed;inset:0}.library-reader-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 10px #0000000d}.library-reader-header .library-back-btn{margin-bottom:0}.library-reader-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.library-reader-progress{color:var(--text-secondary);background:var(--bg-primary);border-radius:20px;padding:.5rem 1rem;font-size:1rem;font-weight:600}.library-reader-body{flex:1;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.library-nav-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.library-nav-btn:hover:not(.disabled){background:var(--primary-color);color:#fff;transform:scale(1.05)}.library-nav-btn.disabled{opacity:.3;cursor:not-allowed}.library-note-card{background:var(--bg-card);border-radius:16px;flex:1;max-width:800px;height:100%;max-height:800px;padding:3rem 4rem;overflow-y:auto;box-shadow:0 10px 40px -10px #00000026}.library-note-card-title{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;font-family:Inter,Roboto,sans-serif;font-size:2rem;font-weight:800}.library-note-content{color:var(--text-primary);font-family:Merriweather,Lora,Georgia,serif;font-size:1.15rem;line-height:1.8}.library-note-content span,.library-note-content p,.library-note-content div,.library-note-content a,.library-note-content li,.library-note-content b,.library-note-content strong,.library-note-content i,.library-note-content em,.library-note-content u{color:inherit!important;background-color:#0000!important;font-family:inherit!important}.library-note-content>:first-child{margin-top:0!important}.library-note-content h1,.library-note-content h2,.library-note-content h3,.library-note-content h4{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-family:Inter,Roboto,sans-serif;font-weight:700;line-height:1.3}.library-note-content p{margin-bottom:1.5rem}.library-note-content b,.library-note-content strong{color:var(--primary-color);font-weight:700}.library-note-content mark,.library-note-content .highlight{color:var(--text-primary);background-color:#facc154d;border-radius:4px;padding:0 .2rem}.library-note-content ul,.library-note-content ol{margin-bottom:1.5rem;padding-left:2rem}.library-note-content li{margin-bottom:.5rem}.library-note-content img{border-radius:12px;max-width:100%;height:auto;margin:1.5rem auto;display:block;box-shadow:0 4px 12px #0000001a}.library-note-content table{border-collapse:collapse!important;background:var(--bg-primary)!important;border-radius:8px!important;width:100%!important;margin:2rem 0!important;font-family:Inter,Roboto,sans-serif!important;font-size:.95rem!important;overflow:hidden!important;box-shadow:0 2px 8px #0000000d!important}.library-note-content th,.library-note-content td{border:1px solid var(--border-color)!important;text-align:left!important;color:var(--text-primary)!important;background-color:#0000!important;padding:1rem!important;font-family:inherit!important}.library-note-content th{background:var(--bg-card)!important;color:var(--primary-color)!important;font-weight:700!important}.library-note-content tr{background-color:#0000!important}.library-note-content tr:nth-child(2n){background-color:#00000005!important}html[data-theme=dark] .library-note-content tr:nth-child(2n){background-color:#ffffff05!important}.library-note-content br{content:"";margin:.5rem 0;display:block}.library-reader-actions{align-items:center;gap:1rem;display:flex}.library-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.library-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.library-fullscreen-controls{background:var(--bg-card);opacity:.2;z-index:1100;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:opacity .3s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0000001a}.library-fullscreen-controls:hover{opacity:1}.library-bookmark-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s,transform .2s}.library-bookmark-btn:hover{transform:scale(1.1)}.library-bookmark-btn.active{color:#f59e0b}.library-grid-overlay{z-index:1200;background:#0006;justify-content:flex-end;display:flex;position:absolute;inset:0}.library-grid-panel{background:var(--bg-main);flex-direction:column;width:400px;height:100%;animation:.3s ease-out slideInRight;display:flex;box-shadow:-4px 0 24px #0000001a}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.library-grid-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.library-grid-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700}.library-number-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem;padding:1.5rem;display:grid;overflow-y:auto}.library-grid-item{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.library-grid-item:hover{border-color:var(--primary-color);color:var(--primary-color)}.library-grid-item.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.library-grid-item.bookmarked{border-bottom:3px solid #f59e0b}.library-grid-item.active.bookmarked{border-bottom:3px solid #fcd34d}.library-image-zoom-overlay{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.library-image-zoom-container{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.library-zoomed-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;animation:.2s ease-out zoomIn;box-shadow:0 10px 40px #00000080}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.library-zoom-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;transition:transform .2s;position:absolute;top:-40px;right:-40px}.library-zoom-close:hover{transform:scale(1.1)}.library-note-content img{cursor:zoom-in;border-radius:12px;max-width:100%;height:auto;margin:1.5rem auto;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 4px 12px #0000001a}.library-note-content img:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.bookmarks-page{max-width:1200px;margin:0 auto;padding:2rem}.bookmarks-header{margin-bottom:2rem}.bookmarks-header h1{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2rem;display:flex}.bookmarks-header p{color:var(--text-secondary)}.bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.folder-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;padding:1.5rem;transition:all .2s;display:flex}.folder-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.folder-icon{margin-bottom:1rem}.folder-card h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.folder-card p{color:var(--text-tertiary);font-size:.85rem}.recent-bookmarks h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.bookmarks-list{flex-direction:column;gap:.5rem;display:flex}.bookmark-list-item{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .2s;display:flex}.bookmark-list-item:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.bm-left{align-items:center;gap:1rem;display:flex}.qcv-badge{background:var(--primary-bg);color:var(--primary-color);border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.bm-text{color:var(--text-primary);font-size:.95rem}.flashcards-container{max-width:1200px;margin:0 auto;padding:2rem}.flashcards-header{margin-bottom:2rem}.flashcards-header h1{color:var(--text-primary);align-items:center;gap:.5rem;font-size:2rem;font-weight:700;display:flex}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.subject-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.subject-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.subject-card h3{color:var(--text-primary);margin:0;font-size:1.1rem}.topic-list{border-top:1px dashed var(--border-color);flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:flex}.topic-item{background:var(--bg-tertiary);cursor:pointer;color:var(--text-secondary);border-left:3px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.topic-item:hover{background:var(--bg-sidebar-hover);border-left-color:var(--primary-color);color:var(--text-primary);transform:translate(4px)}.topic-count{background:var(--primary-color);color:#fff;border-radius:12px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.fc-viewer-container{flex-direction:column;align-items:center;max-width:900px;height:calc(100vh - 80px);margin:0 auto;padding:2rem;display:flex}.fc-viewer-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;display:flex}.fc-viewer-header h2{color:var(--text-primary);margin:0;font-size:1.2rem}.scene{perspective:1200px;width:100%;max-width:600px;height:400px;margin-bottom:2rem}.card-3d{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.card-3d.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;height:100%;padding:2.5rem;display:flex;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #0000000d}.card-face-front{text-align:center;color:var(--text-primary);justify-content:center;align-items:center;font-size:1.2rem}.card-face-back{color:var(--text-secondary);font-size:1rem;transform:rotateY(180deg)}.card-face-back .answer-title{color:var(--success);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;display:flex}.card-face img{border-radius:8px;max-width:100%;height:auto;margin-top:1rem}.fc-controls{align-items:center;gap:1.5rem;display:flex}.fc-btn{background:var(--bg-card);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.fc-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.fc-btn:disabled{opacity:.5;cursor:not-allowed}.fc-progress{color:var(--text-secondary);text-align:center;min-width:80px;font-size:1rem;font-weight:600}.back-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;transition:color .2s;display:flex}.back-btn:hover{color:var(--primary-color)}.action-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-hover,#f1f5f9)}.action-btn.active{color:var(--primary-color);background:#0d94881a}.btn-show-answer{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.5rem;font-weight:500;transition:background-color .2s}.btn-show-answer:hover{background-color:var(--primary-hover)}.anki-grading{justify-content:space-between;gap:.5rem;width:100%;display:flex}.anki-btn{cursor:pointer;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:.75rem 0;transition:background-color .2s;display:flex}.anki-grade{font-size:.875rem;font-weight:700}.anki-time{opacity:.8;font-size:.75rem;font-weight:400}.anki-again{color:var(--danger,#ef4444);background-color:#ef44441a}.anki-again:hover{background-color:#ef444433}.anki-hard{color:var(--warning,#f59e0b);background-color:#f59e0b1a}.anki-hard:hover{background-color:#f59e0b33}.anki-good{color:var(--success,#10b981);background-color:#10b9811a}.anki-good:hover{background-color:#10b98133}.anki-easy{color:#3b82f6;background-color:#3b82f61a}.anki-easy:hover{background-color:#3b82f633}:root{--bg-primary:#f8fafc;--bg-primary-rgb:248, 250, 252;--bg-sidebar:#fff;--bg-sidebar-rgb:255, 255, 255;--bg-sidebar-hover:#f1f5f9;--bg-card:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#eff3f8;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#3b82f6;--primary-bg:#eff6ff;--primary-bg-active:#dbeafe;--border-color:#e2e8f0;--border-focus:#2563eb;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#0891b2;--info-bg:#cffafe;--correct-bg:#f0fdf4;--correct-border:#86efac;--wrong-bg:#fff5f5;--wrong-border:#fca5a5;--gradient-primary:linear-gradient(135deg, #2563eb 0%, #0891b2 100%);--gradient-arena:linear-gradient(135deg, #ef4444 0%, #f97316 100%);--gradient-recall:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--gradient-success:linear-gradient(135deg, #16a34a 0%, #0891b2 100%);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 10px 24px #00000014, 0 4px 8px #0000000d;--shadow-xl:0 20px 48px #0000001a, 0 8px 16px #0000000f;--shadow-premium:0 0 0 1px #2563eb0f, 0 4px 16px #0000000f;--glow-shadow:0 0 0 3px #2563eb26;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.35s cubic-bezier(.34,1.56,.64,1);--glass-bg:#ffffffe0;--glass-border:#fffffff2}[data-theme=dark]{--bg-primary:#0f172a;--bg-primary-rgb:15, 23, 42;--bg-sidebar:#1e293b;--bg-sidebar-rgb:30, 41, 59;--bg-sidebar-hover:#263548;--bg-card:#1e293b;--bg-secondary:#0f172a;--bg-tertiary:#273449;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#475569;--primary-color:#60a5fa;--primary-hover:#93c5fd;--primary-light:#93c5fd;--primary-bg:#2563eb1f;--primary-bg-active:#2563eb33;--border-color:#334155;--border-focus:#60a5fa;--success:#4ade80;--success-bg:#4ade801f;--warning:#fcd34d;--warning-bg:#fcd34d1f;--danger:#f87171;--danger-bg:#f871711f;--info:#22d3ee;--info-bg:#22d3ee1f;--correct-bg:#4ade8012;--correct-border:#4ade804d;--wrong-bg:#f8717112;--wrong-border:#f871714d;--gradient-primary:linear-gradient(135deg, #2563eb 0%, #0891b2 100%);--gradient-arena:linear-gradient(135deg, #ef4444 0%, #f97316 100%);--gradient-recall:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--gradient-success:linear-gradient(135deg, #16a34a 0%, #0891b2 100%);--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 1px 3px #00000080, 0 0 0 1px #ffffff08;--shadow-md:0 4px 12px #00000080, 0 0 0 1px #ffffff0a;--shadow-lg:0 10px 24px #0009, 0 0 0 1px #ffffff0a;--shadow-xl:0 20px 48px #000000b3, 0 0 0 1px #ffffff0d;--shadow-premium:0 0 0 1px #60a5fa14, 0 4px 16px #0006;--glow-shadow:0 0 0 3px #60a5fa33;--glass-bg:#1e293be6;--glass-border:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-text-size-adjust:100%;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}button,.sidebar,.bottom-nav,.arena-card-overlay{-webkit-user-select:none;user-select:none}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:.9375rem;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Sora,Inter,sans-serif;line-height:1.25}a{color:var(--primary-color);text-decoration:none}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base);padding:1.25rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{border-radius:var(--radius-sm);transition:all var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 1px 3px #2563eb4d}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-sidebar-hover);border-color:var(--primary-color)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--bg-sidebar-hover);color:var(--text-primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #0000}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}input,select,textarea{font-family:inherit;font-size:.9rem}.input{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:.6rem .9rem}.input:focus{border-color:var(--primary-color);box-shadow:var(--glow-shadow)}.input::placeholder{color:var(--text-tertiary)}.badge{border-radius:99px;align-items:center;gap:.2rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.badge-primary{background:var(--primary-bg);color:var(--primary-color)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-screen{height:100vh}.gap-2{gap:.5rem}.gap-4{gap:1rem}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spinner{border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.empty-state p{max-width:280px;font-size:.875rem}.page-enter{animation:.25s ease-out both fadeIn}@media (width<=768px){body{font-size:.875rem}.card{border-radius:var(--radius-md);padding:1rem}::-webkit-scrollbar{width:3px;height:3px}}