@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5fbd9980918344f2-s.1ezp49bmel24y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cc68f550ae21708a-s.p.2-db4p8p3l7-q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen Fallback;src:local(Arial);ascent-override:68.84%;descent-override:16.71%;line-gap-override:0.0%;size-adjust:149.62%}._5NV3ka_className{font-family:Silkscreen,Silkscreen Fallback;font-style:normal;font-weight:400}._5NV3ka_variable{--font-pixel:"Silkscreen", "Silkscreen Fallback"}
:root{--companion-coral:#d77757;--companion-eyes:#15110f;--companion-terminal:#dfdfd8;--companion-screen:#24242b}:root[data-companions=hidden] :is(.companion,.companion-home,.companion-cameo){display:none}.companion{vertical-align:bottom;flex-direction:column;align-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex;position:relative}.companion-character{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2px;padding:0;display:block}.companion-character svg{width:40px;height:32px;image-rendering:pixelated;display:block;overflow:visible}.companion[data-size=md] .companion-character svg{width:80px;height:64px}.companion-bubble{z-index:3;border:1px solid var(--border-strong);background:var(--panel);width:max-content;max-width:200px;color:var(--muted);text-transform:none;letter-spacing:0;pointer-events:none;border-radius:2px;padding:8px 10px;font-size:11px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);right:0}.companion-bubble:after{content:"";border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:var(--panel);width:8px;height:8px;position:absolute;bottom:-5px;right:14px;transform:rotate(45deg)}.companion[data-size=md] .companion-bubble{left:50%;right:auto;transform:translate(-50%)}.companion[data-size=md] .companion-bubble:after{left:calc(50% - 4px);right:auto}.perch-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.perch-row .eyebrow{margin-bottom:28px}.perch-row .companion{margin-bottom:20px}.companion-home{gap:72px;margin-top:88px;display:flex}.claude-body,.claude-feet{fill:var(--companion-coral)}.claude-eyes{fill:var(--companion-eyes)}.companion-eyes-open{animation:14s step-end infinite companion-eyes-open}.companion-eyes-closed{opacity:0;animation:14s step-end infinite companion-eyes-closed}.claude-feet-a{animation:29s step-end infinite claude-foot-shift}.claude-feet-b{animation:29s step-end .2s infinite reverse claude-foot-shift}.codex-shell,.codex-arms,.codex-feet,.codex-prompt,.codex-cursor{fill:var(--companion-terminal)}.codex-screen{fill:var(--companion-screen)}.codex-cursor{animation:2s step-end infinite codex-cursor}.codex-feet{animation:37s step-end infinite codex-foot-shift}.companion-sleep-mark{fill:var(--dim);display:none}.companion-character[data-speaking] .companion-sprite{animation:.32s step-end companion-acknowledge}.walking .claude-feet-a,.walking .codex-foot-a{animation:.4s step-end infinite companion-step}.walking .claude-feet-b,.walking .codex-foot-b{animation:.4s step-end -200ms infinite companion-step}.summoned .companion-bubble{left:0;right:auto}.summoned .companion-bubble:after{left:14px;right:auto}.companion[data-asleep] *{animation:none!important}.companion[data-asleep] .companion-eyes-open{opacity:0}.companion[data-asleep] .companion-eyes-closed{opacity:1}.companion[data-asleep] :is(.codex-prompt,.codex-cursor){opacity:.18}.companion[data-asleep] :is(.codex-shell,.codex-arms,.codex-feet){opacity:.65}.companion[data-asleep] .companion-sleep-mark{display:block}[data-reaction=squint] .claude-sprite .companion-eyes-open{opacity:0;animation:none}[data-reaction=squint] .claude-sprite .companion-eyes-closed{opacity:1;animation:none}.companion-footer{z-index:1;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 48px;display:flex;position:relative}.companion-footer small{font-size:11px;line-height:1.6}.companion-toggle{min-height:32px;color:var(--muted);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px;text-decoration:underline}.companion-toggle:hover{color:var(--ink)}.companion-toggle:disabled{opacity:.5;cursor:default}@media (max-width:999px){.companion-footer{padding:24px 20px}}@media (max-width:479px){.companion-home{gap:40px}.companion[data-size=md] .companion-character svg{width:60px;height:48px}}@media (prefers-reduced-motion:reduce){:is(.companion,.companion-cameo,.summoned) *,.companion :before,.companion :after{transition:none!important;animation:none!important}}@keyframes companion-eyes-open{0%,96%,98%,to{opacity:1}97%{opacity:0}}@keyframes companion-eyes-closed{0%,96%,98%,to{opacity:0}97%{opacity:1}}@keyframes claude-foot-shift{0%,90%,93%,to{transform:translate(0)}91%,92%{transform:translate(1px)}}@keyframes codex-foot-shift{0%,93%,96%,to{transform:translate(0)}94%,95%{transform:translate(1px)}}@keyframes codex-cursor{0%,49%,to{opacity:1}50%,99%{opacity:0}}@keyframes companion-acknowledge{0%,65%,to{transform:translateY(0)}25%{transform:translateY(1px)}}@keyframes companion-step{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.perch-pair{gap:12px;display:flex}.companion-cameo :is(.codex-shell,.codex-arms,.codex-feet,.codex-prompt,.codex-cursor){fill:#a7a297}