:root{--bg:#f8fafc;--bg-card:#fff;--bg-dark:#0f172a;--bg-code:#1e1e2e;--text:#0f172a;--muted:#475569;--faint:#94a3b8;--accent:#2563eb;--accent-light:#eff6ff;--accent-text:#1d4ed8;--accent-dim:#dbeafe;--border:#e2e8f0;--border-md:#cbd5e1;--font-display:"Unbounded",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Mono",monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--max-w:800px;--nav-h:62px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}.nav-desktop{display:flex;gap:2px;align-items:center}.nav-divider{width:1px;height:20px;background:#e2e8f0;margin:0 6px;flex-shrink:0}.nav-social{display:flex;align-items:center;gap:4px}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:4px;flex-shrink:0}@media(max-width:680px){.nav-desktop,.nav-divider,.nav-social{display:none!important}.nav-burger{display:flex!important}}@media(min-width:681px){.nav-burger{display:none!important}}.tag-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;background:var(--accent-light);color:var(--accent-text);border:1px solid var(--accent-dim);transition:background .15s,border-color .15s,transform .1s;white-space:nowrap;cursor:pointer;line-height:1}.tag-chip:hover{background:var(--accent-dim);border-color:#93c5fd;transform:translateY(-1px)}.prose{font-size:16px;line-height:1.8}.prose h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:2.5rem 0 .8rem;padding-bottom:.5rem;border-bottom:2px solid var(--border);letter-spacing:-.3px}.prose h3{font-size:1.05rem;font-weight:600;margin:1.75rem 0 .5rem}.prose p{margin-bottom:1.2rem}.prose ol,.prose ul{margin:0 0 1.2rem 1.5rem}.prose li{margin-bottom:.35rem}.prose li::marker{color:var(--accent)}.prose strong{font-weight:600}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose a:hover,.prose code{color:var(--accent-text)}.prose code{font-size:.84em;background:#f1f5f9;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}.prose code,.prose pre{font-family:var(--font-mono)}.prose pre{background:var(--bg-code);color:#cdd6f4;padding:1.25rem 1.5rem;border-radius:var(--r-md);overflow-x:auto;margin:1.5rem 0;font-size:.875rem;line-height:1.65;border:1px solid #313244}.prose pre code{background:none;padding:0;border:none;color:inherit;font-size:inherit}.prose blockquote{border-left:3px solid var(--accent);padding:.75rem 1.25rem;background:var(--accent-light);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:1.5rem 0;color:var(--muted);font-size:.95rem}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.prose th{background:#f1f5f9;font-weight:600;text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.prose td,.prose th{padding:.6rem .9rem;border:1px solid var(--border)}.prose td{vertical-align:top}.prose tr:nth-child(2n) td{background:#f8fafc}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}#back-to-top{position:fixed;bottom:28px;right:24px;width:44px;height:44px;background:var(--accent);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s,background .15s;z-index:100;font-size:18px;font-weight:600}#back-to-top.visible{opacity:1;transform:translateY(0)}#back-to-top:hover{background:var(--accent-text)}#read-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:200;width:0;transition:width .1s linear}.nav-link:hover{color:#2563eb!important;background:#eff6ff!important}a.social-btn:hover{color:#229ed9!important;border-color:#229ed9!important;background:#f0faff!important}a.social-btn.tiktok:hover{color:#010101!important;border-color:#010101!important;background:#f5f5f5!important}a.social-btn.youtube:hover{color:red!important;border-color:red!important;background:#fff5f5!important}article.post-card:hover{box-shadow:0 4px 16px rgba(37,99,235,.1)!important}a.tag-card-link:hover,article.post-card:hover{border-color:#93c5fd!important;transform:translateY(-2px)}a.cat-tag-item:hover,a.tag-card-link:hover{background:#eff6ff!important}a.cat-tag-item:hover{border-color:#93c5fd!important}@media(max-width:640px){body{font-size:15px}.prose h2{font-size:1.1rem}.prose pre{font-size:.8rem;padding:1rem}.prose table{font-size:.82rem}.container{padding:0 16px}.hero-logo{display:none!important}}.search-desktop{display:flex;flex:1 1;max-width:380px;min-width:0}.search-mobile-btn{display:none!important}@media(max-width:680px){.search-desktop{display:none!important}.search-mobile-btn{display:flex!important}}input[type=text]::-ms-clear{display:none}input[type=search]::-webkit-search-cancel-button{display:none}[data-theme=dark]{--bg:#0f172a;--bg-card:#1e293b;--bg-dark:#020617;--bg-code:#0d1117;--text:#e2e8f0;--muted:#94a3b8;--faint:#64748b;--accent:#3b82f6;--accent-light:#1e3a5f;--accent-text:#93c5fd;--accent-dim:#1e3a5f;--border:#334155;--border-md:#475569;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4)}*,:after,:before{transition:background-color .2s ease,border-color .2s ease}[data-theme=dark] .prose{color:#cbd5e1}[data-theme=dark] .prose h1,[data-theme=dark] .prose h2,[data-theme=dark] .prose h3,[data-theme=dark] .prose h4{color:#f1f5f9}[data-theme=dark] .prose a{color:#93c5fd}[data-theme=dark] .prose code{background:#1e293b;color:#e2e8f0}[data-theme=dark] .prose pre{background:#0d1117!important}[data-theme=dark] .prose blockquote{background:#1e3a5f;border-color:#3b82f6;color:#94a3b8}[data-theme=dark] .prose table{border-color:#334155}[data-theme=dark] .prose th{background:#1e293b;color:#94a3b8;border-color:#334155}[data-theme=dark] .prose hr,[data-theme=dark] .prose td{border-color:#334155}[data-theme=dark] .post-card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .post-card:hover{border-color:#3b82f6!important}[data-theme=dark] .tag-chip{background:#1e3a5f!important;color:#93c5fd!important;border-color:#2563eb!important}[data-theme=dark] .cat-tag-item{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .cat-tag-item:hover{border-color:#3b82f6!important}html{color-scheme:light dark}[data-theme=dark] .cat-card-item,[data-theme=dark] .cat-tag-item,[data-theme=dark] [class*=catCard]{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text)!important}[data-theme=dark] .cat-tag-item:hover{border-color:var(--accent)!important;background:var(--accent-light)!important}[data-theme=dark] .post-card{background:var(--bg-card)!important;border-color:var(--border)!important}[data-theme=dark] .post-card *{color:var(--text)}[data-theme=dark] .post-card a,[data-theme=dark] .post-card h2,[data-theme=dark] .post-card h3{color:var(--text)!important}[data-theme=dark] .section-white,[data-theme=dark] section{background:var(--bg)!important;border-color:var(--border)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] li,[data-theme=dark] p,[data-theme=dark] span{color:var(--text)}[data-theme=dark] footer,[data-theme=dark] input,[data-theme=dark] nav,[data-theme=dark] textarea{background:var(--bg-card)!important;border-color:var(--border)!important}[data-theme=dark] input,[data-theme=dark] textarea{color:var(--text)!important}[data-theme=dark] .tag-chip{background:var(--accent-light)!important;color:var(--accent-text)!important;border-color:var(--accent-dim)!important}[data-theme=dark] .search-input,[data-theme=dark] .search-wrap{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text)!important}[data-theme=dark] .featured-card{background:var(--bg-dark)!important}[data-theme=dark] .tool-card{background:var(--bg-card)!important;border-color:var(--border)!important}[data-theme=dark] button:not([style*="background:#"]):not([style*="background: #2"]):not([style*="background: rgb"]){color:var(--text)}.prose pre::-webkit-scrollbar{height:6px}.prose pre::-webkit-scrollbar-track{background:transparent}.prose pre::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.prose pre::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=dark] .lead-block{background:#1e3a5f!important;border-color:#3b82f6!important;color:#e2e8f0!important}[data-theme=dark] .read-btn{background:#1e293b!important;color:#93c5fd!important;border-color:#334155!important}[data-theme=dark] .read-btn:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}[data-theme=dark] .bookmark-card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .bookmark-card:hover{border-color:#3b82f6!important}[data-theme=dark] .bookmark-card a{color:#e2e8f0!important}[data-theme=dark] .bookmark-card span{color:#94a3b8!important}