:root{--bg-void: oklch(.13 .008 140);--bg-base: oklch(.16 .01 140);--bg-raised: oklch(.19 .012 140);--bg-high: oklch(.23 .014 140);--bg-peak: oklch(.28 .015 140);--ink-0: oklch(.98 .005 120);--ink-1: oklch(.92 .005 120);--ink-2: oklch(.72 .008 120);--ink-3: oklch(.55 .01 120);--ink-4: oklch(.38 .01 120);--line-1: oklch(.28 .012 140 / .9);--line-2: oklch(.3 .012 140 / .5);--soul: oklch(.82 .18 130);--soul-dim: oklch(.7 .16 130);--soul-bright: oklch(.9 .2 130);--soul-glow: oklch(.82 .18 130 / .18);--soul-ink: oklch(.15 .05 140);--amber: oklch(.78 .14 70);--amber-dim: oklch(.78 .14 70 / .15);--danger: oklch(.68 .19 25);--danger-dim: oklch(.68 .19 25 / .12);--font-display: "Geist Mono", "SF Mono", ui-monospace, Menlo, monospace;--font-body: "Geist", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, Menlo, monospace;--font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", "Source Han Sans CN", sans-serif;--fs-hero: clamp(48px, 6.5vw, 96px);--fs-display: clamp(32px, 4.5vw, 56px);--fs-h1: 32px;--fs-h2: 24px;--fs-h3: 20px;--fs-lead: 18px;--fs-body: 16px;--fs-sm: 13px;--fs-xs: 11px;--r-1: 6px;--r-2: 12px;--r-3: 16px;--r-4: 24px;--r-full: 9999px;--bp-sm: 640px;--bp-md: 860px;--bp-lg: 1120px;--bp-xl: 1440px;--w-prose: 720px;--w-narrow: 960px;--w-page: 1200px;--w-wide: 1440px;--h-sm: 28px;--h-md: 36px;--h-lg: 44px;--h-xl: 56px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in: cubic-bezier(.55, .08, .68, .53);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .4s;--shadow-soft: 0 1px 0 0 oklch(1 0 0 / .04) inset, 0 8px 24px -8px rgba(0, 0, 0, .5);--shadow-pop: 0 0 0 1px var(--line-1) inset, 0 16px 40px -12px rgba(0, 0, 0, .6);--shadow-soul: 0 0 0 1px var(--soul) inset, 0 0 32px -4px var(--soul-glow);--grid-size: 48px;--grid-line: oklch(1 0 0 / .025)}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-void);color:var(--ink-1);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}body{min-height:100vh}::selection{background:var(--soul);color:var(--soul-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:var(--r-full);border:3px solid var(--bg-void)}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.t-display{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}.t-mono{font-family:var(--font-mono)}.t-hero{font-size:var(--fs-hero);line-height:1.02;letter-spacing:-.035em;font-family:var(--font-display);font-weight:500}.t-h1{font-size:var(--fs-h1);line-height:1.15;letter-spacing:-.02em;font-weight:600}.t-h2{font-size:var(--fs-h2);line-height:1.2;font-weight:600}.t-h3{font-size:var(--fs-h3);line-height:1.3;font-weight:600}.t-lead{font-size:var(--fs-lead);line-height:1.55;color:var(--ink-2)}.t-body{font-size:var(--fs-body);line-height:1.55}.t-sm{font-size:var(--fs-sm);line-height:1.45}.t-xs{font-size:var(--fs-xs);line-height:1.4;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.t-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.ink-0{color:var(--ink-0)}.ink-1{color:var(--ink-1)}.ink-2{color:var(--ink-2)}.ink-3{color:var(--ink-3)}.soul-color{color:var(--soul)}.amber-color{color:var(--amber)}.lead-block{display:inline-block;width:12px;height:12px;background:var(--soul);margin-right:var(--s-3);vertical-align:middle;transform:translateY(-2px)}.lead-block-sm{width:8px;height:8px;display:inline-block;background:var(--soul);margin-right:var(--s-2);vertical-align:middle}.container{max-width:var(--w-page);margin:0 auto;padding-left:var(--s-6);padding-right:var(--s-6);width:100%}.container-narrow{max-width:var(--w-narrow);margin:0 auto;padding-left:var(--s-6);padding-right:var(--s-6);width:100%}.container-prose{max-width:var(--w-prose);margin:0 auto;padding-left:var(--s-6);padding-right:var(--s-6);width:100%}.container-wide{max-width:var(--w-wide);margin:0 auto;padding-left:var(--s-6);padding-right:var(--s-6);width:100%}.section{padding-top:var(--s-9);padding-bottom:var(--s-9)}.section-tight{padding-top:var(--s-8);padding-bottom:var(--s-8)}.section-hero{padding-top:calc(var(--s-9) + var(--s-5));padding-bottom:var(--s-9)}@media(max-width:860px){.container,.container-narrow,.container-prose,.container-wide{padding-left:var(--s-5);padding-right:var(--s-5)}.section{padding-top:var(--s-8);padding-bottom:var(--s-8)}.section-tight{padding-top:var(--s-7);padding-bottom:var(--s-7)}.section-hero{padding-top:var(--s-8);padding-bottom:var(--s-7)}}@media(max-width:640px){:root{--fs-h1: 26px;--fs-h2: 22px;--fs-h3: 18px;--fs-lead: 17px;--grid-size: 32px}.container,.container-narrow,.container-prose,.container-wide{padding-left:var(--s-4);padding-right:var(--s-4)}.section{padding-top:var(--s-7);padding-bottom:var(--s-7)}.section-tight{padding-top:var(--s-6);padding-bottom:var(--s-6)}.section-hero{padding-top:var(--s-7);padding-bottom:var(--s-6)}.btn-xl{height:var(--h-lg);padding:0 var(--s-5);font-size:var(--fs-lead)}.lead-block{width:10px;height:10px;margin-right:var(--s-2)}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-5)}@media(max-width:860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stack-1>*+*{margin-top:var(--s-1)}.stack-2>*+*{margin-top:var(--s-2)}.stack-3>*+*{margin-top:var(--s-3)}.stack-4>*+*{margin-top:var(--s-4)}.stack-5>*+*{margin-top:var(--s-5)}.stack-6>*+*{margin-top:var(--s-6)}.bg-grid{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.bg-noise:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E")}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-body);font-weight:500;height:var(--h-md);padding:0 16px;border-radius:var(--r-2);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out);white-space:nowrap;user-select:none}.btn:active{transform:translateY(1px)}.btn-soul{background:var(--soul);color:var(--soul-ink);font-weight:600}.btn-soul:hover{background:var(--soul-bright)}.btn-ghost{background:transparent;color:var(--ink-1);border:1px solid var(--line-1)}.btn-ghost:hover{background:var(--bg-raised);border-color:#ffffff2e}.btn-quiet{background:transparent;color:var(--ink-2)}.btn-quiet:hover{color:var(--ink-0);background:var(--bg-raised)}.btn-lg{height:var(--h-lg);padding:0 var(--s-5);font-size:var(--fs-lead)}.btn-xl{height:var(--h-xl);padding:0 var(--s-6);font-size:20px;font-weight:600}.btn-sm{height:var(--h-sm);padding:0 var(--s-3);font-size:var(--fs-sm)}.btn-term{font-family:var(--font-mono);background:transparent;color:var(--soul);border:1px solid var(--soul);border-radius:var(--r-2);padding:0 20px;font-weight:500;letter-spacing:.02em;position:relative}.btn-term:before{content:">";margin-right:4px;color:var(--soul)}.btn-term:hover{background:var(--soul);color:var(--soul-ink)}.card{background:var(--bg-raised);border:1px solid var(--line-1);border-radius:var(--r-3);padding:var(--s-5)}.panel{background:var(--bg-base);border:1px solid var(--line-1);border-radius:var(--r-3)}.term-panel{background:var(--bg-base);border:1px solid var(--line-1);border-radius:var(--r-3);font-family:var(--font-mono);overflow:hidden}.term-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line-1);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}