*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #060c14;--bg2: #0a1220;--accent: #4fc3f7;--text: #e8eaf0;--muted: #6b7a8d;--border: rgba(79,195,247,.15);--font-display: "Bebas Neue", sans-serif;--font-label: "Rajdhani", sans-serif;--font-body: "Space Grotesk", sans-serif}html{font-size:110%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column}header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,3rem);height:60px;background:#060c14d9;backdrop-filter:blur(14px);border-bottom:.5px solid var(--border);z-index:100;gap:1rem}.logo{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em;color:var(--accent);text-decoration:none;text-shadow:0 0 20px rgba(79,195,247,.4);flex-shrink:0}header nav{display:flex;align-items:center;gap:1.5rem}.back-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-label);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent)}.back-link svg{width:14px;height:14px;flex-shrink:0}.external-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-label);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-decoration:none;padding:5px 12px;border:1px solid rgba(79,195,247,.3);border-radius:2px;background:#4fc3f70d;transition:background .2s,border-color .2s;white-space:nowrap}.external-link:hover{background:#4fc3f71f;border-color:#4fc3f799}.external-link svg{width:12px;height:12px;flex-shrink:0}main{flex:1;max-width:780px;width:100%;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,5vw,2rem)}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:.5px solid var(--border)}.post-tag{display:inline-block;font-family:var(--font-label);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;padding:3px 10px;border-radius:2px;border:1px solid;margin-bottom:1rem}.post-meta{font-family:var(--font-label);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.post-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.03em;line-height:1.05;color:var(--text)}.fetch-notice{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:.82rem;color:var(--muted);background:#ff98000f;border:1px solid rgba(255,152,0,.2);border-radius:3px;padding:12px 16px;margin-bottom:2rem;flex-wrap:wrap}.fetch-notice svg{width:16px;height:16px;color:#ff9800;flex-shrink:0}.fetch-notice a{color:var(--accent);text-decoration:none}.fetch-notice a:hover{text-decoration:underline}.prose{font-family:var(--font-body);font-size:clamp(.88rem,1.5vw,.95rem);color:#c8cdd6;line-height:1.85}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-display);color:var(--text);letter-spacing:.03em;margin:2rem 0 .75rem;line-height:1.1}.prose h1{font-size:clamp(1.6rem,3vw,2.2rem)}.prose h2{font-size:clamp(1.3rem,2.5vw,1.8rem)}.prose h3{font-size:clamp(1.1rem,2vw,1.4rem)}.prose p{margin-bottom:1.25rem}.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(79,195,247,.3);transition:border-color .2s}.prose a:hover{border-color:var(--accent)}.prose code{font-family:Fira Code,Cascadia Code,monospace;font-size:.85em;background:#4fc3f714;border:1px solid rgba(79,195,247,.15);border-radius:3px;padding:1px 6px;color:var(--accent)}.prose pre{background:#0a1520;border:1px solid rgba(79,195,247,.12);border-radius:4px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0}.prose pre code{background:none;border:none;padding:0;font-size:.82rem;color:#a8d8f0}.prose blockquote{border-left:2px solid var(--accent);padding:.5rem 0 .5rem 1.25rem;margin:1.5rem 0;color:var(--muted);font-style:italic}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.25rem}.prose li{margin-bottom:.4rem}.prose hr{border:none;border-top:.5px solid var(--border);margin:2.5rem 0}.prose img{max-width:100%;border-radius:4px;border:.5px solid var(--border);margin:1.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.85rem}.prose th,.prose td{padding:8px 12px;border:.5px solid rgba(255,255,255,.08);text-align:left}.prose th{font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;color:var(--accent);background:#4fc3f70d}footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem clamp(1rem,5vw,3rem);border-top:.5px solid var(--border);font-family:var(--font-label);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}footer .back-link{font-size:.65rem}@media(max-width:480px){header nav{gap:.75rem}.external-link{padding:4px 8px;font-size:.65rem}}