:root{color-scheme:light;--bg:#f4f6f9;--bg-grid:rgba(0, 120, 100, 0.07);--surface:#ffffff;--surface-2:#eef1f5;--border:#cfd7e2;--border-bright:#008f72;--text:#1a2332;--text-muted:#5c6b7f;--accent:#008f72;--accent-dim:rgba(0, 143, 114, 0.1);--link:#0066b8;--link-hover:#008f72;--code-bg:#eef2f7;--code-border:#c5ced9;--header-bg:rgba(244, 246, 249, 0.92);--max-width:920px;--header-height:56px;--font-sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Consolas", monospace}[data-theme=dark]{color-scheme:dark;--bg:#070a0e;--bg-grid:rgba(57, 255, 218, 0.04);--surface:#0d1218;--surface-2:#121922;--border:#243041;--border-bright:#39ffda;--text:#d4dce6;--text-muted:#7a8a9c;--accent:#39ffda;--accent-dim:rgba(57, 255, 218, 0.12);--link:#5ecbff;--link-hover:#39ffda;--code-bg:#0a1018;--code-border:#1e2d3d;--header-bg:rgba(7, 10, 14, 0.92)}*,*::before,*::after{box-sizing:border-box;border-radius:0!important}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:32px 32px;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--link-hover)}.site{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.header__inner{max-width:calc(var(--max-width) + 48px);margin:0 auto;padding:0 24px;height:var(--header-height);display:flex;align-items:center;gap:24px}.header__brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-family:var(--font-mono);font-weight:600;font-size:.95rem;letter-spacing:.02em;white-space:nowrap}.header__brand:hover{color:var(--accent)}.header__brand-mark{color:var(--accent)}.header__nav{display:flex;gap:4px;margin-left:auto}.header__link{padding:8px 14px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);border:1px solid transparent;text-transform:uppercase;letter-spacing:.06em}.header__link:hover,.header__link.is-active{color:var(--accent);border-color:var(--border);background:var(--surface)}.header__theme{margin-left:8px;padding:8px 14px;min-width:3.2em;font-family:var(--font-sans);font-size:.82rem;color:var(--text-muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;letter-spacing:.02em;white-space:nowrap;line-height:1.2}.header__theme:hover{color:var(--accent);border-color:var(--accent)}.header__toggle{display:none;margin-left:auto;width:40px;height:40px;padding:0;border:1px solid var(--border);background:var(--surface);cursor:pointer}.header__toggle-bar{display:block;width:18px;height:2px;margin:4px auto;background:var(--accent)}.header__mobile{display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--surface)}.header__mobile[hidden]{display:none}.header__mobile-link{padding:14px 24px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em}.header__mobile-link:hover{color:var(--accent);background:var(--surface-2)}.main{flex:1;width:100%;max-width:calc(var(--max-width) + 48px);margin:0 auto;padding:32px 24px 64px}.hero{margin-bottom:32px;padding:18px 24px;border:1px solid var(--border);border-left:3px solid var(--border-bright);background:var(--surface)}.hero__desc{margin:0;display:flex;align-items:flex-start;gap:10px;color:var(--text-muted);font-size:1rem;line-height:1.6}.hero__mark{color:var(--accent);flex-shrink:0;font-family:var(--font-mono);line-height:1.6}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-head__title{margin:0;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.15em}.section-head__count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.post-list{display:flex;flex-direction:column;gap:16px}.post-card{padding:24px 24px 24px 28px;border:1px solid var(--border);background:var(--surface);border-left:3px solid var(--border-bright);transition:border-color .15s ease,background .15s ease}.post-card:hover{background:var(--surface-2);border-color:var(--border-bright)}.post-card__meta{display:flex;flex-wrap:wrap;gap:12px 20px;margin-bottom:10px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.post-card__title{margin:0 0 10px;font-size:1.25rem;font-weight:600;line-height:1.35}.post-card__title a{color:var(--text)}.post-card__title a:hover{color:var(--accent)}.post-card__summary{margin:0 0 14px;color:var(--text-muted);font-size:.95rem}.page-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.page-header__label{margin:0 0 8px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.2em}.page-header__title{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.page-header__desc{margin:12px 0 0;color:var(--text-muted)}.page-content{margin-bottom:40px;padding:24px;border:1px solid var(--border);background:var(--surface)}.article{border:1px solid var(--border);background:var(--surface)}.article__header{padding:32px 32px 24px;border-bottom:1px solid var(--border)}.article__section{margin:0 0 10px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.2em}.article__title{margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.25}.article__meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.article__content{padding:32px}.article__content h2,.article__content h3,.article__content h4{margin-top:2em;margin-bottom:.75em;font-weight:600;line-height:1.3}.article__content h2{padding-bottom:8px;border-bottom:1px solid var(--border);font-size:1.35rem}.article__content h3{font-size:1.15rem;color:var(--accent)}.article__content p,.article__content ul,.article__content ol{margin:0 0 1.25em}.article__content ul,.article__content ol{padding-left:1.5em}.article__content li{margin-bottom:.35em}.article__content blockquote{margin:1.5em 0;padding:16px 20px;border-left:3px solid var(--accent);background:var(--accent-dim);color:var(--text-muted)}.article__content img{max-width:100%;height:auto;border:1px solid var(--border)}.article__content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.9rem}.article__content th,.article__content td{padding:10px 14px;border:1px solid var(--border);text-align:left}.article__content th{background:var(--surface-2);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.article__content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.article__footer{padding:20px 32px 28px;border-top:1px solid var(--border)}.article__content code,.page-content code{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;border:1px solid var(--code-border);background:var(--code-bg);color:var(--accent)}.article__content pre,.page-content pre{margin:1.5em 0;padding:16px 18px;overflow-x:auto;border:1px solid var(--code-border);background:var(--code-bg);line-height:1.5}.article__content pre code,.page-content pre code{padding:0;border:none;background:0 0;color:var(--text);font-size:.85rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tag{display:inline-block;padding:4px 10px;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);border:1px solid var(--border);background:var(--accent-dim);letter-spacing:.04em}.tag:hover{border-color:var(--accent);color:var(--text)}.term-list{display:flex;flex-wrap:wrap;gap:10px}.term-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:.82rem}.term-chip:hover{border-color:var(--accent);color:var(--accent)}.term-chip__count{padding:2px 6px;border:1px solid var(--border);color:var(--text-muted);font-size:.72rem}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.pagination__btn{padding:10px 18px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);border:1px solid var(--border);background:var(--surface);text-transform:uppercase;letter-spacing:.06em}.pagination__btn:hover{color:var(--accent);border-color:var(--accent)}.pagination__btn.is-disabled{opacity:.35;pointer-events:none}.pagination__info{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.footer{border-top:1px solid var(--border);background:var(--surface)}.footer__inner{max-width:calc(var(--max-width) + 48px);margin:0 auto;padding:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.footer__meta{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.footer__sep{margin:0 6px;color:var(--border)}.footer__nav{display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}.footer__link{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.footer__link:hover{color:var(--accent)}.footer__social{display:flex;flex-wrap:wrap;gap:12px}.footer__social-link{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.footer__social-link:hover{color:var(--accent)}@media(max-width:720px){.header__nav{display:none}.header__theme{margin-left:auto;margin-right:8px}.header__toggle{display:block;margin-left:0}.hero{padding:16px 20px}.article__header,.article__content,.article__footer{padding-left:20px;padding-right:20px}.footer__nav{margin-left:0;width:100%}.section-head{flex-direction:column;align-items:flex-start}}.highlight{margin:1.5em 0}.highlight pre{margin:0}.chroma{background:var(--code-bg)!important;color:var(--text)!important}.chroma .lnt,.chroma .ln{color:var(--text-muted)}.archive{display:flex;flex-direction:column;gap:32px}.archive__year{border:1px solid var(--border);background:var(--surface)}.archive__year-title{margin:0;padding:16px 24px;font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--accent);border-bottom:1px solid var(--border);letter-spacing:.08em}.archive__list{margin:0;padding:0;list-style:none}.archive__item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border)}.archive__item:last-child{border-bottom:none}.archive__item-title{flex:1;min-width:0;color:var(--text);font-weight:500;line-height:1.4}.archive__item-title:hover{color:var(--accent)}.archive__item-date{flex-shrink:0;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);white-space:nowrap}@media(max-width:720px){.archive__item{flex-direction:column;align-items:flex-start;gap:6px}}