.companion-connection{display:flex;flex-direction:column;align-items:flex-start;gap:9px;pointer-events:none}.companion-connection button{pointer-events:auto}.romance-toggle,.whisper-button{background:#33221bd9;border:1px solid #e4c3b766;color:#f8e6da;border-radius:18px;padding:8px 11px;font-size:9px;letter-spacing:.4px;backdrop-filter:blur(10px)}.romance-toggle[aria-pressed=false]{background:#f6eee2df;color:#806c5e}.whisper-button{background:#fff1e4ed;color:#9a5c63;border-color:#fff5;font-family:var(--serif);font-size:10px}.whisper-button:disabled{opacity:.55}
.companion-pane>.portrait{overflow:hidden}.companion-pane>.portrait>svg{transform-origin:50% 40%;transition:transform 280ms cubic-bezier(.22,1,.36,1)}.companion-pane .companion-top{z-index:5}.companion-pane .interaction-rail{z-index:5}.companion-pane .dialogue-card{z-index:5}.companion-pane .companion-response{top:209px;z-index:7}.companion-caption{pointer-events:none}
.romance-touch{position:absolute;inset:0;border:0;padding:0;background:transparent;z-index:2;cursor:crosshair}.romance-touch:disabled{pointer-events:none}.romance-touch:focus-visible{outline:2px solid #efc8c2;outline-offset:-10px;border-radius:0}.romance-touch:hover{filter:none!important}.romance-veil{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(0deg,#40172c2e,transparent 65%);opacity:0;transition:opacity 220ms cubic-bezier(.22,1,.36,1)}.romance-enabled .romance-veil{opacity:1}.romance-glow{position:absolute;top:0;left:0;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#ffdec32b,transparent 68%);transform:translate(-600px,-600px);pointer-events:none;z-index:1;opacity:0}.romance-enabled .romance-glow{opacity:1}.touch-heart{position:absolute;pointer-events:none;z-index:8;font-size:68px;line-height:1;color:#ffd6da;}.companion-response .response-label{line-height:1.7}
@media(max-width:550px){.companion-connection{gap:7px}.romance-toggle,.whisper-button{font-size:8px;padding:7px 10px}.companion-pane .companion-response{top:175px;right:73px}.touch-heart{font-size:50px}}
@media(prefers-reduced-motion:reduce){.companion-pane>.portrait>svg{transition:none;transform:none!important}.romance-veil{transition:none}.romance-glow,.touch-heart{display:none}}
.companion-pane .companion-response{top:auto;bottom:calc(var(--dialogue-height,270px) + 63px)}
@media(max-width:550px){.companion-pane .companion-response{bottom:calc(var(--dialogue-height,270px) + 43px)}}