:root{--background:#fff;--foreground:#171717;--muted:#737373;--border:#e5e5e5;--accent:#ff4d6d;--code-bg:#f5f5f5;--card-bg:#fafafa}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#fafafa;--muted:#a3a3a3;--border:#262626;--code-bg:#1a1a1a;--card-bg:#141414}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--background);height:100dvh;color:var(--foreground);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.75;display:flex}a{color:inherit;text-decoration:none}a:hover{opacity:.75}.site-header{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.25rem clamp(1.25rem,4vw,3rem);display:flex}.site-logo{align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;display:inline-flex}.site-logo-icon{width:1.5em;height:1.5em}@media (prefers-color-scheme:dark){.site-logo-icon{filter:invert()}}.site-nav{align-items:center;gap:clamp(1rem,3vw,2rem);display:flex}.site-nav-link{letter-spacing:-.02em;font-size:clamp(1rem,1.5vw,1.3rem);display:inline-flex}.site-main{-webkit-overflow-scrolling:touch;flex:auto;width:100%;min-height:0;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3rem) clamp(3rem,6vw,5rem);overflow-y:auto}.site-footer{border-top:1px solid var(--border);width:100%;color:var(--muted);flex-shrink:0;padding:1.5rem clamp(1.25rem,4vw,3rem) 2.5rem;font-size:.875rem}.kinetic-text{font-variation-settings:"wght" 300;flex-wrap:wrap;font-weight:300;display:inline-flex}.kinetic-text>span:not(.sr-only){-webkit-text-stroke-color:transparent;-webkit-text-stroke-width:var(--text-stroke-width);transition:font-variation-settings .4s linear,-webkit-text-stroke-color .4s linear,-webkit-text-stroke-width .4s linear,padding .4s linear;display:inline-block}.kinetic-text:hover>span:not(.sr-only),.kinetic-text>span:not(.sr-only):hover{padding-inline:var(--hover-padding);font-variation-settings:"wght" 900;-webkit-text-stroke-color:currentColor;-webkit-text-stroke-width:calc(var(--text-stroke-width) * 2)}.kinetic-text>span:not(.sr-only):hover+span:not(.sr-only){padding-inline:var(--hover-padding);font-variation-settings:"wght" 600}.kinetic-text>span:not(.sr-only):has(+span:hover){padding-inline:var(--hover-padding);font-variation-settings:"wght" 600}.kinetic-text>span:not(.sr-only):has(+span+span:hover){font-variation-settings:"wght" 400}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-icp{margin-top:.25rem}.hero{margin-bottom:3rem}.hero-kicker{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}h1{font-size:2rem;line-height:1.3}h2{font-size:1.25rem}time{color:var(--muted);font-size:.875rem}.post-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;height:100%;padding:1.25rem 1.4rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.post-card:hover{border-color:var(--accent);opacity:1;transform:translateY(-2px);box-shadow:0 10px 28px #0000001f}.post-card h2{margin:0 0 .4rem;font-size:1.15rem;line-height:1.4}.post-card p{color:var(--muted);margin:0}.post-card-meta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:.85rem;display:flex}.post-card-link{color:var(--accent);white-space:nowrap;font-size:.9rem;font-weight:600}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.portal-bg{aspect-ratio:1;z-index:0;pointer-events:none;width:min(34vw,30vh,380px);position:fixed;bottom:clamp(1rem,3vh,2rem);right:clamp(1rem,3vw,2rem);overflow:hidden}.portal-bg canvas{display:block}.portal-glow{background:radial-gradient(48% 36% at 50% 58%,#3dff581a,#0000 70%);position:absolute;inset:0}.site-header,.site-main,.site-footer{z-index:1;position:relative}.markdown{line-height:1.8}.markdown h1,.markdown h2,.markdown h3{margin:1.5em 0 .5em;line-height:1.35}.markdown p{margin:.75em 0}.markdown img{border-radius:8px;max-width:100%;height:auto}.markdown pre{background:var(--code-bg);border-radius:8px;padding:1rem;overflow-x:auto}.markdown code{background:var(--code-bg);border-radius:4px;padding:.1em .35em}.markdown pre code{background:0 0;padding:0}.markdown table{border-collapse:collapse;width:100%;margin:1em 0}.markdown th,.markdown td{border:1px solid var(--border);padding:.45rem .7rem}.markdown blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1em 0;padding:.1em 1em}.markdown ul,.markdown ol{padding-left:1.5rem}.post-cover{border-radius:10px;width:100%;margin-bottom:1.5rem}.about-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.about-list li{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.4rem .95rem;font-size:.9rem}.about-page a{color:var(--accent)}body.post-page-mode{--background:#000;--foreground:#fafafa;--muted:#a3a3a3;--border:#262626;--code-bg:#111}body.post-page-mode .site-logo-icon{filter:invert()}@media (max-width:640px){.site-header{gap:.75rem;padding:.9rem 1rem}.site-logo{font-size:.95rem}.site-logo-icon{width:1.35em;height:1.35em}.site-nav{justify-content:flex-end;gap:1.15rem;width:100%}.site-nav-link{font-size:.95rem}.site-main{padding:1.75rem 1rem 2.5rem}.site-footer{padding:1.25rem 1rem 2rem}h1{font-size:1.65rem}.hero{margin-bottom:2rem}.post-list{grid-template-columns:1fr;gap:.9rem}.post-card{padding:1rem 1.1rem}.markdown table{display:block;overflow-x:auto}}