:root{--accent-blue: #3fb950;--accent-blue-hover: #2ea043;--accent-blue-deep: #238636;--accent-cyan: #2dd4a7;--accent-blue-glow: rgba(63, 185, 80, .35);--accent-violet: #e3b341;--card-bg: rgba(255, 255, 255, .03);--card-bg-strong: rgba(255, 255, 255, .05);--card-border: transparent;--term-line: rgba(255, 255, 255, .1);--card-border-strong: rgba(63, 185, 80, .45);--card-highlight: rgba(255, 255, 255, .04);--card-shadow: 0 14px 34px rgba(0, 0, 0, .5);--card-shadow-soft: 0 6px 16px rgba(0, 0, 0, .35);--bg-main: #0b0f14;--text-primary: #d6dee6;--text-secondary: #8b949e;--text-faint: #7d8590;--system-label-color: #3fb950;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "JetBrains Mono", "Inter", monospace;--font-mono: "JetBrains Mono", monospace}[data-theme=light]{--accent-blue: #1a7f37;--accent-blue-hover: #116329;--accent-blue-deep: #0e4f22;--accent-cyan: #0f766e;--accent-blue-glow: rgba(26, 127, 55, .25);--accent-violet: #9a6700;--card-bg: rgba(255, 255, 255, .65);--card-bg-strong: rgba(255, 255, 255, .85);--card-border: transparent;--term-line: rgba(27, 31, 35, .14);--card-border-strong: rgba(26, 127, 55, .5);--card-highlight: rgba(255, 255, 255, .6);--card-shadow: 0 10px 24px rgba(27, 31, 35, .12);--card-shadow-soft: 0 4px 12px rgba(27, 31, 35, .08);--bg-main: #f5f2ec;--text-primary: #1c2026;--text-secondary: #4b535c;--text-faint: #5c6570;--system-label-color: #1a7f37}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 4px),radial-gradient(120% 90% at 50% 0%,transparent 55%,rgba(0,0,0,.35) 100%)}[data-theme=light] body:before{background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(27,31,35,.012) 2px,rgba(27,31,35,.012) 4px),radial-gradient(120% 90% at 50% 0%,transparent 55%,rgba(27,31,35,.05) 100%)}.container{max-width:760px;margin:0 auto;padding:0 1.5rem}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.site-header{padding:1.5rem 0 3rem}.site-header .container{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-weight:700;letter-spacing:.14em;color:var(--text-primary);font-size:.9rem}.logo:hover{text-decoration:none;color:var(--accent-blue)}.site-header nav a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-secondary);margin-left:1.5rem}.hero{padding:2rem 0 3.5rem}.system-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;color:var(--system-label-color);display:block;margin-bottom:.9rem}.system-label:after{content:"▌";margin-left:.15rem;animation:caret-blink 1s steps(2,start) infinite}@keyframes caret-blink{50%{opacity:0}}.hero h1{font-family:var(--font-display);font-size:2.6rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.8rem}.hero p{color:var(--text-secondary);max-width:560px}.post-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0 4rem}.post-card{display:block;background:var(--card-bg);border:1px solid var(--card-border);border-bottom:1px solid var(--term-line);border-radius:8px;padding:1.6rem 1.8rem;color:inherit;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);background:var(--card-bg-strong);border-color:var(--card-border-strong);box-shadow:0 8px 22px var(--accent-blue-glow),inset 0 1px 0 var(--card-highlight);text-decoration:none}.post-card .meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);display:flex;gap:.9rem;margin-bottom:.6rem}.post-card .meta .tag{color:var(--accent-blue)}.post-card h2{font-family:var(--font-display);font-size:1.3rem;margin-bottom:.4rem}.post-card p{color:var(--text-secondary);font-size:.92rem}.article{padding-bottom:4rem}.article header{margin-bottom:2.5rem}.article h1{font-family:var(--font-display);font-size:2.3rem;line-height:1.2;letter-spacing:-.02em;margin:.7rem 0 .9rem}.article .meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);display:flex;gap:.9rem}.article .meta .tag{color:var(--accent-blue)}.article .prose h2{font-family:var(--font-display);font-size:1.45rem;margin:2.2rem 0 .8rem}.article .prose p,.article .prose li{color:var(--text-secondary);margin-bottom:1rem}.article .prose strong{color:var(--text-primary)}.article .prose code{font-family:var(--font-mono);font-size:.85em;background:var(--card-bg-strong);border:1px solid var(--term-line);border-radius:6px;padding:.1em .4em}.article .prose ul,.article .prose ol{padding-left:1.4rem}.article .prose blockquote{border-left:2px solid var(--accent-blue);padding-left:1.2rem;margin:1.5rem 0;color:var(--text-primary)}.back-link{display:inline-block;margin-bottom:2rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;transition:color .2s ease}.back-link:hover{color:var(--text-primary);text-decoration:none}.site-footer{border-top:1px solid var(--term-line);padding:2rem 0 3rem;color:var(--text-faint);font-size:.85rem}.site-footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;background:var(--card-bg);border:1px solid var(--term-line);color:var(--text-secondary);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:.45rem .9rem;border-radius:8px;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-toggle:hover{color:var(--text-primary);border-color:var(--card-border-strong);box-shadow:0 4px 14px var(--accent-blue-glow)}.theme-toggle svg{width:14px;height:14px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:inline}[data-theme=light] .theme-toggle .icon-moon{display:none}
