:root{--cp-yellow:#f9e231;--cp-ink:#1a1a18;--cp-void:#111110;--cp-card:#232320;--cp-card-2:#2e2e2a;--cp-hairline:#3a3a35;--cp-offwhite:#ECEAE1;--cp-muted:#A4A299;--cp-paper:#FAF8F1;--cp-cyan:#3fd0e0;--cp-success:#6fcf97;--cp-error:#eb5757;--cp-font-head:'Space Grotesk',system-ui,sans-serif;--cp-font-body:'Inter',system-ui,sans-serif;--cp-font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;--cp-max:1180px;--cp-max-narrow:760px;--cp-pad:clamp(1.25rem,4vw,3rem);--cp-panel-y:clamp(4rem,9vw,8rem);--cp-radius:14px;--cp-radius-sm:9px}.cp-skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--cp-yellow);color:var(--cp-ink);padding:0.75rem 1.25rem;font-weight:700;border-radius:0 0 var(--cp-radius-sm) 0}.cp-skip-link:focus{left:0}.cp-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@font-face{font-family:'Space Grotesk';src:url('/design/fonts/space-grotesk-variable.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('/design/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('/design/fonts/jetbrains-mono-variable.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}:root,[data-theme=light]{--cp-bg:var(--cp-paper);--cp-surface:#fffdf7;--cp-text:var(--cp-ink);--cp-text-muted:#5b5a54;--cp-heading:var(--cp-ink);--cp-kicker-text:#5b5a54;--cp-border:#e3ddcc;--cp-bar-bg:rgba(250,248,241,0.88);--cp-shadow:0 18px 50px rgba(26,26,24,0.12);--cp-focus:var(--cp-ink);--cp-embed-bg:var(--cp-surface);--cp-bot-bg:#f3efe2;--cp-bot-text:var(--cp-ink);--cp-form-bg:var(--cp-paper);--cp-input-bg:#fffdf7;--cp-input-border:#5b5a54;--cp-input-text:var(--cp-ink);--cp-msg-code-bg:rgba(26,26,24,0.08)}[data-theme=dark]{--cp-bg:var(--cp-void);--cp-surface:var(--cp-ink);--cp-text:var(--cp-offwhite);--cp-text-muted:var(--cp-muted);--cp-heading:var(--cp-offwhite);--cp-kicker-text:var(--cp-yellow);--cp-border:var(--cp-hairline);--cp-bar-bg:rgba(17,17,16,0.85);--cp-shadow:0 18px 50px rgba(0,0,0,0.45);--cp-focus:var(--cp-cyan);--cp-embed-bg:var(--cp-card);--cp-bot-bg:var(--cp-card-2);--cp-bot-text:var(--cp-offwhite);--cp-form-bg:var(--cp-void);--cp-input-bg:rgba(255,255,255,0.06);--cp-input-border:var(--cp-muted);--cp-input-text:var(--cp-offwhite);--cp-msg-code-bg:rgba(255,255,255,0.1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--cp-font-body);font-weight:400;line-height:1.6;color:var(--cp-text);background:var(--cp-bg);-webkit-font-smoothing:antialiased}.cp-page{min-height:100vh;display:flex;flex-direction:column}.cp-page main{flex:1 1 auto}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--cp-focus);outline-offset:2px;border-radius:3px}h1{font-family:var(--cp-font-head);font-weight:700;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;letter-spacing:-0.02em;color:var(--cp-heading);margin:0 0 0.9rem}.cp-mono{font-family:var(--cp-font-mono);font-weight:500;letter-spacing:0.02em}.cp-kicker{display:inline-block;font-family:var(--cp-font-mono);font-size:0.74rem;font-weight:600;letter-spacing:0.02em;text-transform:lowercase;color:var(--cp-kicker-text);margin-bottom:0.8rem}.cp-lead{font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.6;color:var(--cp-text-muted);max-width:62ch;margin:0 auto 1.6rem}.cp-topbar{position:sticky;top:0;z-index:100;height:60px;background:var(--cp-bar-bg);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--cp-border)}.cp-topbar__inner{height:100%;display:flex;align-items:center;padding:0 clamp(1rem,3vw,1.75rem)}.cp-logo{display:inline-flex;align-items:center;gap:0.55rem;text-decoration:none}.cp-logo:hover{text-decoration:none}.cp-logo__mark{border-radius:7px;flex:0 0 auto}.cp-logo__word{font-family:var(--cp-font-head);font-weight:700;font-size:1.18rem;letter-spacing:-0.02em;color:var(--cp-heading)}.cp-logo__badge{font-family:var(--cp-font-mono);font-size:0.64rem;font-weight:600;letter-spacing:0.04em;text-transform:lowercase;color:var(--cp-ink);background:var(--cp-yellow);padding:0.15em 0.45em;border-radius:5px}[data-theme=light] #cp-mark-dark{display:none}[data-theme=dark] #cp-mark-light{display:none}.cp-stage{padding:clamp(2.5rem,7vh,4.5rem) var(--cp-pad) clamp(2.5rem,6vh,4rem)}.cp-stage__inner{max-width:640px;margin-inline:auto;text-align:center}.cp-stage__missing{font-family:var(--cp-font-mono);font-size:0.85rem;color:var(--cp-text-muted);max-width:42ch;margin:1.4rem auto 0}.cp-stage__missing code{background:var(--cp-msg-code-bg);padding:0.1em 0.35em;border-radius:5px}#copadre-container.cp-embed{display:flex;flex-direction:column;max-width:560px;width:100%;margin-inline:auto;text-align:left;background:var(--cp-embed-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius);box-shadow:var(--cp-shadow);overflow:hidden}#copadre-container.cp-embed:empty{display:none}.cp-embed .copadre-output{padding:1rem;display:flex;flex-direction:column;gap:0.7rem;height:clamp(320px,50vh,540px);overflow-y:auto}.cp-embed .copadre-msg{font-size:0.92rem;line-height:1.45;padding:0.6rem 0.85rem;border-radius:12px;max-width:85%;overflow-wrap:anywhere}.cp-embed .copadre-msg--bot{background:var(--cp-bot-bg);color:var(--cp-bot-text);border-bottom-left-radius:3px;align-self:flex-start}.cp-embed .copadre-msg--user{background:var(--cp-yellow);color:var(--cp-ink);border-bottom-right-radius:3px;align-self:flex-end}.cp-embed .copadre-msg p{margin:0 0 0.6em}.cp-embed .copadre-msg p:last-child{margin-bottom:0}.cp-embed .copadre-msg a{color:inherit;text-decoration:underline}.cp-embed .copadre-msg ol,.cp-embed .copadre-msg ul{margin:0 0 0.6em;padding-left:1.2em}.cp-embed .copadre-msg li{margin:0.2em 0}.cp-embed .copadre-msg code{font-family:var(--cp-font-mono);font-size:0.85em;padding:0.1em 0.35em;border-radius:5px;background:var(--cp-msg-code-bg)}@media (prefers-reduced-motion:no-preference){.cp-embed .copadre-word{transition:opacity 220ms ease-out}}.cp-embed .copadre-thinking{display:inline-flex;align-items:center;gap:0.3rem}.cp-embed .copadre-dot{width:7px;height:7px;border-radius:50%;background:var(--cp-text-muted);animation:cp-embed-dot 1.2s infinite ease-in-out both}.cp-embed .copadre-dot:nth-child(2){animation-delay:0.18s}.cp-embed .copadre-dot:nth-child(3){animation-delay:0.36s}@keyframes cp-embed-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.cp-embed .copadre-form{display:flex;align-items:center;gap:0.5rem;padding:0.7rem 1rem;border-top:1px solid var(--cp-border);background:var(--cp-form-bg)}.cp-embed .copadre-input{flex:1;min-width:0;padding:0.55rem 0.75rem;font:inherit;font-size:0.92rem;color:var(--cp-input-text);background:var(--cp-input-bg);border:1px solid var(--cp-input-border);border-radius:var(--cp-radius-sm)}.cp-embed .copadre-input::placeholder{color:var(--cp-text-muted)}.cp-embed .copadre-input:focus{outline:2px solid var(--cp-focus);outline-offset:1px;border-color:var(--cp-focus)}[data-theme=dark] .cp-embed .copadre-input:focus{outline-color:var(--cp-yellow);border-color:var(--cp-yellow)}.cp-embed .copadre-submit{position:relative;flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--cp-yellow);cursor:pointer}.cp-embed .copadre-submit:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-60%,-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--cp-ink)}.cp-embed .copadre-submit:hover{filter:brightness(0.95)}.cp-embed .copadre-submit:disabled{opacity:0.6;cursor:default}.cp-foot{border-top:1px solid var(--cp-border);padding:1.6rem var(--cp-pad) 2rem;text-align:center}.cp-foot__line{font-size:0.85rem;color:var(--cp-text-muted);margin:0.25rem 0}.cp-foot__links{font-size:0.9rem;color:var(--cp-text-muted);margin:0 0 0.7rem}.cp-foot__links a{color:var(--cp-text);text-decoration:underline;text-underline-offset:2px}.cp-foot__links a:hover{text-decoration-thickness:2px}