:root{--bg: #f6f2ea;--bg-2: #efe9dd;--fg: #1c1a17;--muted: #6d675d;--line: #e2dbcd;--pane: #fffdf9;--accent: #d9542b;--accent-2: #f0a04b;--accent-fg: #fff7f2;--accent-text: #b8431f;--primary: #c2461f;--ink: #23324f;--code: #f1ebe0;--danger: #b4342c;--glow: #2f5fd6;--radius: 14px;--column: 1440px;--nav-height: 65px;--shadow: 0 1px 2px rgba(30, 20, 5, .06), 0 12px 32px -16px rgba(30, 20, 5, .25);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Fraunces", "Iowan Old Style", Georgia, serif;--mono: "Google Sans Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #15130f;--bg-2: #1c1914;--fg: #efe9dd;--muted: #a39c8e;--line: #2e2a23;--pane: #1e1b16;--accent: #ff7a4d;--accent-2: #ffb46b;--accent-fg: #2a1208;--accent-text: #ff7a4d;--primary: #ff7a4d;--ink: #c9d5f2;--code: #27231c;--danger: #ff7b72;--glow: #8fb0ff;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -16px rgba(0, 0, 0, .7)}}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;color:var(--fg);font:16px/1.6 var(--font);background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 60%),radial-gradient(900px 500px at 100% 0%,color-mix(in srgb,var(--glow) 14%,transparent),transparent 55%),var(--bg);background-attachment:fixed}button,select{font:inherit}code,pre,kbd,samp{font-family:var(--mono)}a{color:var(--accent-text)}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0 0 12px}h1{font-size:clamp(2.2rem,5.5vw,4rem);font-variation-settings:"SOFT" 50}h1 em{display:inline-block;margin-left:-.06em;font-style:italic;font-weight:400;color:var(--accent)}h2{font-size:clamp(1.4rem,2.6vw,2rem)}h3{font:600 1.05rem/1.3 var(--font);margin:0 0 4px}.muted{color:var(--muted)}.small{font-size:.9rem}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(20px,calc((100% - var(--column)) / 2 + 20px));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wordmark{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--fg);font-family:var(--display);font-weight:600;font-size:1.1rem;padding:6px 4px 6px 0;cursor:pointer;white-space:nowrap}.wordmark .dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.nav-items{display:flex;gap:4px;margin-left:auto;min-width:0;overflow-x:auto;scrollbar-width:none}.nav-item{border:0;background:none;color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}.nav-item:hover{color:var(--fg);background:var(--bg-2)}.nav-item.active{color:var(--fg);background:var(--pane);box-shadow:inset 0 0 0 1px var(--line)}.nav-icon{display:inline-flex;padding:6px;border-radius:999px;color:var(--muted)}.nav-icon:hover{color:var(--fg)}.nav-cta{padding:8px 16px;white-space:nowrap;box-shadow:none}@media(max-width:600px){.wordmark{font-size:0;gap:0}.nav{gap:4px}.nav-items{gap:0}.nav-item{padding:8px 6px}.nav-cta{padding:8px 12px}}.page{max-width:var(--column);margin:0 auto;padding:24px 20px 120px}.page.narrow{padding-top:56px}.page.narrow>*{max-width:780px}.page.narrow h1{font-size:clamp(1.8rem,3.2vw,2.5rem)}.section{margin-top:72px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero{margin-top:48px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;color:var(--accent-text);margin:0 0 16px}.lead{font-size:1.15rem;max-width:62ch;color:color-mix(in srgb,var(--fg) 85%,var(--muted))}button{border:1px solid var(--line);background:var(--pane);color:var(--fg);border-radius:999px;padding:10px 18px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease}button:hover{border-color:var(--muted)}button:active{transform:translateY(1px)}button.primary{background:var(--primary);color:var(--accent-fg);border-color:transparent;font-weight:600;box-shadow:var(--shadow)}button.primary:hover{filter:brightness(.95)}button.big{padding:14px 24px;font-size:1.05rem}button.link{border:0;background:none;color:var(--accent-text);padding:10px 8px}button.link:hover{text-decoration:underline}button.danger{color:var(--danger)}.chip{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap;color:var(--muted);border:1px solid var(--line)}.style-group{margin-top:48px}.style-entry{margin-top:24px}.style-entry p{margin:0}.style-group>p{margin:0}.style-variant{margin-top:12px;padding-left:16px;border-left:2px solid var(--line)}.style-variant h4{font:600 .95rem/1.3 var(--font);margin:0 0 2px}.prompt{margin:16px 0 20px;width:100%;min-width:0;padding:16px 20px;font:400 1rem/1.6 var(--mono);background:color-mix(in srgb,var(--bg-2) 70%,var(--line));border:1px solid var(--line);border-radius:10px}.prompt-label{display:block;margin-bottom:8px;font:600 .75rem/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.prompt-line{display:grid;grid-template-columns:1ch minmax(0,1fr);gap:12px}.prompt-marker{color:var(--accent-text);font-weight:600;-webkit-user-select:none;user-select:none}.prompt-text{max-width:calc(75ch + .85em);padding-right:.85em;white-space:pre-wrap;overflow-wrap:anywhere}.prompt-cursor{display:inline-block;position:relative;width:0;height:1.1em;vertical-align:-.15em;animation:prompt-blink 1.2s step-end infinite}.prompt-cursor:after{content:"";position:absolute;left:.2em;width:.65em;height:100%;background:var(--accent-text)}@keyframes prompt-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.prompt-cursor{animation:none}}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:8px 0 16px}.bar .prompt{margin:0;flex:1 1 40ch}.how{flex-basis:100%;min-width:0}.how summary{cursor:pointer;width:fit-content}.how ol{max-width:62ch;margin:8px 0 0;padding-left:1.4em}.how li{margin:4px 0}.bar.sticky{position:fixed;left:0;right:0;bottom:0;justify-content:center;padding:14px 16px;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}@media(max-width:600px){.bar.sticky{gap:6px 8px;padding:10px 12px}.bar.sticky button{flex:1;padding:10px 6px;font-size:.85rem;white-space:nowrap}.bar.sticky .link{flex-basis:100%;padding:4px 0}}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:900px){.pair{grid-template-columns:1fr}}.pane{background:var(--pane);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:16px;min-width:0;box-shadow:var(--shadow)}.pane-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:baseline;font-family:var(--display);font-weight:600;font-size:1.15rem;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.pane-head .muted{font-family:var(--font);font-size:.85rem;font-weight:400}.md{overflow-wrap:anywhere}.md>:first-child{margin-top:0}.md h1,.md h2,.md h3{font-family:var(--font);font-size:1.02rem;font-weight:600;margin:1.2em 0 .4em;line-height:1.4}.md p,.md ul,.md ol{margin:.6em 0}.md pre{background:var(--code);border-radius:10px;padding:10px 12px;overflow-x:auto;font:.84rem/1.45 var(--mono)}.md code{font:.9em var(--mono);background:var(--code);padding:1px 5px;border-radius:5px}.md pre code{font:inherit;background:none;padding:0}.md .insight-title{display:flex;align-items:center;gap:12px;margin:1.2em 0 .4em;font-weight:600;color:var(--accent-text)}.md .insight-title:after{content:"";flex:1;border-top:1px solid var(--line)}.md table{border-collapse:collapse;font-size:.9rem}.md th,.md td{border:1px solid var(--line);padding:4px 8px;text-align:left}.md blockquote{margin:.6em 0;padding-left:12px;border-left:3px solid var(--line);color:var(--muted)}.ranking{list-style:none;padding:0;margin:16px 0}.ranking-head{display:grid;grid-template-columns:2.2rem 1fr 4.5rem 8rem 3.5rem;gap:12px;align-items:center;padding:0 16px 6px;font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.ranking-head .record,.ranking-head .score{text-align:right}.ranking-head+.ranking{margin-top:8px}.scope{margin:20px 0 24px}.scope-prompt{margin:10px 0 0;max-width:70ch}.ranking li{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;background:var(--pane);overflow:hidden;box-shadow:var(--shadow)}.ranking li:first-child{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.ranking .row{display:grid;grid-template-columns:2.2rem 1fr 4.5rem 8rem 3.5rem;gap:12px;align-items:center;width:100%;border:0;border-radius:0;background:none;text-align:left;padding:14px 16px;box-shadow:none}@media(max-width:600px){.ranking-head,.ranking .row{grid-template-columns:2.2rem 1fr 4.5rem 3.5rem}.ranking .bar-wrap,.ranking-head .bar-col{display:none}}.ranking .rank{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--muted);font-variant-numeric:tabular-nums}.ranking li:first-child .rank{color:var(--accent)}.ranking .name{font-weight:600}.ranking .kind{font-weight:400;color:var(--muted);font-size:.82rem;margin-left:6px}.ranking .record,.ranking .score{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.bar-wrap{height:8px;background:var(--code);border-radius:4px;overflow:hidden}.bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.detail{padding:0 16px 16px 62px}.detail pre{background:var(--code);border-radius:10px;padding:10px 12px;overflow-x:auto;font:.85rem/1.45 var(--mono)}@media(max-width:600px){.detail{padding-left:16px}}select{padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--pane);color:var(--fg);max-width:100%}.project-line{margin:0 0 12px}.tabs select{margin-right:6px}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0}.tab{border:1px solid var(--line);background:var(--pane);color:var(--muted);border-radius:999px;padding:8px 16px}.tab.active{color:var(--fg);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.column{display:flex;flex-direction:column;min-width:0}.chip-tab{border:1px solid var(--line);background:var(--pane);color:var(--fg);border-radius:999px;padding:6px 12px;font-size:.9rem}.chip-tab.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.browse{padding-bottom:24px}.browse-pair{align-items:stretch}.scroll-pane{display:flex;flex-direction:column;margin-bottom:0}.scroll-pane .pane-head{border-bottom:0;padding-bottom:4px;margin-bottom:2px}@media(min-width:901px){.browse{display:flex;flex-direction:column;height:calc(100vh - var(--nav-height))}.browse-pair{flex:1;min-height:320px;grid-template-rows:minmax(0,1fr)}.scroll-pane{flex:1;min-height:0;overflow-y:auto}.scroll-pane .pane-head{position:sticky;top:-24px;background:var(--pane);z-index:1;padding-top:4px}.pane-info{display:flex;flex-direction:column;min-height:calc(4.5em + 27px)}.pane-info>div{margin-top:auto}}.pane-info,.sample-meta{line-height:1.5;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.sample-meta{margin-top:24px}.pane-summary{margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.how-list{padding-left:1.2em}.how-list li{margin:10px 0}.how-list code{font:.9em var(--mono);background:var(--code);padding:1px 5px;border-radius:5px}.pager{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:400}.arrow{border:1px solid var(--line);background:var(--pane);border-radius:999px;width:34px;height:34px;padding:0;display:inline-grid;place-items:center}.arrow:hover{border-color:var(--accent);color:var(--accent)}button.link.small{padding:4px 6px}.vote-nav{position:sticky;top:var(--nav-height);z-index:8;display:flex;align-items:stretch;width:fit-content;margin:0 auto 20px;padding:4px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}.vote-nav button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;box-shadow:none;border-radius:0;padding:10px 20px;color:var(--muted);white-space:nowrap}.vote-nav .vote-a{border-radius:999px 0 0 999px}.vote-nav .vote-b{border-radius:0 999px 999px 0}.vote-nav button:hover{background:var(--bg-2);color:var(--fg)}.vote-nav .vote-a,.vote-nav .vote-b{color:var(--accent-text);font-weight:600}.vote-nav .vote-a:hover,.vote-nav .vote-b:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-text)}.vote-nav .vote-a:before{content:"←"}.vote-nav .vote-b:after{content:"→"}.vote-nav .vote-tie{border-left:1px solid var(--line);border-right:1px solid var(--line)}.compare-pair .pane-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.compare-pair .pane-label{grid-column:1;justify-self:start}.compare-pair .pane-meta{grid-column:2;justify-self:center;text-align:center;font-family:var(--font);font-size:.76rem;font-weight:400;color:var(--muted)}@media(max-width:900px){.vote-nav{position:fixed;inset:auto 0 0;width:auto;margin:0;z-index:9;padding:10px 12px;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:none}.vote-nav button{flex:1;justify-content:center;padding:10px 8px;font-size:.85rem}.bar.sticky{bottom:61px}.page.compare{padding-bottom:168px}}