:root{--bg-color:#030712;--accent-color:#3b82f6;--accent-gradient:linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#ffffff05;--glass-border:#ffffff0d;--glass-shadow:0 4px 32px 0 #0009;--danger:#ef4444;--success:#10b981;--px-elite:2rem}@media (width>=1024px){:root{--px-elite:12rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#2563eb0d 0,#0000 50%),radial-gradient(at 100% 100%,#2563eb0d 0,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-20{gap:5rem}.w-full{width:100%}.w-px{width:1px}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.h-px{height:1px}.h-4{height:1rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-width-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.p-12{padding:3rem}.p-16{padding:4rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-elite{padding-left:var(--px-elite);padding-right:var(--px-elite)}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-6{padding-top:1.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pb-6{padding-bottom:1.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-24{padding-bottom:6rem}.pb-40{padding-bottom:10rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-32{margin-top:8rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.ml-10{margin-left:2.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-10>*+*{margin-top:2.5rem}.border{border:1px solid var(--glass-border)}.border-b{border-bottom:1px solid var(--glass-border)}.border-t{border-top:1px solid var(--glass-border)}.border-y{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.border-l-\[12px\]{border-left-width:12px}.border-black{border-color:#000}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/50{border-color:#3b82f680}.border-white\/\[0\.03\]{border-color:#ffffff08}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.text-white{color:#fff!important}.text-black{color:#000!important}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.text-blue-500{color:#3b82f6}.text-blue-400{color:#60a5fa}.text-blue-100{color:#dbeafe}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.font-black-elite{font-weight:950}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.5em\]{letter-spacing:.5em}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.top-20{top:5rem}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.inset-0{inset:0}.-bottom-6{bottom:-1.5rem}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .15s,background-color .15s}.transition-transform{transition:transform .2s}.duration-500{transition-duration:.5s}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.group:hover .group-hover\:-translate-x-1{transform:translate(-.25rem)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit;appearance:none;background:0 0;border:none;border-radius:0;outline:none}button{cursor:pointer}.input-field{width:100%;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;padding:1rem 1.25rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:var(--accent-color);background:#ffffff0d;box-shadow:0 0 20px #3b82f626}.input-field::placeholder{color:#fff3}.min-h-\[120px\]{min-height:120px}.resize-none{resize:none}.btn-elite{text-transform:uppercase;letter-spacing:.2em;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:10px;font-weight:950;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-elite-primary{color:#fff;background:#3b82f6;box-shadow:0 10px 30px #3b82f633}.btn-elite-primary:hover{background:#60a5fa;transform:translateY(-1px)}.btn-elite-primary:active{transform:scale(.95)}.btn-elite-outline{color:#94a3b8;background:0 0;border:1px solid #ffffff1a}.btn-elite-outline:hover{color:#f8fafc;background:#ffffff08;border-color:#f8fafc}.btn-elite-outline:active{transform:scale(.95)}.topic-tag{background:#ffffff05;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;gap:.75rem;min-width:180px;padding:1.25rem;transition:all .2s;display:flex}.topic-tag:hover{background:#ffffff0a;border-color:#3b82f633}.topic-tag-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.topic-tag-name{color:var(--accent-color);letter-spacing:-.02em;font-size:.9375rem;font-weight:700}.remove-topic-btn{color:#64748b;border-radius:6px;padding:4px;transition:all .2s}.remove-topic-btn:hover{color:var(--danger);background:#ef44441a}.level-group{gap:6px;display:flex}.level-btn{color:#64748b;background:#0003;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;transition:all .2s;display:flex}.level-btn:hover{color:#fff;border-color:#ffffff4d}.level-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 0 20px #3b82f64d}.topic-search-list{z-index:100;background:#0a0a0a;border:1px solid #ffffff1a;border-radius:1rem;max-height:250px;margin-top:.75rem;padding:.75rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 50px #000c}.topic-search-item{text-align:left;color:#fff;background:0 0;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s}.topic-search-item:hover{color:#60a5fa;background:#3b82f61a}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.shadow-blue-500\/10{box-shadow:0 10px 30px #3b82f61a}.shadow-blue-500\/20{box-shadow:0 10px 30px #3b82f633}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.loading-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:2rem;width:100%;max-width:500px;padding:3rem;box-shadow:0 30px 60px -12px #000c}.loader-spinner{border:4px solid #3b82f61a;border-top-color:#3b82f6;border-radius:50%;width:64px;height:64px;margin:0 auto 2rem;animation:1s linear infinite spin}.loading-card h3{text-transform:uppercase;letter-spacing:.2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:800}.status-text{color:#94a3b8;margin-bottom:2rem;font-size:.875rem}.progress-container{background:#ffffff0d;border-radius:9999px;width:100%;height:4px;overflow:hidden}.progress-bar{background:#3b82f6;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #3b82f680}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}body{color:#000!important;background:#fff!important}}