:root{--bg-color-dark: hsl(220, 26%, 10%);--sidebar-bg-dark: hsla(220, 20%, 15%, .6);--text-dark: hsl(210, 20%, 90%);--text-muted-dark: hsl(210, 10%, 65%);--accent-color: hsl(250, 100%, 75%);--accent-hover: hsl(250, 100%, 85%);--border-dark: hsla(210, 20%, 30%, .3);--bg-color-light: hsl(0, 0%, 98%);--sidebar-bg-light: hsla(0, 0%, 100%, .8);--text-light: hsl(220, 26%, 15%);--text-muted-light: hsl(220, 15%, 45%);--border-light: hsla(220, 20%, 80%, .5);--bg-color: var(--bg-color-dark);--sidebar-bg: var(--sidebar-bg-dark);--text: var(--text-dark);--text-muted: var(--text-muted-dark);--border: var(--border-dark);--sidebar-width: 280px;--transition-speed: .3s}body.theme-light{--bg-color: var(--bg-color-light);--sidebar-bg: var(--sidebar-bg-light);--text: var(--text-light);--text-muted: var(--text-muted-light);--border: var(--border-light)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text);overflow-x:hidden;transition:background-color var(--transition-speed),color var(--transition-speed)}.glow-orb{position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.4;animation:float 20s infinite ease-in-out alternate}.orb-1{top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,hsla(250,100%,60%,.6),transparent 70%)}.orb-2{bottom:-150px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,hsla(200,100%,50%,.5),transparent 70%);animation-delay:-5s}.orb-3{top:40%;left:60%;width:300px;height:300px;background:radial-gradient(circle,hsla(300,100%,60%,.4),transparent 70%);animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-50px) scale(1.1)}}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border);height:100vh;position:fixed;top:0;left:0;overflow-y:auto;padding:2rem 0;z-index:10;transition:transform var(--transition-speed)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;margin-bottom:2rem}.sidebar h2{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--text),var(--accent-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.theme-toggle{cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:var(--text-muted)}.theme-toggle:hover{background-color:var(--border);color:var(--text)}.theme-toggle .sun-icon{display:none}body.theme-light .theme-toggle .sun-icon{display:block}body.theme-light .theme-toggle .moon-icon{display:none}.nav-links{display:flex;flex-direction:column}.nav-group-title{padding:1.5rem 1.5rem .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--text-muted)}.nav-link{text-decoration:none;color:var(--text);padding:.75rem 1.5rem;margin:.2rem 1rem;border-radius:8px;font-size:.95rem;transition:all .2s ease;border:1px solid transparent}.nav-link:hover{background:#9580ff1a;color:var(--accent-color);transform:translate(4px)}.nav-link.active{background:#9580ff26;color:var(--accent-color);border-color:#9580ff4d;font-weight:500}.content-area{flex:1;margin-left:var(--sidebar-width);padding:3rem 4rem;max-width:900px;min-height:100vh;position:relative}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text);cursor:pointer;padding:.5rem;border-radius:8px;position:fixed;top:1rem;left:1rem;z-index:20;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border)}.loader-container{display:flex;justify-content:center;align-items:center;height:60vh}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.markdown-body{line-height:1.7;font-size:1.05rem;color:var(--text);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.markdown-body.loaded{opacity:1;transform:translateY(0)}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text);margin-top:2.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2.5rem;margin-top:0;letter-spacing:-.03em}.markdown-body h2{font-size:1.75rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.markdown-body h3{font-size:1.25rem;color:var(--accent-color)}.markdown-body p{margin-bottom:1.25rem}.markdown-body a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.markdown-body a:hover{border-bottom-color:var(--accent-color);color:var(--accent-hover)}.markdown-body ul,.markdown-body ol{margin-bottom:1.25rem;padding-left:2rem}.markdown-body li{margin-bottom:.5rem}.markdown-body hr{height:1px;background:var(--border);border:none;margin:3rem 0}.markdown-body em{color:var(--text-muted);font-style:italic;font-size:.95em}.markdown-body blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--accent-color);background:var(--sidebar-bg);border-radius:0 8px 8px 0;color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content-area{margin-left:0;padding:4rem 1.5rem 2rem}.mobile-menu-btn{display:block}}