:root{--bg: #04020F;--bg-elev: #0B0A16;--text: #EAEAF2;--muted: #B4B7C5;--border: #1C1A2A;--primary: #0a7bdc;--ring: rgba(10, 123, 220, .32);--legend-accounting: #ff6b5f;--legend-programming: #3aa3ff;--legend-markets: #3ad163;--radius: 16px;--shadow: 0 6px 30px rgba(0,0,0,.35);--shadow-soft: 0 1px 0 rgba(255,255,255,.04), inset 0 1px 0 rgba(255,255,255,.03);--pill-text: #041018;--step--1: .94rem;--step-0: 1.05rem;--step-1: 1.25rem;--step-2: 1.6rem;--step-3: 2.2rem;--step-4: 3rem;--content-max: 1200px;--text-max: 800px;--section-pad: clamp(2.5rem, 5vw, 5rem)}:root[data-theme=light]{--bg: #F6F1E7;--bg-elev: #FFFFFF;--text: #2A211B;--muted: #6C5F56;--border: #E6DFD5;--primary: #9A5B1A;--ring: rgba(154,91,26,.25);--legend-accounting: #C04A3A;--legend-programming: #3aa3ff;--legend-markets: #2E9B57;--pill-text: #231A14}body{background:var(--bg);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{line-height:1.7;font-kerning:normal;font-variant-ligatures:contextual common-ligatures;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);line-height:1.6;letter-spacing:-.015em;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1000px 600px at 70% -10%,#0c0a1b 0%,transparent 60%),linear-gradient(#0a0c1d 1px,transparent 1.5px),linear-gradient(90deg,#0a0c1d 1px,transparent 1.5px),#04020f;background-size:auto,48px 48px,48px 48px,auto;background-position:center,center,center,center;background-attachment:fixed}@media (max-width: 640px){body{background:radial-gradient(900px 550px at 70% -10%,#0c0a1b 0%,transparent 60%),#04020f}}a{color:var(--primary);text-decoration:none;transition:color .2s ease,opacity .2s ease,text-decoration-color .2s ease;text-underline-offset:4px;text-decoration-color:transparent;transition:color .2s,text-decoration-color .2s}a:hover{text-decoration:underline;text-decoration-color:currentColor}button{font:inherit;color:var(--text);background:#111325;border:1px solid var(--border);border-radius:999px;padding:.6rem 1rem;cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}button:hover{background:#171936;border-color:#2a2840;transform:translateY(-1px)}button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}img,svg,video{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#root{width:100%;display:flex;justify-content:center}.page-container{width:100%;max-width:var(--content-max);padding-inline:clamp(1rem,4vw,2rem);padding-top:0}.section{padding-block:var(--section-pad);margin-inline:auto;max-width:var(--text-max)}.section--wide{max-width:min(100%,var(--content-max))}.section h1,.section h2,.section h3{line-height:1.15;margin:0 0 .75em}.section h1{font-size:var(--step-4);letter-spacing:-.02em}.section h2{font-size:var(--step-3);letter-spacing:-.015em}.section h3{font-size:var(--step-2)}.section p{font-size:var(--step-1);color:var(--text)}.section .muted{color:var(--muted)}.small-text{font-size:var(--step--1);color:var(--muted)}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(180deg,color-mix(in oklab,var(--bg) 92%,transparent),color-mix(in oklab,var(--bg) 80%,transparent));border-bottom:1px solid var(--border)}.header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:16px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent)}.footer{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border-top:1px solid var(--border);padding-block:2rem;margin-top:var(--section-pad)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.9rem}.nav a{color:var(--text);opacity:.9}.nav a:hover{opacity:1}.button,.link-button{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg-elev) 88%,var(--primary) 12%);box-shadow:var(--shadow-soft);color:var(--text)}.link-button:hover{background:var(--bg-elev);border-color:var(--bg-elev)}.card{border-color:color-mix(in oklab,var(--border) 90%,white 10%);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.grid{display:grid;gap:1.25rem}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid--2,.grid--3{grid-template-columns:1fr}}.timeline{display:grid;grid-template-columns:1rem 1fr;gap:1rem 1.25rem;max-width:var(--text-max);margin-inline:auto}.timeline__rail{grid-row:1 / -1;width:2px;background:linear-gradient(180deg,transparent,#2f2b45,transparent);margin:0 auto}.timeline__item{position:relative;display:contents}.timeline__marker{grid-column:1;width:12px;height:12px;border-radius:999px;border:2px solid var(--bg);background:var(--primary);box-shadow:0 0 0 4px #6fd3ff26;margin:.4rem auto 0}.timeline__entry{grid-column:2;margin-bottom:.5rem}.timeline__entry .title{font-size:var(--step-1);font-weight:600;letter-spacing:-.01em}.timeline__entry .meta{font-size:var(--step--1);color:var(--muted)}.timeline__entry .body{margin-top:.35rem}.legend{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.legend__item{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev);color:var(--text);font-size:var(--step--1)}.legend__swatch{width:.85rem;height:.85rem;border-radius:4px;border:1px solid color-mix(in oklab,var(--legend-color) 70%,black 30%);background:var(--legend-color)}.post{display:flex;flex-direction:column;gap:.6rem}.post__thumb{background:linear-gradient(135deg,color-mix(in oklab,var(--bg-elev) 85%,var(--primary) 15%),var(--bg-elev));border:1px solid var(--border)}.post__title{font-size:var(--step-1);font-weight:650;line-height:1.25;letter-spacing:-.01em}.post__meta{color:var(--muted);font-size:var(--step--1)}.post__excerpt{color:#d6d8e6;font-size:var(--step-0)}.prose{max-width:var(--text-max);margin-inline:auto}.prose p{font-size:var(--step-1)}.prose h1{font-size:var(--step-3);margin:2rem 0 1rem}.prose h2{font-size:var(--step-2);margin:1.5rem 0 .75rem}.prose h3{font-size:var(--step-1);margin:1rem 0 .5rem;color:var(--muted)}.prose blockquote{margin:1rem 0;padding:1rem 1.25rem;border-left:3px solid var(--primary);background:#0a0c1d;color:#d6d8e6;border-radius:0 var(--radius) var(--radius) 0}.prose code{background:#0a0c1d;border:1px solid var(--border);padding:.15rem .4rem;border-radius:6px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.25rem}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin-block:var(--section-pad)}.hero-mesh{position:relative;isolation:isolate}.hero-mesh.section{padding-top:clamp(1rem,2.5vw,1.75rem)}.hero-mesh:before{content:"";position:absolute;inset:-90px -16% auto -16%;height:520px;background:radial-gradient(620px 360px at 22% 18%,rgba(111,211,255,.14),transparent 65%),radial-gradient(520px 320px at 78% 8%,rgba(255,120,60,.1),transparent 60%),radial-gradient(700px 420px at 60% 85%,rgba(140,120,255,.08),transparent 70%);filter:blur(3px);z-index:-1;mask-image:radial-gradient(130% 180% at 50% 40%,#000 45%,transparent 72%);-webkit-mask-image:radial-gradient(130% 180% at 50% 40%,#000 45%,transparent 72%)}body{background:var(--bg)!important;color:var(--text)}:root[data-theme=light] .hero-mesh:before{display:none}:root[data-theme=light] .header:after{opacity:.05}