:root{--bg: #f7f6f3;--bg2: #eeecea;--surface: #ffffff;--border: #dddbd6;--text: #1a1917;--muted: #6b6964;--indigo: #4338ca;--indigo-lt: #e0e7ff;--indigo-md: rgba(67,56,202,.15);--amber: #b45309;--amber-lt: #fef3c7;--rose: #be123c;--rose-lt: #ffe4e6;--green: #166534;--green-lt: #dcfce7;--mono: "Fira Code", monospace;--sans: "Outfit", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.75}.topbar{background:var(--surface);border-bottom:2px solid var(--indigo);padding:.85rem 2rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.level-pill{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .65rem;border-radius:999px;background:var(--indigo-lt);color:var(--indigo);border:1px solid rgba(67,56,202,.25)}.topbar-title{font-size:.9rem;color:var(--muted);font-weight:500}.hero{max-width:740px;margin:0 auto;padding:5rem 2rem 3rem;text-align:center;opacity:0;animation:fade-up .7s ease forwards .1s}.hero-eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);margin-bottom:1.25rem}.hero h1{font-family:var(--sans);font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--text);margin-bottom:1.5rem}.hero h1 span{color:var(--indigo)}.hero-sub{font-size:1.1rem;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.65}.tldr-wrap{max-width:740px;margin:0 auto .5rem;padding:0 2rem}.tldr{background:var(--indigo-lt);border:1px solid rgba(67,56,202,.25);border-radius:12px;overflow:hidden}.tldr-toggle{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;cursor:pointer;user-select:none;gap:1rem}.tldr-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--indigo);font-weight:500}.tldr-chevron{color:var(--indigo);font-size:.75rem;transition:transform .2s;flex-shrink:0}.tldr-chevron.closed{transform:rotate(-90deg)}.tldr-body{padding:.85rem 1.25rem 1rem;font-size:.93rem;color:var(--text);line-height:1.65;border-top:1px solid rgba(67,56,202,.15)}.divider{max-width:740px;margin:1.5rem auto;border:none;border-top:1px solid var(--border)}.content{max-width:740px;margin:0 auto;padding:0 2rem}.block{padding:3rem 0;border-bottom:1px solid var(--border);opacity:0;animation:fade-up .6s ease forwards}.block:last-of-type{border-bottom:none}.block-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);margin-bottom:.75rem}.block h2{font-family:var(--sans);font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text);margin-bottom:1.25rem}.block p{color:var(--muted);margin-bottom:1.15rem}.block p:last-child{margin-bottom:0}p strong{color:var(--text);font-weight:600}ul{color:var(--muted);padding-left:1.5rem;margin-bottom:1rem;line-height:1.9}li{margin-bottom:.1rem}.callout{border-radius:10px;padding:1.1rem 1.35rem;margin:1.5rem 0;border-left:3px solid}.callout-why{background:var(--indigo-lt);border-left-color:var(--indigo)}.callout-tip{background:var(--amber-lt);border-left-color:var(--amber)}.callout-warn{background:var(--rose-lt);border-left-color:var(--rose)}.callout-go{background:var(--green-lt);border-left-color:var(--green)}.callout-label{font-family:var(--mono);font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-bottom:.4rem}.callout-why .callout-label{color:var(--indigo)}.callout-tip .callout-label{color:var(--amber)}.callout-warn .callout-label{color:var(--rose)}.callout-go .callout-label{color:var(--green)}.callout p{font-size:.95rem;color:var(--text);margin:0;line-height:1.6}.analogy{background:var(--bg2);border:1px solid var(--border);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}code{font-family:var(--mono);font-size:.84em;background:var(--indigo-md);color:var(--indigo);padding:.1em .45em;border-radius:5px;border:1px solid rgba(67,56,202,.2)}.code-block{background:#16161e;border-radius:10px;overflow:hidden;margin:1.5rem 0;border:1px solid #2a2a3a}.code-header{display:flex;align-items:center;gap:.45rem;padding:.6rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07)}.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:#8080a0;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.8;color:#cdd6f4;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:#6c7086}.hi-dim{color:#585b70;font-style:italic}.type-grid{display:grid;gap:.75rem;margin:1.5rem 0}.type-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;display:grid;grid-template-columns:88px 1fr;gap:.75rem 1.25rem;align-items:start;transition:border-color .2s,transform .2s}.type-card:hover{border-color:var(--indigo);transform:translateY(-2px)}.type-badge{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .55rem;border-radius:6px;text-align:center;white-space:nowrap;margin-top:.1rem}.tb-str{background:#a6e3a133;color:#166534;border:1px solid rgba(166,227,161,.4)}.tb-num{background:#fbbf2426;color:#92400e;border:1px solid rgba(251,191,36,.3)}.tb-bool{background:#ef44441f;color:#991b1b;border:1px solid rgba(239,68,68,.25)}.tb-arr{background:#8b5cf61f;color:#4c1d95;border:1px solid rgba(139,92,246,.25)}.tb-obj{background:#14b8a61f;color:#134e4a;border:1px solid rgba(20,184,166,.25)}.tb-date{background:#ec48991a;color:#831843;border:1px solid rgba(236,72,153,.25)}.type-info{display:flex;flex-direction:column;gap:.3rem}.type-name{font-weight:700;font-size:.95rem;color:var(--text)}.type-desc{font-size:.87rem;color:var(--muted);line-height:1.5}.type-example{font-family:var(--mono);font-size:.75rem;color:var(--indigo);margin-top:.2rem}.where-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0}@media(max-width:580px){.where-grid{grid-template-columns:1fr}}.where-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;transition:border-color .2s}.where-card:hover{border-color:var(--indigo)}.where-card h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);margin-bottom:.5rem;font-weight:500}.where-card p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.55}.cheatsheet{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:1.5rem 0;background:var(--surface)}.cheatsheet-header{background:var(--indigo);padding:.8rem 1.4rem;font-family:var(--mono);font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;color:#fff}.cs-row{display:flex;align-items:baseline;gap:1.25rem;padding:.75rem 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(--indigo);white-space:nowrap;flex-shrink:0;min-width:120px}.cs-def{font-size:.875rem;color:var(--muted);line-height:1.5}.footer{background:var(--bg2);border-top:2px solid var(--indigo);text-align:center;padding:3.5rem 2rem}.footer-headline{font-family:var(--mono);font-size:1.2rem;font-weight:500;color:var(--indigo);margin-bottom:.5rem}.footer p{color:var(--muted);font-size:.9rem}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.b1{animation-delay:.15s}.b2{animation-delay:.2s}.b3{animation-delay:.25s}.b4{animation-delay:.3s}.b5{animation-delay:.35s}.b6{animation-delay:.4s}.b7{animation-delay:.45s}.b8{animation-delay:.5s}@media(max-width:600px){.hero{padding:3rem 1.5rem 2.5rem}.content,.tldr-wrap{padding-left:1.5rem;padding-right:1.5rem}.type-card{grid-template-columns:1fr}.topbar{padding:.75rem 1.25rem}}.theme-toggle{position:fixed;top:14px;right:16px;z-index:1000;background:#00000012;border:1px solid rgba(0,0,0,.14);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:background .2s,border-color .2s,color .2s;padding:0}.theme-toggle:hover{background:#0000001f}.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-moon{display:none}[data-dark] .theme-toggle{background:#ffffff14;border-color:#ffffff2e;color:#ffffffb3}[data-dark] .icon-sun{display:none}[data-dark] .icon-moon{display:block}:root[data-dark]{--bg: #080a14;--bg2: #0c0e1e;--surface: #10142a;--border: rgba(255,255,255,.1);--text: #e8eaf8;--muted: #9298c8;--indigo: #818cf8;--indigo-lt: rgba(129,140,248,.15);--indigo-md: rgba(129,140,248,.15);--amber: #fbbf24;--amber-lt: rgba(251,191,36,.12);--rose: #fb7185;--rose-lt: rgba(251,113,133,.12);--green: #4ade80;--green-lt: rgba(74,222,128,.1)}[data-dark] body{background:#080a14;color:#e8eaf8}[data-dark] .topbar{background:#10142a;border-bottom-color:#818cf8}[data-dark] .topbar-title{color:#9298c8}[data-dark] .hero h1{color:#e8eaf8}[data-dark] .hero-sub{color:#9298c8}[data-dark] .divider{border-top-color:#ffffff1a}[data-dark] .tldr{background:#818cf81f;border-color:#818cf840}[data-dark] .tldr-body{color:#e8eaf8;border-top-color:#818cf826}[data-dark] .block{border-bottom-color:#ffffff1a}[data-dark] .block h2{color:#e8eaf8}[data-dark] .block p{color:#9298c8}[data-dark] p strong{color:#e8eaf8}[data-dark] ul{color:#9298c8}[data-dark] code{background:#818cf826;border-color:#818cf840;color:#818cf8}[data-dark] .callout-why{background:#818cf81f;border-left-color:#818cf8}[data-dark] .callout-tip{background:#fbbf241a;border-left-color:#fbbf24}[data-dark] .callout-warn{background:#fb71851a;border-left-color:#fb7185}[data-dark] .callout-go{background:#4ade8014;border-left-color:#4ade80}[data-dark] .callout p{color:#e8eaf8}[data-dark] .analogy{background:#0c0e1e;border-color:#ffffff1a}[data-dark] .analogy p{color:#e8eaf8}[data-dark] .type-card{background:#10142a;border-color:#ffffff1a}[data-dark] .type-name{color:#e8eaf8}[data-dark] .type-desc{color:#9298c8}[data-dark] .type-example{color:#818cf8}[data-dark] .tb-str{background:#4ade801f;color:#4ade80;border-color:#4ade8040}[data-dark] .tb-num{background:#fbbf241f;color:#fbbf24;border-color:#fbbf2440}[data-dark] .tb-bool{background:#fb71851f;color:#fb7185;border-color:#fb718540}[data-dark] .tb-arr{background:#c084fc1f;color:#c084fc;border-color:#c084fc40}[data-dark] .tb-obj{background:#2dd4bf1a;color:#2dd4bf;border-color:#2dd4bf40}[data-dark] .tb-date{background:#ec48991a;color:#f472b6;border-color:#ec489940}[data-dark] .where-card{background:#10142a;border-color:#ffffff1a}[data-dark] .where-card p{color:#9298c8}[data-dark] .cheatsheet{background:#10142a;border-color:#ffffff1a}[data-dark] .cs-row{border-bottom-color:#ffffff14}[data-dark] .cs-def{color:#9298c8}[data-dark] .footer{background:#0c0e1e;border-top-color:#818cf8}[data-dark] .footer-headline{color:#818cf8}[data-dark] .footer p{color:#9298c8}