:root{--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% );--text-color: #e5e7eb;--text-muted: #9ca3af;--bg-primary: #13151a;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-color: #4b5563;--code-bg: #1e293b;--code-border: #334155}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);background-size:224px;scroll-behavior:smooth}body{line-height:1.7;color:var(--text-color);margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgb(var(--accent)) var(--bg-tertiary)}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:6px}body::-webkit-scrollbar-thumb{background:rgb(var(--accent));border-radius:6px;transition:background .3s ease}body::-webkit-scrollbar-thumb:hover{background:rgb(var(--accent-light))}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:700;line-height:1.3;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:2rem}h1{font-size:2.5rem;border-bottom:3px solid rgb(var(--accent));padding-bottom:.5rem;margin-bottom:1.5rem}h2{font-size:2rem;color:rgb(var(--accent-light));border-bottom:2px solid var(--border-color);padding-bottom:.3rem;margin-top:3rem}h3{font-size:1.5rem;color:rgb(var(--accent-light));margin-top:2.5rem}h4{font-size:1.25rem;color:#d1d5db;margin-top:2rem}p{margin-bottom:1.5rem;color:var(--text-color);line-height:1.8}code{font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;background:var(--code-bg);color:#e2e8f0;padding:.2rem .4rem;border-radius:.375rem;font-size:.875em;border:1px solid var(--code-border)}pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:.5rem;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a}pre code{background:transparent;border:none;padding:0;color:#e2e8f0;font-size:.875rem;line-height:1.6}ul,ol{margin:1.5rem 0;padding-left:2rem}li{margin-bottom:.5rem;color:var(--text-color);line-height:1.7}a{color:rgb(var(--accent-light));text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}a:hover{color:#fff;border-bottom-color:rgb(var(--accent-light))}blockquote{border-left:4px solid rgb(var(--accent));background:var(--bg-secondary);margin:2rem 0;padding:1rem 1.5rem;border-radius:0 .5rem .5rem 0;font-style:italic;color:var(--text-muted)}table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--bg-secondary);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--bg-tertiary);font-weight:600;color:#fff}tr:hover{background:rgba(var(--accent),.05)}hr{border:none;height:2px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:3rem 0}.markdown-content{max-width:900px;margin:0 auto;padding:2rem;background:rgba(var(--bg-secondary),.3);border-radius:1rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #0000001a}@media (max-width: 768px){.markdown-content{padding:1rem;margin:1rem;border-radius:.5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}pre{padding:1rem;font-size:.8rem}table{font-size:.875rem}}.language-javascript pre,.language-js pre{background:linear-gradient(135deg,#1e293b,#0f172a);border-left:4px solid #fbbf24}.language-css pre{background:linear-gradient(135deg,#1e293b,#0f172a);border-left:4px solid #06b6d4}.language-html pre{background:linear-gradient(135deg,#1e293b,#0f172a);border-left:4px solid #f97316}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;background:rgb(var(--accent));color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;cursor:pointer;opacity:0;transition:opacity .3s ease;z-index:1000}.scroll-to-top.visible{opacity:1}.scroll-to-top:hover{background:rgb(var(--accent-dark));transform:translateY(-2px)}@media print{body{background:#fff!important;color:#000!important}.markdown-content{background:#fff!important;box-shadow:none!important;border:none!important}h1,h2,h3,h4,h5,h6{color:#000!important}pre{background:#f8f9fa!important;border:1px solid #dee2e6!important}code{background:#f8f9fa!important;color:#000!important}}