:root{--bg: #f7f7f5;--fg: #1c1c1c;--muted: #737373;--link: #1a4a8a;--border: #e0e0d8;--code-bg: #edede8;--max-w: 760px;--font: system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono: ui-monospace, "Cascadia Code", "Fira Code", monospace}@media (prefers-color-scheme: dark){:root{--bg: #141414;--fg: #e0e0dc;--muted: #868686;--link: #7eb8f7;--border: #2c2c2c;--code-bg: #242424}}html[data-theme=light]{--bg: #f7f7f5;--fg: #1c1c1c;--muted: #737373;--link: #1a4a8a;--border: #e0e0d8;--code-bg: #edede8}html[data-theme=dark]{--bg: #141414;--fg: #e0e0dc;--muted: #868686;--link: #7eb8f7;--border: #2c2c2c;--code-bg: #242424}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.7;padding:0 1.5rem}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;height:auto;display:block}.wrap{max-width:var(--max-w);margin:0 auto}header{padding:.6rem 0;margin-bottom:3rem;border-bottom:1px solid var(--border)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-name{font-weight:700;font-size:1rem;color:var(--fg);letter-spacing:-.01em}.site-name:hover{text-decoration:none}nav{display:flex;gap:.4rem;align-items:center}nav a{display:inline-block;width:5.5rem;text-align:center;font-size:.85rem;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:.25rem 0}nav a:hover{color:var(--fg);border-color:var(--muted);text-decoration:none}.lang{margin-left:.6rem}.lang a{width:4.5rem}footer{margin-top:4rem;padding:1.5rem 0;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;align-items:center}.footer-opts{display:flex;align-items:center;gap:.4rem}.footer-opts .sep{color:var(--border);user-select:none}.footer-opts button,.footer-opts a{background:none;border:none;cursor:pointer;font-size:.85rem;font-family:var(--font);color:var(--muted);padding:0;text-decoration:none}.footer-opts button:hover,.footer-opts a:hover{color:var(--fg)}.footer-opts .active{color:var(--fg);font-weight:600;pointer-events:none;cursor:default}.intro{margin-bottom:3rem}.intro p{color:var(--muted);max-width:520px}.post-list{list-style:none}.post-item{display:flex;align-items:baseline;gap:2rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.post-item:first-child{border-top:1px solid var(--border)}.post-date,.post-lang{font-family:var(--mono);color:var(--muted);flex-shrink:0}.post-date{font-size:.82rem;white-space:nowrap}.post-lang{font-size:.75rem}.list-label{font-size:.85rem;color:var(--muted);margin-bottom:.75rem}.section-head{margin-bottom:2rem}.section-head h1{font-size:1.2rem;font-weight:600}.section-head p{color:var(--muted);font-size:.9rem;margin-top:.25rem}article>h1{font-size:1.55rem;font-weight:700;line-height:1.3;letter-spacing:-.02em}.post-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;color:var(--muted);font-size:.85rem;margin:.5rem 0 2.5rem}.post-meta time{font-family:var(--mono)}.post-meta .tags a{color:var(--muted)}.post-meta .tags a::before{content:"#"}.post-meta .tags a:hover{color:var(--fg);text-decoration:none}.post-meta .trans a{font-size:.8rem;border:1px solid var(--border);padding:.1em .5em;border-radius:3px;color:var(--muted)}.post-meta .trans a:hover{color:var(--fg);text-decoration:none}.content{max-width:680px}.content h2{font-size:1.2rem;font-weight:600;margin:2.2rem 0 .6rem}.content h3{font-size:1rem;font-weight:600;margin:1.8rem 0 .4rem}.content p{margin-bottom:1.1rem}.content ul,.content ol{padding-left:1.5rem;margin-bottom:1.1rem}.content li+li{margin-top:.25rem}.content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.content blockquote{border-left:3px solid var(--border);padding:0 1rem;color:var(--muted);margin:1.5rem 0}.content code{font-family:var(--mono);font-size:.85em;background:var(--code-bg);padding:.1em .35em;border-radius:3px}.content pre{margin:1.5rem 0;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.55}.content pre code{background:none;padding:0;font-size:inherit;border-radius:0}.content img,.content video{margin:1.5rem auto;border-radius:4px}.content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.content th,.content td{padding:.5rem .75rem;border:1px solid var(--border)}.content th{background:var(--code-bg);font-weight:600}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));gap:1.5rem;margin-top:2rem}.showcase-card a{display:block;color:var(--fg);text-decoration:none}.showcase-card h3{font-size:.9rem;font-weight:600}.showcase-card p{font-size:.82rem;color:var(--muted);margin-top:.15rem}.thumb{width:100%;aspect-ratio:16/9;background:#111;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 560px){header .wrap{flex-direction:column;gap:.6rem}nav{gap:1rem}.lang{margin-left:0}.post-item{flex-direction:column;gap:.1rem}footer .wrap{flex-direction:column;gap:.4rem}}