:root{--bg-body:#111113;--bg-card:#1c1c1e;--bg-code:#161618;--bg-quote:rgba(255, 255, 255, 0.03);--bg-card-hover:#252528;--bg-tint:rgba(41, 151, 255, 0.1);--bg-gradient:radial-gradient(circle at 50% 0%, #1f1f24 0%, var(--bg-body) 75%);--bg-glass:rgba(22, 22, 24, 0.75);--text-main:#f5f5f7;--text-muted:#a1a1a6;--h1-color:#ffffff;--h2-color:#2997ff;--h3-color:#bf5af2;--h4-color:#30d158;--h5-color:#ff9f0a;--h6-color:#a1a1a6;--accent-primary:#2997ff;--accent-secondary:#0a84ff;--accent-cool:#64d2ff;--accent-warm:#ff9f0a;--accent-pink:#ff375f;--accent-green:#30d158;--accent-purple:#bf5af2;--border:rgba(255, 255, 255, 0.08);--border-hover:#2997ff;--font-main:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", monospace}[data-theme=light]{--bg-body:#ebe6e0;--bg-card:#ddd8d2;--bg-card-hover:#d0cbc5;--bg-code:#ddd8d2;--bg-quote:#ddd8d2;--bg-tint:rgba(0, 113, 227, 0.08);--bg-gradient:none;--bg-glass:rgba(235, 230, 224, 0.75);--text-main:#1d1d1f;--text-muted:#6e6e73;--h1-color:#1d1d1f;--h2-color:#0071e3;--h3-color:#af52de;--h4-color:#28cd41;--h5-color:#ff9500;--h6-color:#6e6e73;--accent-primary:#0071e3;--accent-secondary:#0077ed;--accent-cool:#006edb;--accent-warm:#ff9500;--accent-pink:#ff2d55;--accent-green:#28cd41;--accent-purple:#af52de;--border:rgba(0, 0, 0, 0.1);--border-hover:#0071e3}body{background-color:var(--bg-body);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease;min-height:100vh}a{color:var(--accent-primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-secondary)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}h1{font-size:2.5rem;color:var(--h1-color);border-bottom:2px solid var(--accent-primary);font-weight:700;margin-bottom:.5rem;padding-bottom:.5rem;background:linear-gradient(135deg,var(--h1-color) 0%,var(--accent-cool) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.8rem;color:var(--h2-color);font-weight:600;position:relative;padding-left:1.2rem;margin:2rem 0 1rem}h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,var(--accent-primary),var(--accent-cool));border-radius:2px}h3{font-size:1.5rem;color:var(--h3-color);font-weight:600;margin:1.5rem 0 .8rem}h4{font-size:1.25rem;color:var(--h4-color);font-weight:600;margin:1.2rem 0 .6rem}h5{font-size:1.1rem;color:var(--h5-color);font-weight:600;margin:1rem 0 .5rem}h6{font-size:1rem;color:var(--h6-color);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem}p{font-size:1.05rem;color:var(--text-main)}.meta-info{font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}header{border-bottom:1px solid var(--border);background:rgba(13,13,15,.7);backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);box-shadow:0 1px 0 var(--border)}[data-theme=light] header{background:rgba(235,230,224,.8)}.site-title{font-weight:700;font-size:.95rem;color:var(--text-main);letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-code);transition:all .3s ease}.site-title:hover{border-color:var(--accent-primary);box-shadow:0 0 20px rgba(41,151,255,.2);transform:translateY(-1px)}.site-logo{filter:drop-shadow(0 0 4px rgba(41,151,255,.3))}nav a{color:var(--text-muted);font-size:.85rem;font-weight:500;border-radius:6px}nav a:hover{background:var(--bg-tint);color:var(--accent-primary)}footer{color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border)}.section-header{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-weight:600}.pinned-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.pinned-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-primary),var(--accent-cool));opacity:0;transition:opacity .3s ease}.pinned-card:hover::before{opacity:1}.pinned-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 15px rgba(41,151,255,.1);background:var(--bg-card-hover)}.pinned-card h2{color:var(--h2-color)}.pinned-card h2::before{display:none}.pinned-card:hover h2{color:var(--accent-cool)}.post-list li{border-radius:12px;border:1px solid var(--border);transition:all .3s ease;background:var(--bg-card);position:relative;overflow:hidden}.post-list li::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--accent-primary),var(--accent-purple));opacity:0;transition:opacity .3s ease}.post-list li:hover::before{opacity:1}.post-list li:hover{transform:translateX(6px);border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 4px 20px rgba(0,0,0,.3)}.post-title{font-size:1.4rem;font-weight:600;color:var(--h2-color)}.post-title:hover{color:var(--accent-cool)}.post-desc,.card-desc{color:var(--text-muted);font-size:.98rem}blockquote{border-left:4px solid var(--accent-primary);background:var(--bg-quote);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-main);font-size:.98em;position:relative}pre{background:var(--bg-code)!important;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.4)}.copy-btn{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;font-size:.75rem;font-family:inherit;cursor:pointer;opacity:0;transition:all .3s ease}pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--accent-primary);color:var(--bg-body);transform:scale(1.05)}.copy-btn.copied{background:var(--accent-green);color:var(--bg-body);border-color:var(--accent-green)}code{font-family:var(--font-mono);font-size:.9em;color:var(--text-main)}p code,li code,td code,th code{background:var(--bg-tint);color:var(--accent-primary);padding:.2rem .4rem;border-radius:6px;font-size:.9em;font-family:var(--font-mono);border:1px solid var(--border)}[data-theme=light] pre code,[data-theme=light] pre code *,[data-theme=light] pre code span{color:#1d1d1f!important}[data-theme=light] .hljs-keyword{color:#ad3da4!important;font-weight:600}[data-theme=light] .hljs-string{color:#d12f1b!important}[data-theme=light] .hljs-number,[data-theme=light] .hljs-literal{color:#272ad8!important}[data-theme=light] .hljs-function,[data-theme=light] .hljs-title{color:#3e8087!important;font-weight:600}[data-theme=light] .hljs-comment{color:#86868b!important;font-style:italic}.tag-pill{background:var(--bg-tint);border-radius:999px;border:1px solid var(--border);color:var(--accent-primary);font-size:.8rem;font-weight:500;transition:all .3s ease}.tag-pill:nth-child(3n){color:var(--accent-cool);border-color:var(--accent-cool)}.tag-pill:nth-child(3n+1){color:var(--accent-pink);border-color:var(--accent-pink)}.tag-pill:nth-child(3n+2){color:var(--accent-purple);border-color:var(--accent-purple)}.tag-pill:hover{border-color:initial;background:rgba(41,151,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(41,151,255,.3)}.tag-pill:nth-child(3n):hover{background:rgba(100,210,255,.2);box-shadow:0 4px 12px rgba(100,210,255,.3)}.tag-pill:nth-child(3n+1):hover{background:rgba(255,55,95,.2);box-shadow:0 4px 12px rgba(255,55,95,.3)}.tag-pill:nth-child(3n+2):hover{background:rgba(191,90,242,.2);box-shadow:0 4px 12px rgba(191,90,242,.3)}.tag-count{background:var(--bg-code);color:var(--text-main);border-radius:999px;font-size:.75em}img{border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .3s ease}img:hover{transform:scale(1.01)}table{border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.2)}th{background:var(--bg-card);color:var(--accent-primary);font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}td{border-bottom:1px solid var(--border)}tr:hover{background:var(--bg-card-hover)}.divider-bottom{border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:1.5rem}.mini-tag{font-size:.85rem;font-family:monospace;color:var(--accent-primary)}.mini-tag:nth-child(3n){color:var(--accent-cool)}.mini-tag:nth-child(3n+1){color:var(--accent-pink)}.mini-tag:nth-child(3n+2){color:var(--accent-purple)}#progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-cool));z-index:9999;transition:width .1s ease-out;box-shadow:0 0 10px var(--accent-primary)}.katex{color:var(--text-main)!important;font-size:1.05em}hr{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);height:2px}[data-theme=light] hr{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.no-border{border:none!important}.small-pill{font-size:.8em}::selection{background:var(--accent-primary);color:var(--bg-body);text-shadow:none}.site-logo{transition:transform .3s ease}.site-logo:hover{transform:scale(1.05);cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px;border:2px solid var(--bg-body)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.post-title{position:relative;padding-left:0;transition:padding-left .3s ease}.post-title::before{content:'→';position:absolute;left:-20px;opacity:0;color:var(--accent-cool);font-weight:600;transition:all .3s ease}.post-title:hover{padding-left:25px}.post-title:hover::before{left:0;opacity:1}details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .3s ease}details[open]{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(41,151,255,.15)}summary{padding:1rem;font-weight:600;cursor:pointer;color:var(--h3-color);list-style:none;transition:color .3s ease}summary:hover{color:var(--accent-primary)}summary::before{content:'▶';display:inline-block;margin-right:.8rem;font-size:.8rem;transition:transform .3s ease;color:var(--accent-primary)}details[open] summary::before{transform:rotate(90deg)}summary::-webkit-details-marker{display:none}.red{color:#ff3b30!important;background:0 0!important;-webkit-text-fill-color:initial!important;background-clip:unset!important}.blue{color:#007aff!important;background:0 0!important;-webkit-text-fill-color:initial!important;background-clip:unset!important}.green{color:#34c759!important;background:0 0!important;-webkit-text-fill-color:initial!important;background-clip:unset!important}.yellow{color:#fc0!important;background:0 0!important;-webkit-text-fill-color:initial!important;background-clip:unset!important}.pink{color:#ff2d55!important;background:0 0!important;-webkit-text-fill-color:initial!important;background-clip:unset!important}.purple{color:var(--accent-purple)}pre.mermaid{background:0 0!important;border:none!important;box-shadow:none!important;padding:0!important}.mermaid-container{overflow-x:auto;width:100%;margin:2rem 0}.mermaid-container svg .nodeLabel{overflow:visible!important}.mermaid-container svg foreignobject{overflow:visible!important}.mermaid-container svg foreignobject>div{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100%!important;padding:0!important}.mermaid-container svg .node{overflow:visible!important}.mermaid-container svg .node rect{overflow:visible!important}.mermaid-light svg{background:0 0!important}.mermaid-light svg text{fill:#1d1d1f;color:#1d1d1f}.mermaid-light svg .node rect,.mermaid-light svg .node circle,.mermaid-light svg .node ellipse,.mermaid-light svg .node polygon,.mermaid-light svg .node path{fill:#fff;stroke:#1d1d1f;stroke-width:2px}.mermaid-light svg g.edgePaths path,.mermaid-light svg .edgePath path,.mermaid-light svg path[class*=edge]{stroke:#1d1d1f;stroke-width:2px;fill:none}.mermaid-light svg .edgeLabel{background-color:#fff;color:#1d1d1f;fill:#1d1d1f}.mermaid-light svg marker path{fill:#1d1d1f}.mermaid-light svg .cluster rect{fill:#f5f5f7;stroke:#1d1d1f}.mermaid-dark svg{background:0 0!important}.mermaid-dark svg text{fill:#f5f5f7;color:#f5f5f7}.mermaid-dark svg .node rect,.mermaid-dark svg .node circle,.mermaid-dark svg .node ellipse,.mermaid-dark svg .node polygon,.mermaid-dark svg .node path{fill:#1c1c1e;stroke:#f5f5f7;stroke-width:2px}.mermaid-dark svg g.edgePaths path,.mermaid-dark svg .edgePath path,.mermaid-dark svg path[class*=edge]{stroke:#a1a1a6;stroke-width:2px;fill:none}.mermaid-dark svg .edgeLabel{background-color:#1c1c1e;color:#f5f5f7;fill:#f5f5f7}.mermaid-dark svg marker path{fill:#a1a1a6}.mermaid-dark svg .cluster rect{fill:#2c2c2e;stroke:#f5f5f7}.mermaid-light{display:none!important}.mermaid-dark{display:block!important}[data-theme=light] .mermaid-light,html[data-theme=light] .mermaid-light,body[data-theme=light] .mermaid-light{display:block!important}[data-theme=light] .mermaid-dark,html[data-theme=light] .mermaid-dark,body[data-theme=light] .mermaid-dark{display:none!important}