.cookie-panel,.francis-invite{box-sizing:border-box;position:fixed;z-index:950;background:#17243a;color:#fff;border:1px solid #40516c;box-shadow:0 16px 60px #0005;border-radius:20px;padding:24px;font-family:inherit}
.cookie-panel[hidden],.francis-invite[hidden],.youtube-consent-gate[hidden]{display:none!important}
.cookie-panel{left:24px;bottom:24px;width:min(480px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto}
.cookie-panel h2,.francis-invite h2{font-size:22px;line-height:1.2;margin:0 0 12px;color:#f5c96d;letter-spacing:normal}
.cookie-panel p,.francis-invite p{font-size:15px;line-height:1.55;margin:0 0 14px;color:#e2e8f0}
.cookie-panel p button{background:none;border:0;text-decoration:underline;color:#fff;padding:0;font:inherit;cursor:pointer}
.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}
.cookie-actions button{flex:1;background:#edf2f7;color:#17243a;border:1px solid #edf2f7;border-radius:10px;padding:12px;font:inherit;font-weight:700;cursor:pointer;min-width:150px}
.francis-invite{right:24px;bottom:24px;width:min(410px,calc(100% - 48px));display:flex;gap:14px;align-items:center;padding:26px 22px 22px;animation:invite-enter .45s ease-out}
.invite-close{position:absolute;right:8px;top:5px;background:none;border:0;color:#fff;font-size:28px;cursor:pointer;width:36px;height:36px}
.invite-youtube{display:inline-flex;gap:8px;align-items:center;background:#e62117;color:#fff!important;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:700;text-decoration:none}
.invite-youtube:hover{background:#c91b13}
.video-embed{position:relative}.youtube-consent-gate{position:absolute;inset:0;width:100%;background:#17243a;color:#fff;border:0;padding:20px;font:inherit;cursor:pointer}
.cookie-panel button:focus-visible,.francis-invite button:focus-visible,.invite-youtube:focus-visible,.youtube-consent-gate:focus-visible{outline:3px solid #f5c96d;outline-offset:3px}
@keyframes invite-enter{from{transform:translateX(calc(100% + 30px));opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:480px){.cookie-panel{left:12px;bottom:12px;width:calc(100% - 24px)}.francis-invite{right:12px;bottom:12px;width:calc(100% - 24px);padding:26px 16px 18px;gap:10px}.francis-invite p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.francis-invite{animation:none}}

/* Keep Francis anchored to the card edge, independently of message height. */
.francis-invite{width:min(520px,calc(100% - 48px));display:block;padding:26px 222px 24px 24px;overflow:hidden}
.francis-invite>img{position:absolute;right:-5px;bottom:0;width:210px;height:auto;max-width:none;object-fit:contain;margin:0;pointer-events:none}
.invite-copy{position:relative;z-index:1;min-width:0}
.francis-invite .invite-message{display:grid;align-items:start}
.invite-message>span{grid-area:1/1;overflow-wrap:break-word}
.invite-message-size{visibility:hidden;pointer-events:none}
.invite-close{z-index:2}
@media(max-width:480px){.francis-invite{width:calc(100% - 24px);padding:26px 22px 210px 22px}.francis-invite>img{width:210px;height:auto;right:-7px;bottom:0}.invite-youtube{font-size:12px;padding:11px 9px}}

.invite-youtube svg{width:20px;height:20px;flex:0 0 20px;fill:currentColor;transition:transform .25s ease}
.invite-youtube:hover svg,.invite-youtube:focus-visible svg{transform:scale(1.12) rotate(-5deg)}
@media(prefers-reduced-motion:reduce){.invite-youtube svg{transition:none}.invite-youtube:hover svg,.invite-youtube:focus-visible svg{transform:none}}