:root{--font-primary:var(--font-kode-mono),var(--font-inter),Inter,monospace;--font-reading:var(--font-newsreader),"Newsreader",Georgia,"Times New Roman",serif;--letter-spacing-body:0;--letter-spacing-heading:0;--letter-spacing-display:0.02em;--letter-spacing-ui:0.04em;--letter-spacing-caption:0.06em;--letter-spacing-label:0.08em;--letter-spacing-kicker:0.12em;--letter-spacing-meta:0.14em;--letter-spacing-wide:0.18em;--letter-spacing-button:0.06em;--letter-spacing-button-wide:0.1em}*{scrollbar-width:thin;scrollbar-color:var(--color-border) rgba(0,0,0,0)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}:root{--color-background:#000000;--color-background-alt:rgba(10,10,10,0.6);--color-background-soft:rgba(20,20,20,0.4);--color-surface:#000000;--color-surface-hover:#161616;--color-accent:#10b981;--color-accent-light:#4ade80;--color-accent-dim:rgba(16,185,129,0.15);--color-accent-muted:rgba(16,185,129,0.3);--color-accent-soft:rgba(16,185,129,0.05);--color-accent-border:rgba(16,185,129,0.1);--color-primary:#ffffff;--color-primary-inverse:#000000;--color-success:#00e676;--color-danger:#ff5252;--color-text-main:#e8e8e8;--color-text-secondary:#a0a0a0;--color-text-tertiary:#808080;--color-text-muted:#333333;--color-border:#1a1a1a;--color-border-subtle:rgba(255,255,255,0.05);--color-border-dark:#0a0a0a;--color-section-divider:#2e2e2e;--color-grid-line:rgba(16,185,129,0.1);--color-shadow:rgba(0,0,0,0.8);--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);--breakpoint-ultra-wide:1440px;--breakpoint-desktop:1024px;--breakpoint-tablet:768px;--breakpoint-mobile:425px}@keyframes pulse-emerald{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{transform:scale(1.1);opacity:.8;box-shadow:0 0 0 8px rgba(16,185,129,0)}to{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,0)}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{background-color:var(--color-background);color:var(--color-text-main);font-family:var(--font-primary);letter-spacing:var(--letter-spacing-body);line-height:1.5;display:flex;flex-direction:column;min-height:100vh}body.modal-open,html.modal-open{overflow:hidden}body.layout--kb{overflow:hidden;height:100vh}.font-mono{font-family:var(--font-primary)}main{flex:1 1;width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.blog-detail{padding:clamp(48px,8vw,72px) 24px;background-color:rgba(0,0,0,0);color:var(--color-text-main);min-height:80vh;display:flex;justify-content:center}@media(min-width:1024px){.blog-detail{padding-inline:80px}}.blog-detail-content{max-width:800px;width:100%}.blog-detail-error,.blog-detail-loading{text-align:center;padding:60px;font-size:18px;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:16px}.blog-detail-error{color:var(--color-danger)}.blog-detail-back,.blog-detail-back-link,.blog-detail-source-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent);text-decoration:none;font-size:14px;transition:color .25s ease}.blog-detail-back-link:hover,.blog-detail-back:hover,.blog-detail-source-link:hover{color:var(--color-accent-light)}.blog-detail-back-link:focus-visible,.blog-detail-back:focus-visible,.blog-detail-source-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}.blog-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.blog-detail-back{margin-bottom:0}.blog-detail-back-link{font-size:16px;text-decoration:underline;text-underline-offset:2px}.blog-detail-header{margin-bottom:48px;text-align:center;border-bottom:1px solid var(--color-border);padding-bottom:32px}.blog-detail-title{font-size:clamp(28px,5vw,40px);font-weight:700;margin-bottom:16px;line-height:1.2;letter-spacing:var(--letter-spacing-heading);white-space:pre-line;color:var(--color-text-main)}.blog-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;color:var(--color-text-tertiary);font-size:14px;text-transform:uppercase;letter-spacing:var(--letter-spacing-caption)}.blog-detail-body{font-family:var(--font-reading);font-size:18px;line-height:1.65;letter-spacing:.01em;color:var(--color-text-secondary);--color-accent-fg:var(--color-accent);--color-accent-emphasis:var(--color-accent);--color-canvas-default:transparent;--color-canvas-subtle:#1a1a1a;--color-border-default:var(--color-border);--color-border-muted:var(--color-border);--color-fg-default:var(--color-text-main);--color-fg-muted:var(--color-text-secondary);--color-neutral-muted:rgba(255,255,255,0.08)}.blog-detail-body .wmde-markdown{font-family:inherit;background-color:rgba(0,0,0,0);color:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}.blog-detail-body .wmde-markdown a{color:var(--color-accent);text-decoration:none;transition:color .25s ease}.blog-detail-body .wmde-markdown a:hover{color:var(--color-accent-light)}.blog-detail-body .wmde-markdown a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.blog-detail-body .wmde-markdown a.anchor{color:var(--color-text-tertiary)}.blog-detail-body .wmde-markdown a.anchor:hover{color:var(--color-accent-light)}.blog-detail-body .wmde-markdown h1,.blog-detail-body .wmde-markdown h2,.blog-detail-body .wmde-markdown h3,.blog-detail-body .wmde-markdown h4,.blog-detail-body .wmde-markdown h5,.blog-detail-body .wmde-markdown h6{color:var(--color-text-main);border-bottom-color:var(--color-border);scroll-margin-top:88px}.blog-detail-body .wmde-markdown strong{color:var(--color-text-main)}.blog-detail-body .wmde-markdown blockquote,.blog-detail-body .wmde-markdown details,.blog-detail-body .wmde-markdown dl,.blog-detail-body .wmde-markdown ol,.blog-detail-body .wmde-markdown p,.blog-detail-body .wmde-markdown pre,.blog-detail-body .wmde-markdown table,.blog-detail-body .wmde-markdown ul{margin-bottom:20px}.blog-detail-body .wmde-markdown blockquote{border-left-color:var(--color-accent);color:var(--color-text-secondary)}.blog-detail-body .wmde-markdown :not(pre)>code,.blog-detail-body .wmde-markdown :not(pre)>tt{font-family:var(--font-mono),var(--font-kode-mono),monospace;font-size:.9em;background-color:#1a1a1a;border:1px solid var(--color-border);color:var(--color-accent-light)}.blog-detail-body .wmde-markdown pre{background-color:#1a1a1a;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.blog-detail-body .wmde-markdown pre>code{padding:16px;background:#1a1a1a;border:0;color:var(--color-text-main);font-family:var(--font-mono),var(--font-kode-mono),monospace;font-size:.85em;line-height:1.6}.blog-detail-body .wmde-markdown pre:hover .copied:hover{background:var(--color-accent-dim);color:var(--color-accent-light)}.blog-detail-body .wmde-markdown table td,.blog-detail-body .wmde-markdown table th{border-color:var(--color-border)}.blog-detail-body .wmde-markdown table tr{background-color:rgba(0,0,0,0);border-top-color:var(--color-border)}.blog-detail-body .wmde-markdown table tr:nth-child(2n){background-color:var(--color-background-soft)}