.date-companion[hidden]{display:none!important}
.date-companion{position:fixed;z-index:40;left:50%;bottom:max(108px,calc(env(safe-area-inset-bottom) + 108px));transform:translateX(-50%);width:min(350px,calc(100vw - 28px));box-sizing:border-box;padding:15px 17px 14px;border:1px solid rgba(149,89,91,.24);border-radius:18px;background:rgba(255,248,237,.97);color:#573a3e;box-shadow:0 10px 30px rgba(65,38,42,.18);font-family:inherit}
.date-companion .companion-eyebrow{margin:0 0 5px;color:#a25f70;font-size:.67rem;font-weight:700;letter-spacing:.12em}
.date-companion .companion-text{margin:0;line-height:1.4;font-size:.93rem}
.date-companion .companion-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.date-companion button{min-height:42px;padding:7px 13px;border:1px solid #d8a5ab;border-radius:999px;background:#fae3e3;color:#673d49;font:inherit;font-size:.82rem;cursor:pointer}
.date-companion button+button{background:transparent}
.date-companion button:focus-visible{outline:3px solid #a95673;outline-offset:2px}
@media(max-width:600px){.date-companion{bottom:max(190px,calc(env(safe-area-inset-bottom) + 190px));padding:12px 14px}.date-companion .companion-text{font-size:.87rem}}