:root{--bg:#0b0a0e;--bg-2:#100f14;--surface:#17161d;--surface-2:#1d1c23;--border:#ffffff1a;--border-strong:#fff3;--text:#f4f3f8;--muted:#c3c1cc;--faint:#8f8d9a;--accent:#c9b8ff;--accent-2:#ffc9a3;--accent-soft:#c9b8ff1f;--ok:#8be3b0;--warn:#f5cf7a;--bad:#f7a1ad;--radius:16px;--radius-sm:10px;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--shadow:0 1px 0 #ffffff0a inset, 0 20px 50px -20px #000000b3;--topbar-h:114px;color-scheme:dark;--cat-vanilla:#9cc3ff;--cat-snake:#8be3b0;--cat-breakout:#f7a1ad;--cat-threejs:#c9b8ff;--cat-svg:#ffc9a3;--cat-css:#8fe3ec}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{color:var(--text);font:16px/1.6 var(--sans);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 500px at 70% -120px, #c9b8ff17, transparent 70%), radial-gradient(800px 400px at 0% -80px, #ffc9a30d, transparent 70%), var(--bg);background-repeat:no-repeat;margin:0;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:#fff}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.15}code,pre,.mono{font-family:var(--mono)}::selection{background:#c9b8ff4d}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.display{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.display em{color:var(--accent);font-style:italic}.skip{z-index:100;background:var(--accent);color:var(--bg);border-radius:8px;padding:6px 10px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.topbar{z-index:30;backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--border);background:#0b0a0ebf;position:sticky;top:0}.topbar-row{height:60px;padding:0 var(--gutter);align-items:center;gap:16px;display:flex}.logo{color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.logo:hover{color:var(--text)}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#1a1424;width:28px;height:28px;font:700 14px/1 var(--sans);border-radius:9px;place-items:center;display:grid}.logo-text{font-family:var(--serif);letter-spacing:-.01em;font-size:24px}.models-menu{flex-shrink:0;position:relative}.models-menu summary{cursor:pointer;height:40px;color:var(--text);border:1px solid var(--border-strong);background:#ffffff0d;border-radius:99px;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:500;list-style:none;transition:background .15s,border-color .15s;display:flex}.models-menu summary::-webkit-details-marker{display:none}.models-menu summary:hover,.models-menu[open] summary{color:#fff;background:#ffffff1a}.models-menu summary.active{background:var(--accent-soft);border-color:#c9b8ff80}.models-menu .count{color:var(--faint);background:#ffffff0f;border-radius:99px;padding:1px 7px;font-size:12px}.models-menu svg{transition:transform .15s}.models-menu[open] svg{transform:rotate(180deg)}.models-panel{z-index:40;backdrop-filter:blur(16px);border:1px solid var(--border-strong);background:#16151bf7;border-radius:18px;width:300px;max-height:70vh;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 30px 80px -10px #000c}.models-panel a{color:var(--text);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;font-size:14px;display:flex}.models-panel a:hover,.models-panel a.on{color:#fff;background:#ffffff0f}.m-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-provider{color:var(--faint);white-space:nowrap;font-size:13px}.tabs{padding:2px var(--gutter) 14px;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;height:38px;color:var(--text);border:1px solid var(--border);background:#ffffff0d;border-radius:99px;flex-shrink:0;align-items:center;gap:9px;padding:0 16px;font-size:14.5px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tab:hover{color:#fff;border-color:var(--border-strong);background:#ffffff17}.tab .dot{background:var(--c);border-radius:50%;width:8px;height:8px}.tab.on{color:#fff;background:color-mix(in srgb, var(--c,var(--accent)) 22%, transparent);border-color:color-mix(in srgb, var(--c,var(--accent)) 60%, transparent);box-shadow:0 0 20px -6px var(--c,var(--accent))}.tab.on .dot{box-shadow:0 0 8px var(--c)}:root{--gutter:clamp(16px, 3vw, 48px)}.content{padding:0 var(--gutter)}.content main,.footer{max-width:1360px;margin:0 auto}.content.wide main,.content.wide .footer{max-width:none}.content.wide .page-head,.content.wide .prompt-block,.content.wide .crumbs{max-width:1360px}.crumbs{color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px;padding-top:28px;font-size:13px;display:flex}.crumbs a{color:var(--muted)}.crumbs a:hover{color:#fff}.crumbs .sep{color:var(--faint);opacity:.6}.crumbs [aria-current]{color:var(--text)}.footer{color:var(--faint);border-top:1px solid var(--border);padding:40px 0 48px;font-size:13px;margin-top:96px!important}@media (width<=640px){.logo-text{display:none}.topbar-row{gap:10px}.models-menu summary{padding:0 12px}.models-menu .count{display:none}.models-panel{width:auto;position:fixed;top:64px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.lvl{font:500 12px/1 var(--sans);white-space:nowrap;color:var(--muted);background:#ffffff0d;border-radius:99px;align-items:center;padding:4px 8px;display:inline-flex}.lvl.oneline{color:var(--accent-2);background:#ffc9a31a}.search-btn{height:40px;font:500 14.5px var(--sans);color:var(--text);cursor:pointer;border:1px solid var(--border-strong);background:#ffffff0d;border-radius:99px;align-items:center;gap:10px;margin-left:auto;padding:0 10px 0 14px;transition:background .15s,border-color .15s;display:inline-flex}.search-btn:hover{background:#ffffff1a}.search-btn svg{color:var(--muted)}.search-btn kbd,.sd-foot kbd,.sd-close{font:500 12px/1 var(--sans);color:var(--muted);border:1px solid var(--border);background:#ffffff14;border-radius:6px;padding:4px 7px}@media (width<=640px){.search-btn-label,.search-btn kbd{display:none}.search-btn{padding:0 12px}}.search-dialog{width:min(680px,100vw - 24px);max-height:none;color:var(--text);background:0 0;border:0;margin:12vh auto 0;padding:0;overflow:visible}.search-dialog::backdrop{backdrop-filter:blur(6px);background:#060509b3}.search-dialog[open] .sd-box{animation:.16s ease-out sd-in}@keyframes sd-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.sd-box{border:1px solid var(--border-strong);background:#17161dfa;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(70vh,640px);display:grid;overflow:hidden;box-shadow:0 40px 100px -20px #000000e6,0 0 0 1px #c9b8ff0f}.sd-field{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 16px 0 20px;display:flex}.sd-field svg{color:var(--muted);flex-shrink:0}.sd-field input{min-width:0;height:62px;font:18px var(--sans);color:var(--text);background:0 0;border:0;outline:none;flex:1}.sd-field input::placeholder{color:var(--faint)}.sd-field input::-webkit-search-cancel-button{display:none}.sd-close{cursor:pointer}.sd-close:hover{color:var(--text)}.sd-results{padding:8px;overflow-y:auto}.sd-foot{border-top:1px solid var(--border);color:var(--faint);flex-wrap:wrap;gap:18px;padding:10px 18px;font-size:13px;display:flex}.sd-foot span{align-items:center;gap:5px;display:inline-flex}.sd-foot span:last-child{margin-left:auto}@media (width<=640px){.search-dialog{margin-top:12px}.sd-foot{display:none}}@media (prefers-reduced-motion:reduce){.search-dialog[open] .sd-box{animation:none}}.sr-group+.sr-group{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.sr-head{color:var(--faint);justify-content:space-between;padding:6px 10px 4px;font-size:13px;font-weight:500;display:flex}.sr-item{color:var(--text);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:8px 10px;display:grid}.sr-item:hover,.sr-item.on{color:var(--text);background:#ffffff0f}.sr-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sr-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:13px;overflow:hidden}.sr-badge{color:var(--muted);grid-area:1/2/span 2;align-self:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sr-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.sr-badge.clean{color:var(--ok)}.sr-badge.errors{color:var(--warn)}.sr-badge.no-code{color:var(--bad)}.sr-empty{color:var(--muted);padding:16px 12px;font-size:14px}.eyebrow{color:var(--muted);font-size:13px;font-weight:500}.page-head{gap:12px;padding:28px 0;display:grid}.page-head h1{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(40px,5.4vw,68px);font-weight:400;line-height:1}.lead{color:var(--muted);max-width:70ch;margin:0;font-size:16px}.section-title{font-family:var(--serif);letter-spacing:-.01em;margin:56px 0 18px;font-size:32px;font-weight:400}.status{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:13.5px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.status.bad{color:var(--bad)}.status.neutral{color:var(--muted)}.status.neutral:before{background:var(--faint)}.badge{color:var(--muted);white-space:nowrap;background:#ffffff0d;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;display:inline-flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.prompt-block{gap:12px;display:grid}.prompt-quote{white-space:pre-wrap;word-break:break-word;color:#dcdae4;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#ffffff09,#ffffff04);max-height:380px;margin:0;padding:22px 26px;font-size:15px;line-height:1.7;position:relative;overflow:auto}.prompt-label{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.prompt-text{white-space:pre-wrap;word-break:break-word;font:13.5px/1.65 var(--mono);color:var(--muted);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:360px;margin:0;padding:16px 20px;overflow:auto}details.system>summary{cursor:pointer;color:var(--muted);background:#ffffff0a;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;list-style:none;transition:background .15s;display:inline-flex}details.system>summary::-webkit-details-marker{display:none}details.system>summary:before{content:"+";text-align:center;width:10px;font-size:14px;line-height:1}details.system[open]>summary:before{content:"−"}details.system>summary:hover{color:var(--text);background:#ffffff12}details.system .prompt-text{margin-top:12px}.metrics{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.metric dt{color:var(--muted);font-size:13.5px}.metric dd{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:22px;font-weight:500}.metric dd small{color:var(--faint);font-size:13px;font-weight:400}.btn{cursor:pointer;font:500 13px var(--sans);color:var(--text);border:1px solid var(--border);background:#ffffff0f;border-radius:99px;align-items:center;gap:7px;padding:8px 15px;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{color:#fff;background:#ffffff1a}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#1a1424;border:0}.seg{background:#ffffff0a;border-radius:99px;flex-wrap:wrap;gap:4px;padding:3px;display:inline-flex}.seg a,.seg button{font:500 13.5px var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:5px 12px;transition:background .15s,color .15s}.seg a:hover,.seg button:hover{color:#fff}.seg .on,.seg [aria-selected=true],.seg [aria-checked=true],.seg [aria-pressed=true]{color:#fff;background:#ffffff1f}@view-transition{navigation:auto}.topbar{view-transition-name:topbar}::view-transition-group(*){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation:.18s both vt-fade-out}::view-transition-new(root){animation:.28s both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}