[data-theme=tech]{--accent:#10b981;--accent-2:#34d399;--accent-rgb:16 185 129}[data-theme=life]{--accent:#f59e0b;--accent-2:#fbbf24;--accent-rgb:245 158 11}[data-theme=biz]{--accent:#3b82f6;--accent-2:#60a5fa;--accent-rgb:59 130 246}.blog-brand{display:flex;align-items:baseline;gap:10px;font-family:var(--serif);font-weight:800;font-size:18px;letter-spacing:-.01em}.blog-brand .mark{font-family:var(--mono);font-weight:600;font-size:13px;color:var(--accent);letter-spacing:.05em;padding:3px 8px;border:1px solid rgb(var(--accent-rgb)/.35);border-radius:6px;background:rgb(var(--accent-rgb)/.08)}.blog-brand .slash{color:var(--text-3);font-weight:500}.blog-nav{display:flex;gap:4px;align-items:center}.blog-nav a{padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);transition:color .2s,background .2s}.blog-nav a:hover{color:var(--text);background:hsla(0,0%,100%,.04)}.blog-nav a.active{color:var(--text);background:rgb(var(--accent-rgb)/.12)}.blog-nav .to-parent{margin-left:8px;padding-left:16px;border-left:1px solid var(--border);display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12.5px;color:var(--text-3)}.blog-nav .to-parent:hover{color:var(--accent-2);background:transparent}@media(max-width:720px){.blog-nav a:not(.to-parent){display:none}}.blog-hero-compact{padding:24px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.blog-hero-compact:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 12% 0,rgb(var(--accent-rgb)/.08),transparent 60%);pointer-events:none}.blog-hero-compact .wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.blog-hero-compact .lede{color:var(--text-2);font-size:13.5px;line-height:1.7;max-width:56ch;margin:0}.blog-hero-compact .hero-stats-compact{display:flex;gap:6px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--text-3);letter-spacing:.04em;white-space:nowrap}.blog-hero-compact .hero-stats-compact .sep{color:var(--border-strong)}.blog-hero-compact .hero-stats-compact .stat{color:var(--text-3)}@media(max-width:720px){.blog-hero-compact .wrap{flex-direction:column;align-items:flex-start}}.blog-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px;padding:14px;border:1px solid var(--border);background:var(--surface);border-radius:14px}.blog-filters .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);padding:6px 10px 6px 6px;align-self:center;border-right:1px solid var(--border);margin-right:6px}.chip{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--text-2);padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:transparent;transition:color .2s,border-color .2s,background .2s,transform .15s;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chip:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.chip.active{color:var(--accent);border-color:rgb(var(--accent-rgb)/.55);background:rgb(var(--accent-rgb)/.08)}.chip .count{color:var(--text-3);font-size:11px}.chip.active .count{color:rgb(var(--accent-rgb)/.8)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.category-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,background .2s}.category-card:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--surface-2)}.category-name{font-weight:600;font-size:16px;color:var(--text)}.category-count{font-family:var(--mono);font-size:13px;color:var(--text-3)}.sec-head{gap:16px}.sec-link{font-family:var(--mono);font-size:13px;color:var(--accent);text-decoration:none;white-space:nowrap;transition:opacity .2s}.sec-link:hover{opacity:.7}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-2);box-shadow:0 18px 40px -20px rgba(0,0,0,.6),0 0 0 1px rgb(var(--accent-rgb)/.15) inset}.blog-card .thumb{aspect-ratio:16/10;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.blog-card .thumb .id{top:14px;color:hsla(0,0%,100%,.85);letter-spacing:.12em;padding:4px 8px;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blog-card .thumb .codestrip,.blog-card .thumb .id{position:absolute;left:14px;font-family:var(--mono);font-size:11px}.blog-card .thumb .codestrip{right:14px;bottom:14px;color:rgba(229,236,246,.55);letter-spacing:.02em;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-1{background:radial-gradient(circle at 20% 30%,rgb(var(--accent-rgb)/.55),transparent 55%),radial-gradient(circle at 80% 70%,rgb(var(--accent-rgb)/.25),transparent 60%),linear-gradient(135deg,#0f172a,#16223a)}.th-2{background:repeating-linear-gradient(45deg,rgb(var(--accent-rgb)/.12) 0 2px,transparent 2px 12px),linear-gradient(135deg,#16223a,#0b1220)}.th-3{background:radial-gradient(ellipse at 100% 0,rgb(var(--accent-rgb)/.45),transparent 60%),linear-gradient(180deg,#0f172a 0,#111b2e 100%)}.th-4{background:conic-gradient(from 200deg at 70% 60%,rgb(var(--accent-rgb)/.5),transparent 30%,rgb(var(--accent-rgb)/.15) 60%,transparent 90%),linear-gradient(135deg,#0b1220,#16223a)}.th-5{background:linear-gradient(115deg,rgb(var(--accent-rgb)/.35) 0,transparent 45%),repeating-linear-gradient(0deg,hsla(0,0%,100%,.025) 0 1px,transparent 1px 24px),linear-gradient(180deg,#111b2e,#0f172a)}.th-6{background:radial-gradient(circle at 50% 120%,rgb(var(--accent-rgb)/.5),transparent 55%),radial-gradient(circle at 0 0,rgb(var(--accent-rgb)/.2),transparent 50%),#0f172a}.blog-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1 1}.blog-card .meta-row{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;color:var(--text-3)}.blog-card .tag{color:var(--accent);border:1px solid rgb(var(--accent-rgb)/.35);background:rgb(var(--accent-rgb)/.08);padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.04em}.blog-card h3{font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.5;letter-spacing:-.005em;margin:2px 0 0;color:var(--text);text-wrap:pretty}.blog-card:hover h3{color:var(--accent-2)}.blog-card .excerpt{color:var(--text-2);font-size:13.5px;line-height:1.75;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card .foot{margin-top:auto;padding-top:14px;border-top:1px dashed var(--border);display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11.5px;color:var(--text-3)}.blog-card .foot .read{color:var(--text-2)}.blog-card:hover .foot .read{color:var(--accent-2)}.pager{display:flex;gap:6px;margin-top:48px;font-family:var(--mono)}.pager,.pager a,.pager span{justify-content:center;align-items:center}.pager a,.pager span{min-width:38px;height:38px;padding:0 12px;display:inline-flex;border:1px solid var(--border);border-radius:10px;color:var(--text-2);font-size:13px;transition:color .2s,border-color .2s,background .2s}.pager a:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.pager .active{color:var(--accent);border-color:rgb(var(--accent-rgb)/.5);background:rgb(var(--accent-rgb)/.08)}.detail-wrap{display:grid;grid-template-columns:1fr 260px;grid-gap:64px;gap:64px;align-items:start;padding:56px 0 88px}@media(max-width:900px){.detail-wrap{grid-template-columns:1fr;gap:32px}}.crumbs{font-family:var(--mono);font-size:12px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crumbs,.crumbs a{color:var(--text-3)}.crumbs a{transition:color .2s}.crumbs a:hover{color:var(--accent-2)}.crumbs .sep{color:var(--border-strong)}.crumbs .here{color:var(--text-2)}.post-head{border-bottom:1px solid var(--border);padding-bottom:32px;margin-bottom:40px}.post-head h1{font-family:var(--serif);font-weight:800;font-size:clamp(28px,3.6vw,42px);line-height:1.25;letter-spacing:-.015em;margin:14px 0 22px;color:var(--text);text-wrap:pretty}.post-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-family:var(--mono);font-size:12.5px;color:var(--text-3)}.post-meta .tag{color:var(--accent);border:1px solid rgb(var(--accent-rgb)/.35);background:rgb(var(--accent-rgb)/.08);padding:3px 10px;border-radius:999px;font-size:11.5px}.post-body{font-size:16px;line-height:1.95;color:var(--text-2)}.post-body>*+*{margin-top:1.4em}.post-body h2{font-family:var(--serif);font-weight:700;color:var(--text);font-size:24px;line-height:1.4;letter-spacing:-.01em;margin-top:2.4em;scroll-margin-top:96px;position:relative}.post-body h2:before{content:"";display:block;width:34px;height:3px;background:var(--accent);border-radius:3px;margin-bottom:16px}.post-body h3{font-family:var(--serif);font-weight:700;color:var(--text);font-size:18px;line-height:1.5;margin-top:1.8em;scroll-margin-top:96px}.post-body h3:before{content:"#";color:var(--accent);font-family:var(--mono);margin-right:8px;font-weight:500}.post-body p{margin:0}.post-body strong{color:var(--text);font-weight:700}.post-body a{color:var(--accent-2);border-bottom:1px solid rgb(var(--accent-rgb)/.4)}.post-body a:hover{border-bottom-color:var(--accent-2)}.post-body ol,.post-body ul{padding-left:1.4em;margin:0}.post-body li{margin:.5em 0}.post-body ul li::marker{color:var(--accent)}.post-body blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 20px;color:var(--text);font-size:17px;font-style:normal;background:linear-gradient(90deg,rgb(var(--accent-rgb)/.06),transparent 60%);border-radius:0 8px 8px 0;margin:0}.post-body code:not(pre code){font-family:var(--mono);font-size:.88em;color:var(--accent-2);background:rgb(var(--accent-rgb)/.1);border:1px solid rgb(var(--accent-rgb)/.25);padding:1px 6px;border-radius:5px}.post-body pre{font-family:var(--mono);font-size:13px;background:#0a1424;padding:18px 20px;overflow:auto;line-height:1.7;color:var(--text-2)}.post-body figure.img-ph,.post-body pre{border:1px solid var(--border);border-radius:12px}.post-body figure.img-ph{overflow:hidden;background:var(--surface)}.post-body figure.img-ph .ph{aspect-ratio:16/9;background:radial-gradient(circle at 20% 20%,rgb(var(--accent-rgb)/.35),transparent 55%),repeating-linear-gradient(45deg,hsla(0,0%,100%,.02) 0 2px,transparent 2px 14px),linear-gradient(135deg,#16223a,#0b1220)}.post-body figure.img-ph figcaption{padding:12px 16px;font-family:var(--mono);font-size:12px;color:var(--text-3);border-top:1px solid var(--border)}.callout{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:start}.callout .ico{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid rgb(var(--accent-rgb)/.4);padding:4px 8px;border-radius:6px;background:rgb(var(--accent-rgb)/.08);line-height:1;height:-moz-fit-content;height:fit-content}.callout p{margin:0;color:var(--text-2);font-size:14.5px}.callout strong{color:var(--text)}.toc{position:-webkit-sticky;position:sticky;top:96px;align-self:start;border-left:1px solid var(--border);padding-left:20px}.toc .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px}.toc ol{list-style:none;padding:0;margin:0;counter-reset:toc;font-size:13px;line-height:1.55}.toc li{margin:6px 0}.toc li.h3{padding-left:18px}.toc a{color:var(--text-3);display:block;border-radius:6px;border-left:2px solid transparent;margin-left:-10px;padding:4px 8px 4px 10px;transition:color .2s,border-color .2s,background .2s}.toc a:hover{color:var(--text-2)}.toc a.active{color:var(--accent);border-left-color:var(--accent);background:rgb(var(--accent-rgb)/.06)}.toc .read-progress{margin-top:18px;padding-top:14px;border-top:1px dashed var(--border);font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.08em}.toc .read-progress .bar{height:3px;background:var(--border);border-radius:3px;margin-top:8px;overflow:hidden}.toc .read-progress .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width .12s linear}@media(max-width:900px){.toc{position:static;border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:24px}}.author-card{margin-top:64px;border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;grid-gap:24px;gap:24px;align-items:center}@media(max-width:720px){.author-card{grid-template-columns:1fr;text-align:center}}.author-card .avatar{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgb(var(--accent-rgb)/.8),transparent 60%),linear-gradient(135deg,#16223a,#0b1220);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:24px;color:#fff;letter-spacing:-.02em}.author-card .name{font-weight:700;color:var(--text);font-size:16px;margin:0 0 4px}.author-card .name .at{color:var(--text-3);font-family:var(--mono);font-size:13px;font-weight:500;margin-left:6px}.author-card .bio{color:var(--text-2);font-size:13.5px;margin:0;line-height:1.7}.btn-blog{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;background:var(--accent);color:#0b1220;border-radius:10px;font-family:var(--serif);font-weight:600;font-size:13.5px;transition:transform .15s,box-shadow .2s;border:1px solid rgb(var(--accent-rgb)/.8);white-space:nowrap}.btn-blog:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px rgb(var(--accent-rgb)/.6)}.blog-footer{border-top:1px solid var(--border);background:var(--bg-2);padding:64px 0 40px;color:var(--text-2)}.blog-footer .grid-f{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:48px}@media(max-width:900px){.blog-footer .grid-f{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:720px){.blog-footer .grid-f{grid-template-columns:1fr}}.blog-footer h4{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin:0 0 16px}.blog-footer ul{list-style:none;padding:0;margin:0}.blog-footer li{margin:8px 0}.blog-footer a{color:var(--text-2);font-size:14px;transition:color .2s}.blog-footer a:hover{color:var(--accent-2)}.blog-footer .about p{color:var(--text-2);font-size:13.5px;line-height:1.8;margin:14px 0 0;max-width:32ch}.blog-footer .legal{border-top:1px solid var(--border);padding-top:24px;gap:16px;font-family:var(--mono);font-size:11.5px;color:var(--text-3);letter-spacing:.05em}.blog-footer .legal,.sec-head{display:flex;justify-content:space-between;flex-wrap:wrap}.sec-head{align-items:flex-end;margin-bottom:32px;gap:24px}.sec-head h2{font-family:var(--serif);font-weight:800;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em;margin:8px 0 0}.sec-head .right{font-family:var(--mono);font-size:12px;color:var(--text-3)}.related{margin-top:80px;padding-top:48px;border-top:1px solid var(--border)}.related h2{font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.01em;margin:8px 0 24px}[data-theme] .reveal{opacity:1;transform:none}@keyframes blogFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}[data-theme] .blog-hero .reveal{animation:blogFadeIn .6s ease both}[data-theme] .blog-hero .reveal:nth-child(2){animation-delay:.1s}[data-theme] .blog-hero .reveal:nth-child(3){animation-delay:.2s}[data-theme] .blog-hero .reveal:nth-child(4){animation-delay:.3s}[data-theme] .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(11,18,32,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,42,68,.6)}