@font-face{font-family: "Fraunces";font-style: normal;font-weight: 400 900;font-display: swap;src: url(/fonts/fraunces.woff2) format("woff2")}@font-face{font-family: "Fraunces";font-style: italic;font-weight: 400 900;font-display: swap;src: url(/fonts/fraunces-italic.woff2) format("woff2")}@font-face{font-family: "Source Serif 4";font-style: normal;font-weight: 400 700;font-display: swap;src: url(/fonts/source-serif-4.woff2) format("woff2")}@font-face{font-family: "Source Serif 4";font-style: italic;font-weight: 400 700;font-display: swap;src: url(/fonts/source-serif-4-italic.woff2) format("woff2")}@font-face{font-family: "JetBrains Mono";font-style: normal;font-weight: 400 700;font-display: swap;src: url(/fonts/jetbrains-mono.woff2) format("woff2")}@font-face{font-family: "Fraunces Fallback";src: local("Georgia");size-adjust: 104%;ascent-override: 92%;descent-override: 24%}@font-face{font-family: "Serif Fallback";src: local("Georgia");size-adjust: 96%;ascent-override: 100%;descent-override: 30%}@font-face{font-family: "Mono Fallback";src: local("Menlo"),local("Consolas");size-adjust: 100%}:root{--bg: #f4ecd8;--bg-2: #ebe1c7;--card: #fbf6e9;--card-2: #f7efdc;--ink: #0e1530;--ink-2: #384063;--ink-3: #555b74;--rule: #d6c9a8;--rule-2: #c7b78f;--red: #c3241b;--red-ink: #a91d15;--red-soft: #f6dcd2;--green: #0a6b3a;--green-soft: #d8ecd9;--phos: #0a6b3a;--cyan: #0b6f86;--blue-soft: #e2e6ef;--amber-soft: #f4e3bb;--code-bg: #0b1124;--code-ink: #e8e2cf;--code-dim: #8f97b5;--code-green: #55f5a3;--code-red: #ff8a80;--focus: #1f4fd6;--glow: transparent;--shadow: 0 1px 0 rgba(14,21,48,.06),0 10px 28px -16px rgba(14,21,48,.35);--lines: rgba(14,21,48,.055);--margin-line: rgba(195,36,27,.28);--f-display: "Fraunces","Fraunces Fallback",Georgia,serif;--f-body: "Source Serif 4","Serif Fallback",Georgia,serif;--f-mono: "JetBrains Mono","Mono Fallback",ui-monospace,Menlo,Consolas,monospace;--f-ui: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--wrap: 1180px;--measure: 70ch;--radius: 12px;color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #070b18;--bg-2: #0c1328;--card: #0f1730;--card-2: #121c3a;--ink: #ece5d1;--ink-2: #bcb7a8;--ink-3: #959aae;--rule: #222d4d;--rule-2: #2f3c63;--red: #ff5b4f;--red-ink: #ff8075;--red-soft: #3a1520;--green: #45f29a;--green-soft: #0d2a24;--phos: #45f29a;--cyan: #5fd8f0;--blue-soft: #121d3c;--amber-soft: #2d2412;--code-bg: #050816;--code-ink: #e6e0cc;--code-dim: #7e87a8;--focus: #8fb4ff;--glow: rgba(69,242,154,.12);--shadow: 0 1px 0 rgba(0,0,0,.5),0 14px 36px -18px rgba(0,0,0,.9);--lines: rgba(120,160,255,.035);--margin-line: rgba(255,91,79,.18);color-scheme: dark}}:root[data-theme="dark"]{--bg: #070b18;--bg-2: #0c1328;--card: #0f1730;--card-2: #121c3a;--ink: #ece5d1;--ink-2: #bcb7a8;--ink-3: #959aae;--rule: #222d4d;--rule-2: #2f3c63;--red: #ff5b4f;--red-ink: #ff8075;--red-soft: #3a1520;--green: #45f29a;--green-soft: #0d2a24;--phos: #45f29a;--cyan: #5fd8f0;--blue-soft: #121d3c;--amber-soft: #2d2412;--code-bg: #050816;--code-ink: #e6e0cc;--code-dim: #7e87a8;--focus: #8fb4ff;--glow: rgba(69,242,154,.12);--shadow: 0 1px 0 rgba(0,0,0,.5),0 14px 36px -18px rgba(0,0,0,.9);--lines: rgba(120,160,255,.035);--margin-line: rgba(255,91,79,.18);color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: 96px;background: var(--bg)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;min-height: 100vh;overflow-x: hidden;background-color: var(--bg);background-image: radial-gradient(1200px 600px at 85% -10%,var(--glow),transparent 70%),repeating-linear-gradient(to bottom,var(--lines) 0 1px,transparent 1px 4px);color: var(--ink);font-family: var(--f-body);font-size: 1.1rem;line-height: 1.68;font-optical-sizing: auto;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased}img,svg{max-width: 100%;height: auto}a{color: inherit;text-decoration-color: var(--red);text-decoration-thickness: 1.5px;text-underline-offset: 3px}a:hover{color: var(--red-ink)}:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px;border-radius: 4px}main:focus{outline: none}::selection{background: var(--red);color: #fff}html:not(.js) .js-only{display: none !important}html.js .no-js{display: none !important}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.wrap{max-width: var(--wrap);margin: 0 auto;padding: 0 16px}@media (min-width: 700px){.wrap{padding: 0 28px}}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--ink);color: var(--bg);padding: 10px 16px;border-radius: 8px;font: 600 .95rem var(--f-ui);text-decoration: none}.skip:focus{top: 12px}.site-header{position: sticky;top: 0;z-index: 30;background: color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter: saturate(1.4) blur(12px);-webkit-backdrop-filter: saturate(1.4) blur(12px);border-bottom: 1px solid var(--rule)}.header-inner{display: flex;align-items: center;gap: 10px 18px;min-height: 64px;flex-wrap: wrap}.brand{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;margin-right: auto}.brand-word{font: 800 1.36rem/1 var(--f-display);letter-spacing: -.02em}.brand-dot{color: var(--red)}.brand-cur{display: inline-block;width: .5em;height: .12em;background: var(--phos);margin-left: 2px;vertical-align: baseline}html.fx .brand-cur{animation: blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity: 0}}.logo-mark{flex: none;border-radius: 9px}.nav{list-style: none;display: flex;gap: 2px;margin: 0;padding: 0;flex-wrap: wrap}.nav a{display: block;padding: 8px 10px;border-radius: 8px;text-decoration: none;font: 600 .78rem/1 var(--f-mono);letter-spacing: .04em;text-transform: uppercase;color: var(--ink-2)}.nav a:hover{color: var(--ink);background: var(--bg-2)}.nav a[aria-current="page"]{color: var(--ink);box-shadow: inset 0 -2px 0 var(--red);border-radius: 8px 8px 0 0}.nav .nav-play a{color: var(--red-ink)}.hdr-tools{display: flex;gap: 6px;align-items: center}.kbtn{display: inline-flex;align-items: center;gap: 8px;height: 38px;padding: 0 12px;border-radius: 10px;border: 1px solid var(--rule-2);background: var(--card);color: var(--ink-2);font: 600 .8rem/1 var(--f-mono);text-decoration: none;cursor: pointer}.kbtn:hover{color: var(--ink);border-color: var(--red)}.kbtn svg{width: 16px;height: 16px;flex: none}.kbtn kbd{font: 600 .7rem var(--f-mono);padding: 2px 5px;border-radius: 5px;border: 1px solid var(--rule-2);background: var(--bg-2)}.theme-btn{width: 38px;padding: 0;justify-content: center}.theme-btn .i-sun{display: none}:root[data-theme="dark"] .theme-btn .i-sun{display: block}:root[data-theme="dark"] .theme-btn .i-moon{display: none}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme-btn .i-sun{display: block}:root:not([data-theme="light"]) .theme-btn .i-moon{display: none}}@media (max-width: 860px){.header-inner{padding-top: 10px;padding-bottom: 4px;gap: 8px}.site-header nav{order: 3;width: 100%}.nav{width: calc(100% + 12px);flex-wrap: nowrap;justify-content: space-between;overflow-x: auto;margin: 0 -6px;padding: 0 0 4px;scrollbar-width: none}.nav::-webkit-scrollbar{display: none}.nav a{padding: 9px 6px;font-size: .7rem;letter-spacing: .02em;white-space: nowrap}.search-btn .sb-label,.search-btn kbd{display: none}.search-btn{width: 38px;padding: 0;justify-content: center}}.progress{position: fixed;left: 0;right: 0;top: 0;height: 3px;z-index: 40;pointer-events: none}.progress span{display: block;height: 100%;background: linear-gradient(90deg,var(--red) 0 98%,var(--ink) 98%);transform-origin: 0 50%;transform: scaleX(0)}.eyebrow{font: 600 .78rem/1.3 var(--f-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--red-ink);margin: 0 0 12px}.eyebrow a{text-decoration: none}.mono{font-family: var(--f-mono)}h1,h2,h3,h4{font-family: var(--f-display);line-height: 1.1;letter-spacing: -.015em;font-weight: 700;color: var(--ink);text-wrap: balance}h1{font-size: clamp(2.2rem,5.6vw,3.9rem);margin: 0 0 14px;font-weight: 800;letter-spacing: -.03em}.dek{font-size: clamp(1.12rem,2.2vw,1.32rem);color: var(--ink-2);max-width: 46rem;margin: 0 0 18px;line-height: 1.5;text-wrap: pretty}del{text-decoration: line-through;text-decoration-color: var(--red);text-decoration-thickness: 2.5px;color: var(--ink-3)}ins{text-decoration: underline;text-decoration-color: var(--green);text-decoration-thickness: 2.5px;text-underline-offset: 4px;color: var(--ink);font-weight: 600}.glitch{position: relative}span.glitch,del.glitch{display: inline-block}html.fx .glitch::before,html.fx .glitch::after{content: attr(data-text);position: absolute;inset: 0;pointer-events: none;opacity: 0}html.fx .glitch.is-glitching::before{opacity: .8;color: var(--red);mix-blend-mode: multiply;animation: g-a 1.1s cubic-bezier(.3,.7,.4,1) 1 both}html.fx .glitch.is-glitching::after{opacity: .8;color: var(--cyan);mix-blend-mode: multiply;animation: g-b 1.1s cubic-bezier(.3,.7,.4,1) 1 both}:root[data-theme="dark"] .glitch::before,:root[data-theme="dark"] .glitch::after{mix-blend-mode: screen !important}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .glitch::before,:root:not([data-theme="light"]) .glitch::after{mix-blend-mode: screen !important}}@keyframes g-a{0%{transform: translate(0);clip-path: inset(0 0 60% 0)}25%{transform: translate(-.06em,.02em);clip-path: inset(20% 0 45% 0)}50%{transform: translate(.05em,-.02em);clip-path: inset(55% 0 10% 0)}75%{transform: translate(-.03em,0);clip-path: inset(10% 0 70% 0)}100%{transform: translate(0);clip-path: inset(0 0 100% 0);opacity: 0}}@keyframes g-b{0%{transform: translate(0);clip-path: inset(50% 0 0 0)}25%{transform: translate(.06em,-.02em);clip-path: inset(65% 0 5% 0)}50%{transform: translate(-.05em,.02em);clip-path: inset(15% 0 60% 0)}75%{transform: translate(.03em,0);clip-path: inset(70% 0 0 0)}100%{transform: translate(0);clip-path: inset(100% 0 0 0);opacity: 0}}.crumbs ol{list-style: none;display: flex;flex-wrap: wrap;gap: 4px;padding: 0;margin: 22px 0 26px;font: .8rem/1.4 var(--f-mono);color: var(--ink-3)}.crumbs li + li::before{content: "/";margin: 0 6px 0 2px;color: var(--rule-2)}.crumbs a{text-decoration: none;color: var(--ink-2)}.crumbs a:hover{color: var(--red-ink);text-decoration: underline}.btn{display: inline-flex;align-items: center;gap: 10px;min-height: 48px;padding: 0 20px;border-radius: 12px;border: 2px solid var(--ink);background: var(--ink);color: var(--bg);font: 700 .95rem/1 var(--f-mono);text-decoration: none;cursor: pointer;box-shadow: 4px 4px 0 var(--red);transition: transform .12s ease,box-shadow .12s ease}.btn:hover{color: var(--bg);transform: translate(-1px,-1px);box-shadow: 6px 6px 0 var(--red)}.btn:active{transform: translate(2px,2px);box-shadow: 1px 1px 0 var(--red)}.btn-ghost{background: transparent;color: var(--ink);box-shadow: 4px 4px 0 var(--rule-2)}.btn-ghost:hover{color: var(--ink);box-shadow: 6px 6px 0 var(--rule-2)}.btn-sm{min-height: 38px;padding: 0 14px;font-size: .82rem;box-shadow: 3px 3px 0 var(--red)}.btn[disabled]{opacity: .5;cursor: not-allowed}@media (prefers-reduced-motion: reduce){.btn,.btn:hover,.btn:active{transition: none;transform: none}}.hero{position: relative;border-bottom: 1px solid var(--rule);padding: 54px 0 48px;overflow: hidden}.hero::before{content: "";position: absolute;inset: 0 auto 0 calc(50% - 590px - 6px);width: 2px;background: var(--margin-line)}@media (max-width: 1240px){.hero::before{left: 8px}}.hero-grid{display: grid;gap: 36px;align-items: center}@media (min-width: 980px){.hero-grid{grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);gap: 48px}}.hero-title{font-size: clamp(3.2rem,10.5vw,7.4rem);line-height: .95;margin: 8px 0 24px;letter-spacing: -.045em}.hero-title del{text-decoration: none;color: var(--ink-3)}.hero-title ins{text-decoration: none}.ht-wrong{position: relative;display: inline-block}.pen-strike{position: absolute;left: -4%;top: 38%;width: 108%;height: .4em;overflow: visible;pointer-events: none}.pen-strike path{fill: none;stroke: var(--red);stroke-width: 6;stroke-linecap: round;stroke-linejoin: round}.ht-right{position: relative;display: inline-block;color: var(--red);font-style: italic;font-weight: 800;padding-right: .04em}.ht-caret{position: absolute;left: -.16em;bottom: -.22em;width: .26em;height: .26em;overflow: visible}.ht-caret path,.ht-under path{fill: none;stroke: var(--red);stroke-width: 4.5;stroke-linecap: round;stroke-linejoin: round}.ht-under{position: absolute;left: .02em;bottom: -.06em;width: 96%;height: .14em;overflow: visible}html.fx .hero-title .pen-strike path{stroke-dasharray: 1;stroke-dashoffset: 1;animation: draw .55s .95s cubic-bezier(.6,.1,.3,1) forwards}html.fx .hero-title .ht-right{clip-path: inset(-20% 100% -40% -20%);animation: write .7s 1.5s cubic-bezier(.5,0,.2,1) forwards}html.fx .hero-title .ht-under path,html.fx .hero-title .ht-caret path{stroke-dasharray: 1;stroke-dashoffset: 1;animation: draw .4s 2.1s ease-out forwards}@keyframes draw{to{stroke-dashoffset: 0}}@keyframes write{to{clip-path: inset(-20% -10% -40% -20%)}}.hero-dek{font-size: clamp(1.15rem,2.3vw,1.42rem);color: var(--ink-2);max-width: 40rem;margin: 0 0 28px}.hero-cta{display: flex;flex-wrap: wrap;gap: 14px;margin-bottom: 28px}.hero-specimen{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none}.hero-specimen li{background: var(--card);border: 1px solid var(--rule);border-radius: 999px;padding: 5px 13px;font: .88rem/1.5 var(--f-ui)}.hero-specimen code{font-family: var(--f-mono);font-size: .84rem;background: none;border: 0;padding: 0;color: var(--red-ink)}.term{margin: 0;border-radius: 16px;background: var(--code-bg);color: var(--code-ink);box-shadow: 0 0 0 1px #1d2747,0 30px 60px -30px rgba(5,8,22,.8),0 0 80px -30px rgba(69,242,154,.35);overflow: hidden;position: relative;transform: rotate(.6deg)}.term::after{content: "";position: absolute;inset: 0;pointer-events: none;background: repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45))}.term-bar{display: flex;align-items: center;gap: 7px;padding: 11px 14px;border-bottom: 1px solid #1a2342;font: 600 .72rem var(--f-mono);color: var(--code-dim);letter-spacing: .06em}.term-bar i{width: 11px;height: 11px;border-radius: 50%;background: #ff5b4f}.term-bar i:nth-child(2){background: #f7c548}.term-bar i:nth-child(3){background: #45f29a}.term-bar b{margin-left: 8px;font-weight: 600}.term pre{margin: 0;border: 0;border-radius: 0;background: none;padding: 16px 18px 20px;font-size: .84rem;line-height: 1.7;white-space: pre-wrap;box-shadow: none}.term code{white-space: pre-wrap !important;font-size: .84rem}.term .p{color: var(--code-dim)}.term .p::before{content: "$ ";color: #45f29a}.term .x{color: #ff8a80}.term .ok{color: #55f5a3}.term .dim{color: var(--code-dim)}.term .cur{display: inline-block;width: .6em;height: 1.1em;vertical-align: -.2em;background: #45f29a}html.fx .term .cur{animation: blink 1.1s steps(1) infinite}.term .tl.wait{visibility: hidden}@media (max-width: 979px){.term{transform: none}}.section-head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 8px 20px;margin: 64px 0 20px}.section-head h2{font-size: clamp(1.8rem,4vw,2.6rem);margin: 0}.section-head p{margin: 0;color: var(--ink-2);font: .98rem/1.5 var(--f-ui);max-width: 34rem}.section-title{font-size: 1.8rem;margin: 56px 0 18px}.tools-grid{display: grid;gap: 16px;grid-template-columns: 1fr}@media (min-width: 640px){.tools-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1040px){.tools-grid{grid-template-columns: repeat(6,1fr)}.tools-grid>:nth-child(-n+2){grid-column: span 3}.tools-grid>:nth-child(n+3){grid-column: span 2}}.tool-card{position: relative;display: flex;flex-direction: column;gap: 8px;padding: 22px 22px 18px;border-radius: 16px;background: var(--card);border: 1px solid var(--rule);box-shadow: var(--shadow);text-decoration: none;overflow: hidden;transition: transform .15s ease,border-color .15s ease;min-height: 190px}.tool-card:hover{transform: translateY(-3px);border-color: var(--red);color: inherit}.tool-card .tc-icon{font: 800 1.5rem/1 var(--f-mono);color: var(--red);display: flex;align-items: center;gap: 10px}.tool-card .tc-icon span{font-size: .68rem;letter-spacing: .1em;text-transform: uppercase;color: var(--ink-3);font-weight: 600}.tool-card .tc-title{font: 750 1.42rem/1.15 var(--f-display);letter-spacing: -.01em}.tool-card .tc-desc{font: .95rem/1.5 var(--f-ui);color: var(--ink-2)}.tool-card .tc-go{margin-top: auto;font: 700 .78rem var(--f-mono);color: var(--red-ink);letter-spacing: .04em}.tool-card::after{content: attr(data-big);position: absolute;right: -6px;bottom: -22px;font: 800 6.5rem/1 var(--f-display);color: var(--ink);opacity: .05;letter-spacing: -.05em;pointer-events: none}.tool-card.tc-feature{background: var(--code-bg);color: var(--code-ink);border-color: #1d2747}.tool-card.tc-feature .tc-desc{color: #b5bbd0}.tool-card.tc-feature .tc-icon{color: #45f29a}.tool-card.tc-feature .tc-icon span{color: #8f97b5}.tool-card.tc-feature .tc-go{color: #ff8a80}.tool-card.tc-feature::after{color: #45f29a;opacity: .1}.tool-card.tc-feature .tc-title{color: #f2ecdb}:root[data-theme="dark"] .tool-card.tc-feature{border-color: #1f6b4a;box-shadow: 0 0 0 1px #1f6b4a,0 0 50px -18px rgba(69,242,154,.45)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tool-card.tc-feature{border-color: #1f6b4a;box-shadow: 0 0 0 1px #1f6b4a,0 0 50px -18px rgba(69,242,154,.45)}}@media (prefers-reduced-motion: reduce){.tool-card{transition: none}.tool-card:hover{transform: none}}.clusters{display: grid;grid-template-columns: 1fr;gap: 18px;margin: 0 0 8px}@media (min-width: 720px){.clusters{grid-template-columns: 1fr 1fr}}@media (min-width: 1080px){.clusters{grid-template-columns: repeat(4,1fr)}}.cluster{position: relative;background: var(--card);border: 1px solid var(--rule);border-radius: 16px;padding: 22px 22px 18px;box-shadow: var(--shadow);display: flex;flex-direction: column}.cluster::before{content: "";position: absolute;inset: 0 0 auto 0;height: 4px;border-radius: 16px 16px 0 0;background: var(--red)}.cluster-developers::before{background: var(--phos)}.cluster-thinking::before{background: var(--cyan)}.cluster-myths::before{background: repeating-linear-gradient(135deg,var(--red) 0 8px,transparent 8px 12px)}.cluster-glyph{font: 800 2rem/1 var(--f-mono);color: var(--red);margin: 4px 0 12px}.cluster-developers .cluster-glyph{color: var(--phos)}.cluster-thinking .cluster-glyph{color: var(--cyan)}.cluster h3{font-size: 1.6rem;margin: 0 0 6px}.cluster h3 a{text-decoration: none}.cluster p{margin: 0 0 12px;color: var(--ink-2);font-size: 1rem;line-height: 1.5}.cluster ul{list-style: none;margin: 0 0 14px;padding: 0;border-top: 1px dashed var(--rule-2)}.cluster li{border-bottom: 1px dashed var(--rule-2)}.cluster li a{display: block;padding: 7px 0;text-decoration: none;font: .93rem/1.35 var(--f-ui)}.cluster li a:hover{color: var(--red-ink)}.cluster-go{margin-top: auto;font: 600 .8rem var(--f-mono);text-transform: uppercase;letter-spacing: .05em;color: var(--red-ink);text-decoration: none}.cards{display: grid;grid-template-columns: 1fr;gap: 16px}@media (min-width: 640px){.cards{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1000px){.cards{grid-template-columns: repeat(3,1fr)}}.card{display: flex;flex-direction: column;gap: 6px;padding: 20px;background: var(--card);border: 1px solid var(--rule);border-radius: var(--radius);text-decoration: none;box-shadow: var(--shadow);transition: transform .15s ease,border-color .15s ease}.card:hover{transform: translateY(-2px);border-color: var(--red);color: inherit}.card-eyebrow{font: 600 .72rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--red-ink)}.card-title{font: 700 1.3rem/1.2 var(--f-display);letter-spacing: -.01em}.card-desc{font: .95rem/1.5 var(--f-ui);color: var(--ink-2)}.card-go{margin-top: auto;padding-top: 6px;font: 600 .78rem var(--f-mono);color: var(--ink-3)}.card:hover .card-go{color: var(--red-ink)}@media (min-width: 1000px){.card-big{grid-column: span 2}.card-big .card-title{font-size: 1.7rem}}@media (prefers-reduced-motion: reduce){.card{transition: none}.card:hover{transform: none}}.hub-head{margin-bottom: 28px}.hub-body{margin: 48px 0 24px}.article-head{border-bottom: 2px solid var(--ink);padding-bottom: 18px;margin-bottom: 32px;max-width: 56rem;position: relative}.byline{display: flex;flex-wrap: wrap;gap: 6px 18px;margin: 0;font: .8rem/1.4 var(--f-mono);color: var(--ink-3);align-items: center}.stamp{color: var(--red-ink);border: 1.5px solid currentColor;border-radius: 4px;padding: 1px 7px;transform: rotate(-1.5deg);display: inline-block;font-weight: 600}.article-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 28px}@media (min-width: 1000px){.article-grid{grid-template-columns: 230px minmax(0,1fr);gap: 52px}}.toc{font: .88rem/1.4 var(--f-ui)}@media (min-width: 1000px){.toc details{position: sticky;top: 92px;max-height: calc(100vh - 116px);overflow: auto}}.toc summary{cursor: pointer;font: 600 .75rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3);padding: 6px 0;list-style-position: inside}.toc ol{list-style: none;margin: 6px 0 0;padding: 0 0 0 10px;border-left: 2px solid var(--rule);counter-reset: toc}.toc li{counter-increment: toc}.toc a{display: block;padding: 5px 0 5px 8px;text-decoration: none;color: var(--ink-2);border-left: 2px solid transparent;margin-left: -12px;padding-left: 18px}.toc a::before{content: counter(toc,decimal-leading-zero) " ";font: .72rem var(--f-mono);color: var(--ink-3)}.toc a:hover,.toc a.is-here{color: var(--red-ink)}.toc a.is-here{border-left-color: var(--red)}@media (max-width: 999px){.toc details{background: var(--card);border: 1px solid var(--rule);border-radius: var(--radius);padding: 6px 14px}}.prose{max-width: var(--measure);min-width: 0}.prose-solo{margin: 0 auto 0 0}.prose :where(p){margin: 0;text-wrap: pretty}.prose>* + *{margin-top: 1.05em}.prose h2{font-size: clamp(1.6rem,3.4vw,2.15rem);margin: 2.2em 0 .5em;padding-top: .55em;border-top: 1px solid var(--rule);position: relative}.prose h2::before{content: "";position: absolute;top: -1px;left: 0;width: 56px;height: 3px;background: var(--red)}.prose h3{font-size: 1.3rem;margin: 1.7em 0 .35em}.prose h2:first-child,.prose>h2:first-of-type{margin-top: .6em}.anchor{margin-left: .35em;font: 400 .7em var(--f-mono);color: var(--ink-3);text-decoration: none;opacity: 0;transition: opacity .15s}h2:hover .anchor,h3:hover .anchor,.anchor:focus-visible{opacity: 1}.prose ul,.prose ol{padding-left: 1.3em;margin-bottom: 0}.prose li + li{margin-top: .35em}.prose li::marker{color: var(--red)}.prose strong{font-weight: 650}.prose blockquote{margin: 1.4em 0;padding: .2em 0 .2em 1.1em;border-left: 3px solid var(--red);font-style: italic;color: var(--ink-2)}.prose hr{border: 0;border-top: 1px dashed var(--rule);margin: 2em 0}.prose a.ext::after{content: "\2197";font: .7em var(--f-ui);margin-left: 1px;vertical-align: super;color: var(--ink-3);text-decoration: none;display: inline-block}.prose a.net{text-decoration-color: var(--green)}.prose mark,mark{background: var(--amber-soft);color: inherit;padding: 0 .15em;border-radius: 3px}code,kbd,samp{font-family: var(--f-mono);font-size: .86em}:not(pre)>code{background: var(--bg-2);border: 1px solid var(--rule);border-radius: 5px;padding: .08em .36em;overflow-wrap: anywhere}kbd{border: 1px solid var(--rule-2);border-bottom-width: 2px;border-radius: 5px;padding: .05em .4em;background: var(--card)}pre{background: var(--code-bg);color: var(--code-ink);border-radius: var(--radius);padding: 16px 18px;overflow-x: auto;font-size: .92rem;line-height: 1.55;position: relative;border: 1px solid #1a2342;tab-size: 4;box-shadow: inset 0 0 60px -30px rgba(69,242,154,.25)}pre code{font-size: .86rem;background: none;border: 0;padding: 0;color: inherit;white-space: pre}pre.err{border-left: 4px solid var(--red)}pre.err code{color: var(--code-red)}pre code[class*="lang-"]::before{content: attr(class);display: block;font: 600 .66rem var(--f-mono);letter-spacing: .1em;text-transform: uppercase;color: var(--code-dim);margin-bottom: 8px}pre code.lang-js::before,pre code.lang-javascript::before{content: "javascript"}pre code.lang-py::before,pre code.lang-python::before{content: "python"}pre code.lang-http::before{content: "http"}pre code.lang-bash::before,pre code.lang-sh::before,pre code.lang-shell::before{content: "shell"}pre code.lang-json::before{content: "json"}pre code.lang-nginx::before{content: "nginx"}pre code.lang-text::before{content: "output"}pre code.lang-log::before{content: "log"}pre code.lang-caddy::before,pre code.lang-caddyfile::before{content: "caddyfile"}.copy-btn{position: absolute;top: 8px;right: 8px;font: 600 .7rem var(--f-mono);color: var(--code-dim);background: #111a35;border: 1px solid #253056;border-radius: 6px;padding: 4px 8px;cursor: pointer}.copy-btn:hover,.copy-btn:focus-visible{color: #fff;border-color: #45f29a}.table-wrap{overflow-x: auto;border: 1px solid var(--rule);border-radius: var(--radius);background: var(--card);box-shadow: var(--shadow);-webkit-overflow-scrolling: touch}.prose .table-wrap{max-width: 100%}table{border-collapse: collapse;width: 100%;font: .93rem/1.45 var(--f-ui)}th,td{text-align: left;vertical-align: top;padding: 10px 14px;border-bottom: 1px solid var(--rule)}thead th{position: sticky;top: 0;background: var(--bg-2);font: 600 .72rem/1.3 var(--f-mono);letter-spacing: .06em;text-transform: uppercase;color: var(--ink-2);white-space: nowrap}tbody tr:last-child td{border-bottom: 0}tbody tr:nth-child(even) td{background: color-mix(in srgb,var(--bg-2) 40%,transparent)}td:first-child{font-weight: 600}td code{font-size: .82rem}td:first-child code,th code{white-space: nowrap;overflow-wrap: normal}caption{caption-side: bottom;padding: 8px 14px;font: .8rem var(--f-ui);color: var(--ink-3);text-align: left}.wr{display: grid;gap: 0;border: 1px solid var(--rule);border-radius: var(--radius);overflow: hidden;background: var(--card);box-shadow: var(--shadow)}@media (min-width: 760px){.wr:has(>div.wr-wrong){grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.wr:has(>div.wr-wrong) .wr-why{grid-column: 1 / -1}}.wr-wrong,.wr-right{margin: 0 !important;padding: 34px 16px 14px;position: relative;font-size: 1.04rem}.wr>* + *{margin-top: 0 !important}.wr-wrong{background: var(--red-soft)}.wr-right{background: var(--green-soft)}.wr-wrong::before,.wr-right::before{position: absolute;top: 10px;left: 16px;font: 700 .7rem/1 var(--f-mono);letter-spacing: .1em;text-transform: uppercase}.wr-wrong::before{content: "\2717 Wrong";color: var(--red-ink)}.wr-right::before{content: "\2713 Right";color: var(--green)}.wr-wrong del{color: var(--red-ink)}.wr-right ins{color: var(--green)}.wr>*{min-width: 0}.wr-why{margin: 0 !important;padding: 12px 16px;font: .95rem/1.5 var(--f-ui);color: var(--ink-2);border-top: 1px solid var(--rule)}.wr pre{margin: 0}.wr-wrong pre,.wr-right pre{font-size: .85rem}.wr-wrong>:not(:first-child),.wr-right>:not(:first-child){margin-top: .6em}html.fx .wr.pen-wait .wr-wrong del{text-decoration-color: transparent}html.fx .wr.pen-wait .wr-wrong{transform: skewX(-1.5deg) translateX(3px)}html.fx .wr .wr-wrong{transition: transform .35s cubic-bezier(.3,1.6,.5,1)}html.fx .wr.pen-go .wr-wrong del{text-decoration: none;background: linear-gradient(var(--red),var(--red)) no-repeat 0 55% / 0 2.5px;animation: strike .5s .15s ease-out forwards}@keyframes strike{to{background-size: 100% 2.5px}}.callout{border-radius: var(--radius);padding: 14px 18px 14px 50px;position: relative;font: .99rem/1.55 var(--f-ui);border: 1px solid var(--rule);background: var(--blue-soft)}.callout::before{position: absolute;left: 16px;top: 13px;font: 700 1.05rem/1.4 var(--f-mono)}.callout.note::before{content: "i";color: var(--focus)}.callout.tip{background: var(--green-soft)}.callout.tip::before{content: "\2713";color: var(--green)}.callout.warn{background: var(--amber-soft)}.callout.warn::before{content: "!";color: var(--red-ink)}.callout p + p{margin-top: .5em}.callout code{background: color-mix(in srgb,var(--card) 70%,transparent)}.prose ul.checklist{list-style: none;padding: 0}.checklist li{padding-left: 1.8em;position: relative}.checklist li::before{content: "\2713";position: absolute;left: 0;top: 0;color: var(--green);font: 700 1rem/1.65 var(--f-mono)}.prose dl{display: grid;gap: 4px 0}.prose dt{font-weight: 600;margin-top: .8em}.prose dd{margin: 0;color: var(--ink-2)}.faq,.sources{margin-top: 3em !important}.faq-item{border-bottom: 1px solid var(--rule)}.faq-item:first-of-type{border-top: 1px solid var(--rule)}.faq-item summary{cursor: pointer;padding: 14px 32px 14px 0;font: 600 1.08rem/1.4 var(--f-body);list-style: none;position: relative}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: "+";position: absolute;right: 4px;top: 10px;font: 400 1.5rem var(--f-mono);color: var(--red)}.faq-item[open] summary::after{content: "\2212"}.faq-a{padding: 0 0 16px;color: var(--ink-2)}.sources ol{font: .9rem/1.5 var(--f-ui);padding-left: 1.6em}.sources li{overflow-wrap: anywhere}.src-host{color: var(--ink-3);font: .75rem var(--f-mono);margin-left: 4px}.src-note{font: .9rem var(--f-ui);color: var(--ink-3)}.corrections{margin-top: 2.4em !important;padding: 14px 18px;border: 1.5px dashed var(--red);border-radius: var(--radius);font: .95rem/1.5 var(--f-ui)}.related{margin: 56px 0 24px;padding-top: 24px;border-top: 2px solid var(--ink)}.related h2{font-size: 1.6rem;margin: 0 0 18px}.try-tool{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 18px;padding: 16px 18px;border-radius: var(--radius);background: var(--code-bg);color: var(--code-ink);border: 1px solid #1a2342;font: .98rem/1.45 var(--f-ui)}.try-tool b{color: #45f29a;font: 700 .74rem var(--f-mono);letter-spacing: .1em;text-transform: uppercase}.try-tool a{color: #fff;font-weight: 600}.try-tool a:hover{color: #ff8a80}.bib{border-bottom: 1px solid var(--rule)}.bib summary{cursor: pointer;padding: 12px 0;font: 600 1.02rem var(--f-body);display: flex;justify-content: space-between;gap: 12px}.bib-n{font: .78rem var(--f-mono);color: var(--ink-3);white-space: nowrap}.bib ol{font: .88rem/1.5 var(--f-ui);padding-left: 1.6em;margin-bottom: 14px}.bib li{overflow-wrap: anywhere}.bib-page{font: .85rem var(--f-ui);color: var(--ink-3)}.tool-head{max-width: 56rem;margin-bottom: 26px}.tool-badges{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 14px;padding: 0;list-style: none}.tool-badges li{font: 600 .72rem var(--f-mono);letter-spacing: .06em;text-transform: uppercase;color: var(--ink-2);border: 1px solid var(--rule-2);border-radius: 999px;padding: 4px 10px}.tool-badges li:first-child{color: var(--red-ink);border-color: var(--red)}.console{position: relative;border-radius: 18px;background: var(--code-bg);color: var(--code-ink);border: 1px solid #1d2747;box-shadow: 0 30px 70px -40px rgba(5,8,22,.9),0 0 0 6px color-mix(in srgb,var(--bg-2) 80%,transparent);overflow: hidden}.console::after{content: "";position: absolute;inset: 0;pointer-events: none;background: repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}.console-bar{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;padding: 12px 18px;border-bottom: 1px solid #1a2342;font: 600 .75rem var(--f-mono);color: #8f97b5;letter-spacing: .05em;text-transform: uppercase}.console-bar .lamp{width: 9px;height: 9px;border-radius: 50%;background: #45f29a;box-shadow: 0 0 10px #45f29a}.console-bar .stat{margin-left: auto;display: flex;gap: 16px}.console-bar .stat b{color: #f2ecdb;font-weight: 700}.console-body{padding: 26px 22px 24px;position: relative;z-index: 1}@media (min-width: 700px){.console-body{padding: 34px 36px 30px}}.console a{color: #fff}.console a:hover{color: #ff8a80}.console .muted{color: #8f97b5;font: .9rem/1.5 var(--f-ui)}.console .btn{background: #f2ecdb;color: #0b1124;border-color: #f2ecdb;box-shadow: 4px 4px 0 #ff5b4f}.console .btn:hover{color: #0b1124}.console .btn-ghost{background: transparent;color: #f2ecdb;border-color: #3a4670;box-shadow: none}.console .btn-ghost:hover{border-color: #f2ecdb;color: #fff}.console :focus-visible{outline-color: #8fb4ff}.tool-prose{margin-top: 48px}.tool-layout{display: grid;gap: 40px}@media (min-width: 1040px){.tool-layout{grid-template-columns: minmax(0,1fr) 300px;gap: 56px}}.tool-aside{font: .92rem/1.5 var(--f-ui)}.tool-aside .box{position: sticky;top: 96px;border: 1px solid var(--rule);background: var(--card);border-radius: var(--radius);padding: 18px}.tool-aside h2{font: 600 .74rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3);margin: 0 0 10px}.tool-aside ul{list-style: none;padding: 0;margin: 0}.tool-aside li + li{margin-top: 8px}.tool-aside a{text-decoration: none}.tool-aside a:hover{text-decoration: underline}.answers{counter-reset: ans;list-style: none;padding: 0 !important}.answers>li{counter-increment: ans;border-bottom: 1px solid var(--rule);padding: 12px 0 12px 2.6em;position: relative;margin: 0 !important}.answers>li::before{content: counter(ans,decimal-leading-zero);position: absolute;left: 0;top: 14px;font: 600 .78rem var(--f-mono);color: var(--ink-3)}.answers details summary{cursor: pointer;font: 600 .78rem var(--f-mono);color: var(--red-ink);margin-top: 4px}.answers .a-body{font: .95rem/1.5 var(--f-ui);color: var(--ink-2);margin-top: 6px}.big-q{font: 600 clamp(1.35rem,3.4vw,2rem)/1.35 var(--f-display);color: #f2ecdb;margin: 0 0 22px;letter-spacing: -.01em}.timer{height: 4px;background: #1a2342;border-radius: 4px;overflow: hidden;margin: 0 0 24px}.timer span{display: block;height: 100%;background: linear-gradient(90deg,#45f29a,#f7c548 70%,#ff5b4f);transform-origin: 0 50%}.feedback{min-height: 3.2em;margin: 18px 0 0;font: 1rem/1.5 var(--f-ui)}.feedback .ok{color: #55f5a3;font-weight: 700}.feedback .no{color: #ff8a80;font-weight: 700}.row{display: flex;flex-wrap: wrap;gap: 12px;align-items: center}.shake{animation: shake .4s}@keyframes shake{20%{transform: translateX(-6px)}40%{transform: translateX(5px)}60%{transform: translateX(-3px)}80%{transform: translateX(2px)}}@media (prefers-reduced-motion: reduce){.shake{animation: none}}.spot-sentence{display: flex;flex-wrap: wrap;gap: .25em .1em;font: 600 clamp(1.4rem,4vw,2.3rem)/1.4 var(--f-display);letter-spacing: -.01em;margin: 0 0 8px;color: #f2ecdb;min-height: 2.8em;align-content: flex-start}.spot-sentence button{font: inherit;color: inherit;background: none;border: 0;border-radius: 8px;padding: 0 .14em;cursor: pointer;position: relative}.spot-sentence button:hover{background: rgba(255,255,255,.07)}.spot-sentence button:focus-visible{outline: 3px solid #8fb4ff}.spot-sentence button.hit{color: #ff8a80}.spot-sentence button.hit::after{content: "";position: absolute;left: -2%;right: -2%;top: 52%;height: .09em;background: #ff5b4f;border-radius: 3px;transform-origin: 0 50%;animation: pen .35s ease-out both}.spot-sentence button.miss{color: #8f97b5;text-decoration: line-through wavy #f7c548}.spot-sentence .fix{font-style: italic;color: #55f5a3;font-size: .82em;position: relative;top: -.5em;margin-left: .1em}@keyframes pen{from{transform: scaleX(0)}to{transform: scaleX(1)}}.spot-over{text-align: left}.spot-over .score{font: 800 clamp(3rem,10vw,5.5rem)/1 var(--f-display);color: #f2ecdb;margin: 0 0 6px;letter-spacing: -.04em}.spot-over .grid{font: 1.4rem/1 var(--f-mono);letter-spacing: .1em;color: #45f29a;margin: 10px 0 18px;word-break: break-all}.opts{display: grid;gap: 10px;grid-template-columns: 1fr;margin: 0;padding: 0;list-style: none}@media (min-width: 640px){.opts{grid-template-columns: 1fr 1fr}}.opt{width: 100%;text-align: left;font: 600 1rem/1.35 var(--f-ui);color: #f2ecdb;background: #111a35;border: 1.5px solid #2a3560;border-radius: 12px;padding: 14px 16px;cursor: pointer;display: flex;gap: 12px;align-items: center}.opt:hover:not([disabled]){border-color: #f2ecdb}.opt kbd{font: 700 .72rem var(--f-mono);background: #0b1124;color: #8f97b5;border-color: #2a3560}.opt.right{border-color: #45f29a;background: #0d2a24}.opt.wrong{border-color: #ff5b4f;background: #3a1520;text-decoration: line-through;text-decoration-color: #ff5b4f}.opt[disabled]{cursor: default}.kind-tag{display: inline-block;font: 700 .68rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;padding: 3px 8px;border-radius: 5px;background: #1a2342;color: #8f97b5;margin-bottom: 14px}.dec-form label{display: block;font: 600 .78rem var(--f-mono);letter-spacing: .06em;text-transform: uppercase;color: #8f97b5;margin-bottom: 10px}.dec-form textarea{width: 100%;min-height: 150px;resize: vertical;background: #050816;color: #ff8a80;border: 1.5px solid #2a3560;border-radius: 12px;padding: 14px 16px;font: .92rem/1.55 var(--f-mono)}.dec-form textarea:focus{outline: none;border-color: #45f29a;box-shadow: 0 0 0 3px rgba(69,242,154,.2)}.dec-form textarea::placeholder{color: #5d6688}.dec-samples{display: flex;flex-wrap: wrap;gap: 8px;margin: 12px 0 0}.chip{font: 600 .76rem var(--f-mono);color: #b5bbd0;background: #111a35;border: 1px solid #2a3560;border-radius: 999px;padding: 6px 11px;cursor: pointer}.chip:hover{color: #fff;border-color: #f2ecdb}.dec-out{margin-top: 22px;min-height: 120px}.dec-card{border: 1px solid #2a3560;border-left: 4px solid #45f29a;border-radius: 12px;padding: 18px 20px;background: #0b1328}.dec-card + .dec-card{margin-top: 12px;border-left-color: #2a3560}.dec-card h3{color: #f2ecdb;font-size: 1.3rem;margin: 6px 0 10px;font-family: var(--f-mono);letter-spacing: -.01em}.dec-card p{margin: 0 0 8px;font: .98rem/1.55 var(--f-ui);color: #cfd3e0}.dec-card .lab{font: 700 .7rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;color: #45f29a}.dec-none{border: 1px dashed #3a4670;border-radius: 12px;padding: 16px 18px;color: #b5bbd0;font: .98rem/1.5 var(--f-ui)}.hx{margin-top: 1.4em !important}.hx-controls{display: grid;gap: 12px;margin-bottom: 16px}.hx-search{position: relative}.hx-search input{width: 100%;height: 52px;border-radius: 12px;border: 1.5px solid var(--rule-2);background: var(--card);color: var(--ink);padding: 0 16px 0 44px;font: 600 1rem var(--f-mono)}.hx-search input:focus{outline: none;border-color: var(--red);box-shadow: 0 0 0 3px color-mix(in srgb,var(--red) 22%,transparent)}.hx-search svg{position: absolute;left: 15px;top: 17px;width: 18px;height: 18px;color: var(--ink-3)}.hx-chips{display: flex;flex-wrap: wrap;gap: 8px}.hx-chip{font: 700 .78rem var(--f-mono);padding: 7px 12px;border-radius: 999px;border: 1.5px solid var(--rule-2);background: var(--card);color: var(--ink-2);cursor: pointer}.hx-chip[aria-pressed="true"]{color: var(--bg);background: var(--ink);border-color: var(--ink)}.hx-chip .dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 6px;background: var(--c)}.hx-count{font: .8rem var(--f-mono);color: var(--ink-3);margin: 0}.hx-grid{list-style: none;padding: 0 !important;margin: 0;display: grid;gap: 8px}.hx-grid>li{margin: 0 !important}.hx-card{--c: var(--ink-3);border: 1px solid var(--rule);border-left: 5px solid var(--c);border-radius: 10px;background: var(--card)}.hx-card.c1{--c: #6b7bd6}.hx-card.c2{--c: #17a35c}.hx-card.c3{--c: #0b8fb0}.hx-card.c4{--c: #e08a00}.hx-card.c5{--c: #e0352a}.hx-chip.c1{--c: #6b7bd6}.hx-chip.c2{--c: #17a35c}.hx-chip.c3{--c: #0b8fb0}.hx-chip.c4{--c: #e08a00}.hx-chip.c5{--c: #e0352a}.hx-card summary{list-style: none;cursor: pointer;display: grid;grid-template-columns: 4.2em minmax(0,1fr) auto;gap: 2px 14px;align-items: baseline;padding: 11px 14px}.hx-card summary::-webkit-details-marker{display: none}.hx-card summary::after{content: "+";font: 400 1.3rem/1 var(--f-mono);color: var(--ink-3);grid-row: 1;grid-column: 3}.hx-card details[open] summary::after{content: "\2212";color: var(--red)}.hx-code{font: 800 1.3rem/1 var(--f-mono);color: var(--c);grid-row: 1 / span 2;align-self: center}.hx-name{font: 700 1.04rem/1.3 var(--f-ui);color: var(--ink)}.hx-one{font: .9rem/1.4 var(--f-ui);color: var(--ink-2);grid-column: 2 / span 2}.hx-body{padding: 0 14px 14px calc(4.2em + 28px);font: .95rem/1.55 var(--f-ui);color: var(--ink-2)}@media (max-width: 560px){.hx-body{padding-left: 14px}}.hx-body p{margin: 0 0 8px}.hx-body b{color: var(--ink)}.hx-tip{background: var(--green-soft);border-radius: 8px;padding: 10px 12px}.hx-curl{position: relative;margin-top: 10px}.hx-curl pre{margin: 0;padding: 12px 70px 12px 14px;font-size: .8rem}.hx-empty{padding: 18px;border: 1px dashed var(--rule-2);border-radius: 10px;font: .95rem var(--f-ui);color: var(--ink-2)}.mf{margin: 8px 0 40px}.mf-stage{position: relative;height: 330px;max-width: 560px;margin: 0 auto;touch-action: pan-y}.mf-card{position: absolute;inset: 0;border-radius: 20px;background: var(--card);border: 1px solid var(--rule-2);box-shadow: var(--shadow);padding: 28px 26px 22px;display: flex;flex-direction: column;user-select: none;will-change: transform}.mf-card:nth-last-child(2){transform: translateY(10px) scale(.97)}.mf-card:nth-last-child(3){transform: translateY(20px) scale(.94)}.mf-card:nth-last-child(n+4){visibility: hidden}.mf-card .mf-n{font: 600 .74rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--ink-3)}.mf-card .mf-claim{font: 700 clamp(1.45rem,4.4vw,2rem)/1.2 var(--f-display);margin: 18px 0 auto;letter-spacing: -.01em}.mf-card .mf-hint{font: .82rem var(--f-mono);color: var(--ink-3);display: flex;justify-content: space-between}.mf-stamp{position: absolute;top: 24px;right: 22px;font: 800 1.3rem/1 var(--f-mono);letter-spacing: .1em;padding: 6px 10px;border: 3px solid currentColor;border-radius: 8px;transform: rotate(8deg);opacity: 0}.mf-stamp.myth{color: var(--red)}.mf-stamp.fact{color: var(--green);left: 22px;right: auto;transform: rotate(-8deg)}.mf-controls{display: flex;justify-content: center;gap: 14px;margin: 26px 0 0;flex-wrap: wrap}.mf-result{max-width: 560px;margin: 18px auto 0;min-height: 7.5em;font: .98rem/1.55 var(--f-ui)}.mf-result .v{font: 800 .8rem var(--f-mono);letter-spacing: .1em;text-transform: uppercase}.mf-result .v.ok{color: var(--green)}.mf-result .v.no{color: var(--red-ink)}.mf-score{text-align: center;font: 600 .82rem var(--f-mono);color: var(--ink-3);margin: 0 0 14px}.mf-list{list-style: none;padding: 0;margin: 0;display: grid;gap: 10px}@media (min-width: 760px){.mf-list{grid-template-columns: 1fr 1fr}}.mf-list li{border: 1px solid var(--rule);border-radius: 12px;background: var(--card);padding: 14px 16px;font: .95rem/1.5 var(--f-ui)}.mf-list .mf-claim{font: 700 1.08rem/1.3 var(--f-display);display: block;margin-bottom: 6px}.mf-list summary{cursor: pointer;font: 700 .76rem var(--f-mono);color: var(--red-ink)}.verdict{font: 800 .72rem var(--f-mono);letter-spacing: .1em;padding: 2px 7px;border-radius: 4px}.verdict.myth{color: #fff;background: var(--red-ink)}.verdict.fact{color: #fff;background: var(--green)}:root[data-theme="dark"] .verdict{color: #070b18}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .verdict{color: #070b18}}.pal{position: fixed;inset: 0;z-index: 90;display: none;align-items: flex-start;justify-content: center;padding: 10vh 16px 16px;background: rgba(5,8,22,.55);backdrop-filter: blur(4px)}.pal.open{display: flex}.pal-box{width: 100%;max-width: 640px;border-radius: 16px;background: var(--card);border: 1px solid var(--rule-2);box-shadow: 0 40px 80px -30px rgba(0,0,0,.6);overflow: hidden}.pal-in{display: flex;align-items: center;gap: 10px;padding: 0 16px;border-bottom: 1px solid var(--rule)}.pal-in svg{width: 18px;height: 18px;color: var(--red);flex: none}.pal-in input{flex: 1;height: 58px;border: 0;background: transparent;color: var(--ink);font: 600 1.05rem var(--f-mono);outline: none;min-width: 0}.pal-in kbd{font-size: .7rem}.pal-list{list-style: none;margin: 0;padding: 6px;max-height: min(60vh,460px);overflow: auto}.pal-list li a{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 2px 12px;padding: 10px 12px;border-radius: 10px;text-decoration: none}.pal-list li[aria-selected="true"] a{background: var(--bg-2);box-shadow: inset 3px 0 0 var(--red)}.pal-list .k{font: 700 .66rem var(--f-mono);letter-spacing: .06em;text-transform: uppercase;color: var(--red-ink);grid-row: 1 / span 2;padding-top: 4px;min-width: 5.6em}.pal-list .t{font: 650 .98rem/1.3 var(--f-ui);color: var(--ink)}.pal-list .s{font: .82rem/1.35 var(--f-ui);color: var(--ink-3);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.pal-list mark{background: none;color: var(--red-ink);padding: 0;text-decoration: underline;text-decoration-color: var(--red)}.pal-foot{display: flex;gap: 14px;padding: 9px 16px;border-top: 1px solid var(--rule);font: .72rem var(--f-mono);color: var(--ink-3);flex-wrap: wrap}.pal-empty{padding: 22px 16px;font: .95rem var(--f-ui);color: var(--ink-2)}.ink-mark{position: absolute;z-index: 80;width: 46px;height: 46px;margin: -23px 0 0 -23px;pointer-events: none;color: var(--red)}.ink-mark path{fill: none;stroke: currentColor;stroke-width: 3.2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1;stroke-dashoffset: 1;animation: draw .3s ease-out forwards,inkfade 1.6s .5s ease-in forwards}.ink-mark text{font: italic 700 15px var(--f-display);fill: currentColor;animation: inkfade 1.6s .5s ease-in forwards}@keyframes inkfade{to{opacity: 0}}@media (pointer: fine){html.fx body{cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M3 23l2.2-6.6L18.6 3l4.4 4.4L9.6 20.8z' fill='%23c3241b' stroke='%23fff' stroke-width='1.4'/%3E%3Cpath d='M3 23l2.2-6.6 4.4 4.4z' fill='%230e1530'/%3E%3C/svg%3E") 2 24,auto}html.fx a,html.fx button,html.fx summary,html.fx [role="button"]{cursor: pointer}html.fx input,html.fx textarea{cursor: text}}.bsod{position: fixed;inset: 0;z-index: 100;background: #0a3fa8;color: #fff;display: flex;align-items: center;justify-content: center;padding: 24px;font: 1.15rem/1.6 var(--f-mono)}.bsod-in{max-width: 720px}.bsod .face{font: 400 clamp(5rem,16vw,9rem)/1 var(--f-ui);margin: 0 0 24px}.bsod p{margin: 0 0 18px}.bsod small{color: #c8d6ff;font-size: .85rem}.bsod .pct{font-weight: 700}.e404{padding: 48px 0 40px}.e404-title{font-size: clamp(2.4rem,8vw,5rem)}.e404-title ins{color: var(--red);text-decoration-color: var(--red)}.e404 .wr{max-width: 40rem;margin: 26px 0}.e404-grid{display: grid;gap: 32px}@media (min-width: 960px){.e404-grid{grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: start}}.e404-links{font: 1.02rem/1.6 var(--f-ui);padding-left: 1.2em}.e404-links li::marker{color: var(--red)}.suggest{margin: 18px 0;padding: 14px 16px;border-radius: 12px;border: 1.5px dashed var(--red);font: 1rem/1.5 var(--f-ui)}.bugfield{position: relative;height: 300px;border-radius: 12px;border: 1px solid #1a2342;background: radial-gradient(circle at 50% 40%,#0f1a3a,#050816);overflow: hidden}.bug{position: absolute;width: 52px;height: 52px;border-radius: 12px;border: 0;background: transparent;color: #ff5b4f;font: 800 .9rem var(--f-mono);cursor: pointer;display: grid;place-items: center}.bug svg{width: 40px;height: 40px}.bug.squashed{color: #45f29a;pointer-events: none}.teapot-stage{display: grid;place-items: center;padding: 20px 0}.teapot{width: min(320px,80vw);height: auto;color: var(--ink)}.teapot .steam path{fill: none;stroke: var(--ink-3);stroke-width: 4;stroke-linecap: round;opacity: .7}html.fx .teapot .steam path{animation: steam 3s ease-in-out infinite}html.fx .teapot .steam path:nth-child(2){animation-delay: 1s}html.fx .teapot .steam path:nth-child(3){animation-delay: 2s}@keyframes steam{0%{transform: translateY(8px);opacity: 0}40%{opacity: .7}100%{transform: translateY(-18px);opacity: 0}}html.fx .teapot .body{transform-origin: 50% 90%;animation: tilt 4s ease-in-out infinite}@keyframes tilt{0%,60%,100%{transform: rotate(0)}75%{transform: rotate(-10deg)}85%{transform: rotate(-10deg)}}.http-line{font: 700 clamp(1.2rem,3.6vw,1.8rem) var(--f-mono);color: var(--red-ink)}.site-footer{margin-top: 80px;border-top: 2px solid var(--ink);background: var(--bg-2);padding: 44px 0 28px;font: .92rem/1.5 var(--f-ui);position: relative}.fgrid{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}@media (min-width: 900px){.fgrid{grid-template-columns: repeat(5,1fr)}}.fhead{font: 600 .76rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;margin: 0 0 10px}.fhead a{text-decoration: none;color: var(--red-ink)}.fcol ul{list-style: none;padding: 0;margin: 0}.fcol li{margin: 0 0 6px}.fcol a{text-decoration: none;color: var(--ink-2)}.fcol a:hover{color: var(--ink);text-decoration: underline}.fbottom{margin-top: 32px;padding-top: 20px;border-top: 1px solid var(--rule-2);display: grid;gap: 8px;color: var(--ink-2)}.fbottom p{margin: 0}.fbrand{display: flex;gap: 10px;align-items: center}.fbrand .logo-mark{width: 24px;height: 24px}.network a{font-weight: 600;text-decoration-color: var(--green)}.egg{font: .78rem var(--f-mono);color: var(--ink-3)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important}}@media print{.site-header,.site-footer,.toc,.related,.corrections,.skip,.progress,.js-only{display: none !important}body{background: #fff;color: #000}pre{white-space: pre-wrap}}.spot-demo{opacity: .9;min-height: 0;margin-bottom: 18px}.spot-demo .hitx{position: relative;color: #ff8a80;padding: 0 .14em}.spot-demo .hitx::after{content: "";position: absolute;left: -2%;right: -2%;top: 52%;height: .09em;background: #ff5b4f;border-radius: 3px;transform-origin: 0 50%}html.fx .spot-demo .hitx::after{animation: pen .5s .6s ease-out both}html.fx .spot-demo .fix{animation: write .5s 1.1s ease-out both;clip-path: inset(0 100% 0 0)}.console kbd{background: #111a35;color: #b5bbd0;border-color: #2a3560}.mf-card{background-color: var(--card);background-image: linear-gradient(90deg,transparent 54px,var(--margin-line) 54px 56px,transparent 56px),repeating-linear-gradient(to bottom,transparent 0 31px,var(--lines) 31px 32px);padding-left: 76px;overflow: hidden}.mf-card::after{content: "?";position: absolute;right: 18px;bottom: -40px;font: 800 13rem/1 var(--f-display);color: var(--red);opacity: .07;pointer-events: none}@media (max-width: 640px){[data-quiz] .big-q{font-size: 1.22rem}.opt{padding: 11px 14px;font-size: .95rem}.console-bar .stat{margin-left: 0;width: 100%;justify-content: space-between}.spot-sentence{font-size: 1.45rem}}