:root{--bg-color:#050505;--accent-color:#3b82f6;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #000c;--danger:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-outline{border:1px solid var(--glass-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--glass-bg)}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0003;border-radius:8px;margin-top:.5rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color);outline:none}::placeholder{color:#475569}.relative{position:relative}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.w-full{width:100%}.w-70{width:70%}.min-h-screen{min-height:100vh}.gap-2{gap:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3.5rem}.mt-16{margin-top:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2.25rem}.mb-10{margin-bottom:3rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.opacity-60{opacity:.6}.transition-opacity{transition:opacity .2s}.hover\:opacity-100:hover{opacity:1}.status-good{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-bad{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.loading-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:90%;max-width:400px;padding:3rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;box-shadow:0 25px 50px -12px #00000080}.loader-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-color);border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:1s linear infinite spin}.progress-container{background:#ffffff0d;border-radius:10px;width:100%;height:6px;margin-top:1.5rem;overflow:hidden}.progress-bar{background:var(--accent-gradient);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #3b82f666}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.topic-tag{background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;flex-direction:column;gap:.75rem;min-width:160px;padding:1rem;display:flex}.topic-tag-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.topic-tag-name{color:var(--accent-color);font-size:.875rem;font-weight:600}.remove-topic-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.remove-topic-btn:hover{color:var(--danger);background:#ef44441a}.level-group{gap:4px;display:flex}.level-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:#64748b;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.level-btn:hover{color:var(--text-primary);border-color:#fff3}.level-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 0 12px #3b82f64d}.topic-search-list{border:1px solid var(--glass-border);z-index:50;background:#111;border-radius:12px;max-height:200px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.topic-search-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.625rem .75rem;font-size:.875rem;transition:background .2s}.topic-search-item:hover{background:var(--glass-bg)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media print{body{color:#000!important;background:#fff!important;font-family:Inter,system-ui,sans-serif!important}.print\:hidden{display:none!important}.glass-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}header,footer,.btn,.loading-overlay{display:none!important}.print\:block{display:block!important}h1,h2,h3,p,li{color:#000!important}.page-break-before-always{page-break-before:always}.prose{max-width:none!important;font-size:11pt!important;line-height:1.6!important}}.prose ul li::marker{color:#3b82f6}