.cp-page{--color-coral:#e8705a;--color-deep-core:#c85252;--color-midnight:#1a1f2e;--color-petal:#fff5f2;--color-blush:#f4b5a8;--color-dusk:#7a6268;--color-charcoal:#2a1f22;--color-slate:#4a3a40;--color-steel:#6b5560;--color-stone:#9b8590;--color-mist:#d4c4cb;--color-fog:#e8dde2;--color-success:#2d9162;--surface-page:#fbfaf9;--surface-canvas:#fff;--surface-dark-elevated:#232a3d;--hairline-soft:#f2e5e0;--hairline-default:#e5d5cf;--hairline-strong:#c8b5ae;--elev-1:0 1px 2px rgba(122,98,104,.06);--elev-2:0 2px 6px rgba(122,98,104,.08),0 1px 2px rgba(122,98,104,.04);--elev-3:0 8px 24px rgba(122,98,104,.12),0 2px 6px rgba(122,98,104,.06);background:#fff;color:var(--color-dusk);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.cp-page h1,.cp-page h2,.cp-page h3,.cp-page h4{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0}.cp-page .cp-serif{font-family:"Instrument Serif",Georgia,Times New Roman,serif!important;font-style:italic;font-weight:400!important}.cp-page .cp-hero-h{font-size:62px!important}.cp-page .cp-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.cp-page a{text-decoration:none}.cp-page .cp-btn-coral:hover{background:var(--color-deep-core)!important;color:#fff}.cp-page .cp-btn-outline-dark:hover{background:var(--color-midnight)!important;color:var(--color-petal)!important}.cp-page .cp-btn-quiet:hover{border-color:var(--color-stone)!important}.cp-page .cp-btn-ghost-dark:hover{background:#ffffff14!important}.cp-page .cp-card-hover{transition:box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s ease}.cp-page .cp-card-hover:hover{border-color:var(--color-blush);box-shadow:var(--elev-2)}.cp-page .cp-undo:hover{color:var(--color-deep-core)}@media (max-width:900px){.cp-page .cp-callouts,.cp-page .cp-flow,.cp-page .cp-hero,.cp-page .cp-modes,.cp-page .cp-split{grid-template-columns:1fr!important}.cp-page .cp-hero-h{font-size:46px!important}.cp-page .cp-hero{padding-top:96px!important}}@media (max-width:520px){.cp-page .cp-callouts,.cp-page .cp-flow,.cp-page .cp-modes{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){.cp-page *{animation:none!important;transition:none!important}}