@import 'https://fonts.googleapis.com/css2?family=Gohu+Font&display=swap';:root{color-scheme:dark;--bg:#0f1115;--bg-raised:#14171d;--surface:#1b1e26;--surface-hover:#222631;--border:#2a2e3a;--border-bright:#363c4b;--text:#e8e9ed;--text-muted:#9096a3;--text-faint:#656b78;--accent:#7aa2f7;--accent-hover:#8fb1ff;--green:#3ecf6a;--purple:#bb9af7;--cyan:#7dcfff;--shadow:0 12px 35px rgba(0, 0, 0, 0.22);--radius:8px;--max:1120px}:root[data-theme=light]{color-scheme:light;--bg:#f4f5f7;--bg-raised:#ffffff;--surface:#ffffff;--surface-hover:#eef1f6;--border:#d9dde6;--border-bright:#c5cad5;--text:#20232b;--text-muted:#626977;--text-faint:#858c99;--accent:#4267b2;--accent-hover:#34579f;--green:#218c45;--purple:#7652b5;--cyan:#147e9a;--shadow:0 12px 35px rgba(20, 25, 35, 0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:gohu font,monospace;line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min( calc(100% - 40px),var(--max) );margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:color-mix( in srgb,var(--bg) 90%,transparent );backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-wrap{min-height:68px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-size:11px;box-shadow:0 0 18px color-mix( in srgb,var(--accent) 18%,transparent )}.brand-dim{color:var(--text-faint);font-weight:600}nav{display:flex;gap:24px;margin-left:auto}nav a{color:var(--text-muted);font-size:14px}nav a:hover{color:var(--text)}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);width:34px;height:34px;border-radius:7px;cursor:pointer;font-size:15px}.theme-toggle:hover{border-color:var(--accent)}.hero{min-height:560px;display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-copy{max-width:700px;padding-block:80px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1,.page-header h1,.article-header h1{margin:0;line-height:1.08;letter-spacing:-.04em;font-size:clamp(42px,7vw,76px)}.hero h1 span{color:var(--accent)}.hero-text{max-width:610px;margin:25px 0 30px;color:var(--text-muted);font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:10px 17px;border:1px solid var(--border);border-radius:7px;font-size:14px;font-weight:700}.button-primary{background:var(--accent);color:#0b0e14;border-color:var(--accent)}.button-primary:hover{background:var(--accent-hover)}.button-secondary:hover{border-color:var(--accent)}.hero-mark{width:300px;height:300px;flex:0 0 300px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;position:relative;background:radial-gradient( circle,color-mix( in srgb,var(--accent) 10%,var(--surface) ),var(--bg) )}.hero-mark::before,.hero-mark::after{content:"";position:absolute;inset:18px;border:1px solid var(--border);border-radius:50%}.hero-mark::after{inset:58px;border-color:color-mix( in srgb,var(--accent) 35%,var(--border) )}.hero-mark span{color:var(--accent);font-size:64px;font-weight:900;letter-spacing:-.1em}.section{padding-block:76px}.section-muted{background:var(--bg-raised);border-block:1px solid var(--border)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading h2{margin:0;font-size:28px;letter-spacing:-.025em}.text-link{color:var(--accent);font-size:13px;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.build-card{position:relative;display:block;min-height:245px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:.18s ease}.build-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;padding:3px 8px;border-radius:4px;background:color-mix( in srgb,var(--accent) 12%,var(--surface) );color:var(--accent);border:1px solid color-mix( in srgb,var(--accent) 30%,var(--border) );font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.card-muted{color:var(--text-faint);font-size:11px}.build-card h3,.post-card h3{margin:18px 0 7px;font-size:21px;letter-spacing:-.02em}.build-card p,.post-card p{margin:0;color:var(--text-muted);font-size:14px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px;padding-right:20px}.tag{display:inline-block;padding:3px 8px;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:11px}.card-arrow{position:absolute;right:20px;bottom:18px;color:var(--accent)}.news-list{display:grid;border-top:1px solid var(--border)}.post-card{display:grid;grid-template-columns:140px 1fr 20px;gap:25px;align-items:center;position:relative;padding:20px 4px;border-bottom:1px solid var(--border)}.post-card:hover h3{color:var(--accent)}.post-card time{color:var(--text-faint);font-size:12px}.post-card h3{margin:0 0 3px;font-size:17px}.post-card p{font-size:13px}.page-header{padding-top:90px;padding-bottom:30px}.page-header h1{font-size:52px}.page-header>p:last-child{max-width:650px;color:var(--text-muted);margin-top:15px}.article{max-width:850px;padding-top:90px;padding-bottom:100px}.article-header{padding-bottom:38px;border-bottom:1px solid var(--border)}.article-header h1{margin-top:14px;font-size:clamp(38px,6vw,62px)}.article-lead{color:var(--text-muted);font-size:18px;max-width:720px}.article-meta{color:var(--text-faint);font-size:12px;margin-top:20px}.build-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:30px 0 15px;background:var(--border);border:1px solid var(--border)}.build-stats div{background:var(--surface);padding:15px 17px}.build-stats span{display:block;color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.build-stats strong{display:block;margin-top:4px;font-size:14px}.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:35px}.prose{font-size:16px}.prose h2{margin-top:48px;font-size:27px}.prose h3{margin-top:35px;font-size:20px}.prose p{color:var(--text-muted)}.prose strong{color:var(--text)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{color:var(--text-muted)}.prose blockquote{margin:28px 0;padding:16px 20px;border-left:3px solid var(--accent);background:var(--surface);color:var(--text-muted)}.prose code{background:var(--surface);border:1px solid var(--border);padding:2px 5px;border-radius:4px}.prose pre{overflow:auto;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.article-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:50px;padding-top:20px;border-top:1px solid var(--border)}.site-footer{border-top:1px solid var(--border)}.footer-wrap{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-wrap strong{font-size:12px;letter-spacing:.08em}.footer-wrap p,.footer-wrap>span{color:var(--text-faint);font-size:12px;margin:4px 0 0}@media(max-width:800px){.container{width:min( calc(100% - 28px),var(--max) )}nav{gap:13px}.hero{min-height:auto;padding-block:40px}.hero-mark{display:none}.hero-copy{padding-block:45px}.card-grid{grid-template-columns:1fr}.build-stats{grid-template-columns:1fr}.post-card{grid-template-columns:1fr 20px;gap:4px}.post-card time{grid-column:1}.post-card div{grid-column:1}.post-card .card-arrow{grid-column:2;grid-row:1/span 2;position:static}.footer-wrap{padding-block:25px;align-items:flex-start;flex-direction:column}}@media(max-width:520px){.brand-dim{display:none}nav a:nth-child(3){display:none}.hero h1{font-size:43px}.section{padding-block:55px}}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;margin-block:30px}.template-card{position:relative;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tc-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.tc-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid color-mix( in srgb,var(--accent) 35%,var(--border) );border-radius:7px;background:color-mix( in srgb,var(--accent) 8%,var(--surface) );color:var(--accent);font-size:19px}.tc-heading{min-width:0}.tc-title{margin:0;color:var(--text);font-size:20px;line-height:1.25;letter-spacing:-.025em}.tc-meta{display:flex;gap:7px;margin-top:5px;color:var(--text-faint);font-size:11px}.tc-section{margin-top:18px}.tc-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.04em}.tc-section-icon{margin-right:5px;color:var(--accent)}.tc-total{color:var(--text-faint);font-size:10px;font-weight:500}.tc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.tc-list li{display:flex;align-items:center;justify-content:space-between;min-height:31px;gap:15px;padding:5px 0;border-bottom:1px solid color-mix( in srgb,var(--border) 65%,transparent );font-size:12px}.tc-name{min-width:0;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-value{flex:none;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.tc-divider{height:1px;margin:22px 0;border:0;background:var(--border)}.tc-aspects{display:flex;flex-wrap:wrap;gap:7px}.tc-aspect{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg-raised);font-size:11px}.tc-aspect-name{color:var(--cyan);font-weight:700}.tc-aspect-type{color:var(--text-faint)}.tc-aspect-level{color:var(--accent);font-weight:700}.tc-codex-group+.tc-codex-group{margin-top:17px}.tc-codex-title{margin-bottom:6px;color:var(--purple);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}