:root{--color-base-100: oklch(14% .004 49.25);--color-base-200: oklch(21% .006 56.043);--color-base-400: oklch(37% .01 67.558);--color-base-600: oklch(55% .013 58.071);--color-base-700: oklch(70% .01 56.259);--color-base-800: oklch(86% .005 56.366);--color-base-900: oklch(98% .001 106.423);--font-grunge: Impact, Haettenschweiler, "Arial Narrow Bold", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-mono: "SFMono-Regular", Menlo, Consolas, monospace;--content-width: min(1400px, calc(100vw - 3rem) );--panel-border: color-mix(in oklab, var(--color-base-900) 78%, transparent);--panel-shadow: color-mix(in oklab, var(--color-base-900) 72%, transparent);--text-soft: var(--color-base-800);--text-muted: var(--color-base-700);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-base-100)}body{margin:0;min-height:100dvh;font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}img{display:block;max-width:100%}code,pre{font-family:var(--font-mono)}::selection{background:color-mix(in oklab,var(--color-base-700) 40%,transparent);color:var(--color-base-100)}.site-background{background-color:var(--color-base-100);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:var(--color-base-900)}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.24;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.14) 0 1px,transparent 1.6px),radial-gradient(circle at 60% 30%,rgba(255,255,255,.12) 0 1px,transparent 1.8px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.12) 0 1px,transparent 1.7px),radial-gradient(circle at 85% 55%,rgba(255,255,255,.09) 0 1px,transparent 1.6px);background-size:11px 11px,15px 15px,13px 13px,17px 17px}.site-wrapper{position:relative;z-index:1;display:flex;min-height:100dvh;flex-direction:column;width:var(--content-width);margin:0 auto;padding-top:7rem}.site-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:6rem;padding-bottom:3rem}.grunge-panel{position:relative;border:2px solid var(--panel-border);background:color-mix(in oklab,var(--color-base-100) 74%,transparent);box-shadow:6px 6px 0 var(--panel-shadow);backdrop-filter:blur(2px)}.grunge-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklab,var(--color-base-900) 7%,transparent),transparent 40%),linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-base-900) 4%,transparent),transparent);mix-blend-mode:screen;opacity:.75}.line-grid{background-image:linear-gradient(to right,color-mix(in oklab,var(--color-base-900) 10%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-base-900) 8%,transparent) 1px,transparent 1px);background-size:1.25rem 1.25rem}.section-kicker{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--text-muted)}.display-title{margin:0;font-family:var(--font-grunge);text-transform:uppercase;letter-spacing:-.04em;line-height:.95;color:var(--color-base-900)}.body-copy{margin:0;color:var(--text-soft);line-height:1.9}.action-chip,.label-link{text-decoration:none}.action-chip{display:inline-flex;align-items:center;justify-content:center;border:2px solid color-mix(in oklab,var(--color-base-900) 72%,transparent);padding:.7rem 1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1)}.action-chip:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--color-base-900) 12%,transparent)}.action-chip:active{transform:translateY(0)}.action-chip--filled{background:var(--color-base-900);color:var(--color-base-100)}.action-chip--filled:hover{background:color-mix(in oklab,var(--color-base-900) 84%,transparent)}.label-link{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;border-bottom:2px solid color-mix(in oklab,var(--color-base-900) 60%,transparent);padding-bottom:.2rem;font-family:var(--font-grunge);font-size:1.5rem;text-transform:uppercase;transition:transform .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1)}.label-link:hover{color:var(--text-muted);transform:translateY(-1px)}.site-nav{position:fixed;inset:0 0 auto;z-index:30}.site-nav__inner{width:var(--content-width);margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-top:1.5rem}.site-brand{display:inline-flex;flex-direction:column;text-decoration:none}.site-brand__title{font-size:clamp(3rem,7vw,4rem)}.site-brand__subtitle{margin-top:.35rem}.site-nav__links,.site-nav__mobile-list,.footer-list,.compact-posts,.blog-list__items,.post-tags{list-style:none;margin:0;padding:0}.site-nav__links{display:none}.site-nav__link,.site-nav__mobile-link{display:inline-flex;gap:.5rem;text-decoration:none;transition:color .18s cubic-bezier(.16,1,.3,1)}.site-nav__link{flex-direction:column;align-items:flex-end}.site-nav__link:hover,.site-nav__mobile-link:hover{color:var(--text-muted)}.site-nav__index,.site-nav__mobile-index,.post-date,.footer-meta,.post-meta,.post-tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted)}.site-nav__label,.site-nav__mobile-label{font-family:var(--font-grunge);font-size:1.5rem;text-transform:uppercase}.site-nav__mobile summary::-webkit-details-marker{display:none}.site-nav__summary::marker{content:""}.site-nav__mobile-panel{position:absolute;right:0;margin-top:1rem;min-width:13rem;padding:1rem}.site-nav__mobile-list{display:flex;flex-direction:column;gap:1rem}.site-nav__mobile-link{width:100%;align-items:center;justify-content:space-between}.site-footer{position:relative;z-index:1;margin-top:6rem;padding-bottom:2.5rem}.footer-shell{display:grid;gap:2rem;padding:1.5rem}.footer-title{font-size:clamp(2.5rem,5vw,3rem)}.footer-columns{display:grid;gap:1.5rem}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-list{display:flex;flex-direction:column;gap:.5rem}.footer-meta{margin:1.5rem 0 0}.home-hero,.home-structure,.about-hero,.about-grid,.blog-hero,.home-latest__grid{display:grid;gap:1.5rem}.home-hero__lead,.home-note,.home-structure__primary,.home-structure__details,.feature-post,.compact-post,.about-hero__intro,.about-hero__aside,.about-card,.blog-hero__intro,.blog-hero__aside,.blog-card,.post-header,.post-content-shell{padding:1.5rem}.home-note,.home-structure__primary,.home-structure__details,.feature-post,.compact-post,.about-hero__aside,.about-card,.blog-hero__aside,.blog-card,.post-header{display:grid;gap:1rem}.home-hero__copy{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.home-hero__title,.about-hero__title,.blog-hero__title,.post-title{font-size:clamp(4rem,13vw,8rem)}.home-hero__headline,.about-hero__headline,.blog-hero__headline,.post-description{margin:1.5rem 0 0;max-width:42rem;color:var(--text-soft);font-size:clamp(1.15rem,1rem + .6vw,1.4rem);line-height:1.8}.home-hero__description,.home-structure__primary .body-copy,.feature-post__desc,.blog-card__desc,.about-card .body-copy,.home-note .body-copy,.home-structure__item .body-copy,.about-hero__aside .body-copy,.blog-hero__aside .body-copy{margin-top:1rem}.home-hero__description{max-width:38rem}.home-hero__actions,.feature-post__actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}.home-hero__aside,.home-structure__list{display:grid;gap:1.25rem}.home-note__title,.home-structure__item-title,.about-card__title,.blog-card__title,.compact-post__title{margin:1rem 0 0;font-family:var(--font-grunge);font-size:clamp(1.8rem,4vw,2.5rem);text-transform:uppercase}.home-structure__title,.home-latest__title,.feature-post__title{margin-top:1rem;font-size:clamp(2.5rem,6vw,4rem)}.feature-post__desc{max-width:34rem}.home-structure__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid color-mix(in oklab,var(--color-base-900) 18%,transparent);padding-bottom:1rem}.home-structure__item+.home-structure__item{margin-top:1rem}.home-latest{display:grid;gap:1.5rem}.home-latest__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.compact-posts,.blog-list__items{display:grid;gap:1rem}.about-grid,.blog-list,.post-shell{display:grid;gap:1.5rem}.post-back{margin-bottom:.25rem}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:1.25rem 0 0}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.post-tag{border:1px solid color-mix(in oklab,var(--color-base-900) 18%,transparent);padding:.35rem .7rem}.post-content{max-width:48rem}@media(min-width:768px){.site-wrapper{padding-top:8rem}.site-main{gap:8rem}.site-nav__links{display:flex;gap:2rem}.site-nav__mobile{display:none}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.home-hero{grid-template-columns:1.6fr .9fr}.home-structure{grid-template-columns:1.15fr .85fr}.home-latest__grid{grid-template-columns:1.2fr .8fr}.about-hero{grid-template-columns:1.15fr .85fr}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero,.footer-shell{grid-template-columns:1.2fr .8fr}}