:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--accent-glow: rgba(56, 189, 248, .5);--success: #4ade80;--error: #f87171;--font-sans: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.card{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--accent-primary)}.hl-main{color:#fde047;background-color:#fde0471a;padding:0 4px;border-radius:3px;font-weight:600}.hl-ref{color:#4ade80;background-color:#4ade801a;padding:0 4px;border-radius:3px;font-weight:500}.hl-sec{color:#60a5fa;background-color:#60a5fa1a;padding:0 4px;border-radius:3px}.hl-contrast{color:#f472b6;background-color:#f472b61a;padding:0 4px;border-radius:3px;font-weight:500}.hl-curious{color:#a78bfa;background-color:#a78bfa1a;padding:0 4px;border-radius:3px;font-style:italic}.hl-method{color:#fb923c;background-color:#fb923c1a;padding:0 4px;border-radius:3px;font-weight:500}h1,h2,h3{font-weight:700;letter-spacing:-.025em;margin-top:0}h1{font-size:3rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;font-size:1rem}.btn:hover{opacity:.9;transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn-secondary{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn-secondary:hover{background:#38bdf81a}.text-center{text-align:center}.mt-4{margin-top:1rem}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);transition:all .3s ease}.sidebar-item{position:relative;overflow:hidden;transition:all .2s ease}.sidebar-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent-primary);transform:scaleY(0);transition:transform .2s ease}.sidebar-item:hover{background:#ffffff08}.sidebar-item.active{background:#38bdf81a}.sidebar-item.active:before{transform:scaleY(1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.ml-8{margin-left:2rem}.ml-16{margin-left:4rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-10{padding:2.5rem}.relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.min-w-0{min-width:0}.w-80{width:20rem}.h-full{height:100%}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-slate-700{border-color:#334155}.border-slate-700\/50{border-color:#33415580}.border-slate-800{border-color:#1e293b}.border-slate-800\/50{border-color:#1e293b80}.bg-slate-800{background-color:#1e293b}.bg-slate-800\/30{background-color:#1e293b4d}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-950\/50{background-color:#02061780}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.text-white{color:#fff}.text-slate-300{color:#cbd5e1}.text-slate-500{color:#64748b}.text-accent-primary{color:var(--accent-primary)}.text-accent-secondary{color:var(--accent-secondary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:#fbbf24}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-medium{font-medium:500}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.leading-tight{line-height:1.25}.cursor-pointer{cursor:pointer}.transition-all{transition:all .3s}.duration-200{transition-duration:.2s}.hover\:bg-slate-700:hover{background-color:#334155}.hover\:bg-slate-800\/50:hover{background-color:#1e293b80}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.space-y-4>*+*{margin-top:1rem}.animate-fade-in{animation:fadeIn .5s ease-out forwards}