.floating-brief{position:fixed;right:24px;bottom:24px;z-index:18;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;max-width:calc(100vw - 32px);min-height:56px;padding:13px 17px 13px 22px;border:1px solid #fff;border-radius:100px;background:#0b0b0b;color:#fff;box-shadow:0 9px 34px #0005;font-size:14px;font-weight:550;letter-spacing:-.015em;white-space:nowrap;transition:transform .25s,background .25s,color .25s}
.floating-brief span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff75;border-radius:50%;font-size:20px;line-height:1;font-weight:300}
.floating-brief:hover{transform:translateY(-4px);background:#fff;color:#090909;border-color:#090909}
.floating-brief:hover span{border-color:#09090975}
.floating-brief:focus-visible{outline:2px solid #111;outline-offset:4px}
body:has(#brief-dialog[open]) .floating-brief{visibility:hidden}
@media(max-width:720px){.floating-brief{right:16px;bottom:max(16px,env(safe-area-inset-bottom));min-height:52px;padding:10px 12px 10px 17px;font-size:13px;gap:15px}.floating-brief span{width:27px;height:27px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.floating-brief{transition:none}}