:root{--bg: #0e0c09;--surface: #1a1612;--surface2: #231f18;--border: #2e2820;--border-hi: #433b2e;--text: #f0ece4;--muted: #8a8070;--amber: #e8920a;--amber-dim: rgba(232,146,10,.1);--amber-mid: rgba(232,146,10,.22);--terra: #c4453e;--terra-dim: rgba(196,69,62,.1);--terra-mid: rgba(196,69,62,.22);--sky: #4a9aba;--sky-dim: rgba(74,154,186,.1);--green: #3daa6d;--green-dim: rgba(61,170,109,.1);--display: "Bitter", serif;--body: "Source Sans 3", sans-serif;--mono: "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.75;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1000}h1{font-family:var(--display);font-size:clamp(3rem,8vw,6rem);line-height:1;letter-spacing:-.025em;font-weight:800}h2{font-family:var(--display);font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em;font-weight:700}h3{font-family:var(--display);font-size:1.25rem;font-weight:600}p{color:var(--muted);margin-bottom:1.1rem}p strong{color:var(--text);font-weight:600}p:last-child{margin-bottom:0}ul{color:var(--muted);padding-left:1.5rem;line-height:1.9;margin-bottom:1rem}li{margin-bottom:.1rem}.container{max-width:860px;margin:0 auto;padding:0 24px}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:none}nav{position:fixed;top:0;left:0;right:0;z-index:200;backdrop-filter:blur(16px) saturate(140%);background:#0e0c09e0;border-bottom:1px solid var(--border-hi)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:2rem;height:56px}.nav-brand{font-family:var(--mono);font-size:.78rem;color:var(--amber);font-weight:500;white-space:nowrap;flex-shrink:0}.nav-links{display:flex;gap:1.75rem;list-style:none;margin-left:auto}.nav-links a{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--amber)}@media(max-width:600px){.nav-links{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:96px 24px 80px;max-width:860px;margin:0 auto}.hero-eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:2rem;opacity:0;animation:fadeUp .5s ease forwards .2s}.hero h1{margin-bottom:1.75rem;opacity:0;animation:fadeUp .5s ease forwards .4s}.hero h1 em{font-style:italic;color:var(--amber)}.hero-sub{font-size:1.15rem;color:var(--muted);max-width:560px;line-height:1.7;margin-bottom:2.5rem;opacity:0;animation:fadeUp .5s ease forwards .6s}.hero-meta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .5s ease forwards 1s}.meta-pill{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem;border-radius:999px;border:1px solid}.mp-amber{color:var(--amber);border-color:var(--amber-mid);background:var(--amber-dim)}.mp-sky{color:var(--sky);border-color:#4a9aba4d;background:var(--sky-dim)}.tldr-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:0}.tldr-inner{max-width:860px;margin:0 auto;padding:0 24px}.tldr-toggle{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;cursor:pointer;user-select:none;gap:1rem}.tldr-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--amber);font-weight:500}.tldr-chev{color:var(--amber);font-size:.75rem;transition:transform .2s;flex-shrink:0}.tldr-chev.closed{transform:rotate(-90deg)}.tldr-body{padding-bottom:1.25rem;font-size:.95rem;color:var(--muted);line-height:1.7;border-top:1px solid var(--border);padding-top:1rem}.tldr-body strong{color:var(--text)}.section{padding:6rem 0;border-top:1px solid var(--border)}.section-num{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem}.section h2{color:var(--text);margin-bottom:1.5rem}.section h2 em{color:var(--amber);font-style:italic}.section-intro{font-size:1.05rem;color:var(--muted);line-height:1.75;margin-bottom:2rem}code{font-family:var(--mono);font-size:.84em;background:var(--amber-dim);color:var(--amber);padding:.1em .4em;border-radius:4px;border:1px solid var(--amber-mid)}.code-block{background:#0a0805;border-radius:10px;overflow:hidden;margin:1.5rem 0;border:1px solid var(--border-hi)}.code-header{display:flex;align-items:center;gap:.45rem;padding:.6rem 1rem;background:#ffffff08;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.code-file{font-family:var(--mono);font-size:.67rem;color:var(--muted);margin-left:auto;letter-spacing:.05em}.code-block pre{padding:1.25rem 1.5rem;overflow-x:auto;font-family:var(--mono);font-size:.82rem;line-height:1.85;color:#d4cfc7;tab-size:2}.hi-key{color:#89b4fa}.hi-str{color:#a6e3a1}.hi-num{color:#fab387}.hi-bool{color:#f38ba8}.hi-arr{color:#f9e2af}.hi-date{color:#cba6f7}.hi-sep{color:#585450}.hi-dim{color:#4a4540;font-style:italic}.hi-cmnt{color:#5a5650;font-style:italic}.hi-amber{color:#e8920a}.hi-terra{color:#e05a50}.hi-sky{color:#4a9aba}.hi-head{color:#a0a890;font-weight:500}.callout{border-radius:10px;padding:1.15rem 1.4rem;margin:1.5rem 0;border-left:3px solid}.callout-why{background:var(--amber-dim);border-left-color:var(--amber)}.callout-model{background:var(--sky-dim);border-left-color:var(--sky)}.callout-tip{background:var(--green-dim);border-left-color:var(--green)}.callout-warn{background:var(--terra-dim);border-left-color:var(--terra)}.callout-label{font-family:var(--mono);font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-bottom:.45rem}.callout-why .callout-label{color:var(--amber)}.callout-model .callout-label{color:var(--sky)}.callout-tip .callout-label{color:var(--green)}.callout-warn .callout-label{color:var(--terra)}.callout p{font-size:.95rem;color:var(--text);margin:0;line-height:1.65}.analogy{background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;padding:1.4rem 1.6rem;margin:1.5rem 0}.analogy-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}.analogy p{font-size:1rem;color:var(--text);margin:0;line-height:1.65}.analogy p+p{margin-top:.7rem}.anatomy{border:1px solid var(--border-hi);border-radius:12px;overflow:hidden;margin:1.5rem 0;background:var(--surface)}.anatomy-row{display:flex;border-bottom:1px solid var(--border)}.anatomy-row:last-child{border-bottom:none}.anatomy-marker{width:4px;flex-shrink:0}.am-amber{background:var(--amber)}.am-sky{background:var(--sky)}.am-terra{background:var(--terra)}.am-green{background:var(--green)}.anatomy-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.3rem}.anatomy-term{font-family:var(--mono);font-size:.73rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.at-amber{color:var(--amber)}.at-sky{color:var(--sky)}.at-terra{color:var(--terra)}.at-green{color:var(--green)}.anatomy-desc{font-size:.9rem;color:var(--muted);line-height:1.55}.type-grid{display:grid;gap:1rem;margin:1.5rem 0}.type-card{background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}.type-card:hover{border-color:var(--amber);transform:translateY(-2px)}.type-card-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.type-badge{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.18rem .55rem;border-radius:5px}.tb-str{background:#a6e3a126;color:#86efac;border:1px solid rgba(166,227,161,.3)}.tb-num{background:#fbb38726;color:#fab387;border:1px solid rgba(251,179,135,.3)}.tb-bool{background:#f38ba826;color:#f38ba8;border:1px solid rgba(243,139,168,.3)}.tb-arr{background:#f9e2af26;color:#f9e2af;border:1px solid rgba(249,226,175,.3)}.tb-obj{background:#4a9aba26;color:#4a9aba;border:1px solid rgba(74,154,186,.3)}.tb-date{background:#cba6f726;color:#cba6f7;border:1px solid rgba(203,166,247,.3)}.type-name{font-family:var(--display);font-size:1.05rem;font-weight:600;color:var(--text)}.type-card-body{padding:1rem 1.25rem}.type-card-body p{font-size:.9rem;margin-bottom:.75rem}.type-card-body .code-block{margin-top:.5rem;margin-bottom:0}.compare-table{width:100%;border-collapse:collapse;border:1px solid var(--border-hi);border-radius:12px;overflow:hidden;margin:1.5rem 0;font-size:.88rem}.compare-table th{background:var(--surface2);padding:.8rem 1.1rem;text-align:left;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid var(--border-hi);font-weight:500}.compare-table td{padding:.8rem 1.1rem;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top;line-height:1.5}.compare-table tr:last-child td{border-bottom:none}.compare-table td:first-child{color:var(--text);font-weight:500;font-family:var(--mono);font-size:.83rem}.compare-table tr:hover td{background:#e8920a0a}.format-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}@media(max-width:700px){.format-panels{grid-template-columns:1fr}}.format-panel{background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;overflow:hidden}.format-panel-header{padding:.8rem 1.1rem;border-bottom:1px solid var(--border)}.format-panel-name{font-family:var(--mono);font-size:.8rem;font-weight:500;color:var(--amber);margin-bottom:.2rem}.format-panel-tag{font-size:.78rem;color:var(--muted)}.format-panel pre{padding:1rem 1.1rem;font-family:var(--mono);font-size:.77rem;line-height:1.75;color:#b8b4ac;overflow-x:auto}.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}@media(max-width:580px){.eco-grid{grid-template-columns:1fr}}.eco-card{background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;padding:1.25rem;transition:border-color .2s,transform .2s}.eco-card:hover{border-color:var(--amber);transform:translateY(-2px)}.eco-card-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem}.eco-card h4{font-family:var(--display);font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.eco-card p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.55}.mistake{margin-bottom:1rem}.cheatsheet{background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;overflow:hidden;margin:1.5rem 0}.cs-header{background:var(--amber);padding:.85rem 1.4rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:#0e0c09;font-weight:500}.cs-section-title{font-family:var(--mono);font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);padding:.75rem 1.4rem .4rem;background:var(--surface2);border-bottom:1px solid var(--border)}.cs-row{display:flex;align-items:baseline;gap:1.25rem;padding:.7rem 1.4rem;border-bottom:1px solid var(--border)}.cs-row:last-child{border-bottom:none}.cs-term{font-family:var(--mono);font-size:.78rem;color:var(--amber);white-space:nowrap;flex-shrink:0;min-width:110px}.cs-def{font-size:.88rem;color:var(--muted);line-height:1.5}.cs-def strong{color:var(--text)}.footer{border-top:1px solid var(--border-hi);text-align:center;padding:4rem 2rem;background:var(--surface)}.footer-line{font-family:var(--mono);font-size:.85rem;color:var(--amber);margin-bottom:.5rem}.footer p{color:var(--muted);font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:600px){.hero{padding:80px 20px 60px}.container{padding:0 20px}.section{padding:4rem 0}h1{font-size:clamp(2.5rem,10vw,4rem)}.compare-table{font-size:.8rem}}