body .yqf-float { position:fixed; left:24px; bottom:max(24px,env(safe-area-inset-bottom)); z-index:99990; display:flex; align-items:center; gap:13px; max-width:calc(100vw - 32px); padding:12px 19px 12px 12px; border:1px solid #b8fe00; border-radius:60px; background:#171717; color:#fff!important; text-decoration:none!important; font-family:'Barlow',Arial,sans-serif!important; box-shadow:0 8px 30px #0003; transition:transform .2s,box-shadow .2s; box-sizing:border-box; line-height:1.2; }
body .yqf-float:hover { transform:translateY(-3px); box-shadow:0 12px 34px #0004; }
body .yqf-float:focus-visible { outline:3px solid #171717; outline-offset:5px; }
body .yqf-float-icon { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; background:#b8fe00; color:#171717; border-radius:50%; animation:yqf-beacon 3s ease-out 3; }
body .yqf-float-copy { display:flex; flex-direction:column; gap:5px; }
body .yqf-float-copy small { font:500 8px/1.3 'Barlow',Arial,sans-serif; letter-spacing:1.3px; color:#b8fe00; }
body .yqf-float-copy strong { font:600 16px/1.2 'Barlow',Arial,sans-serif; letter-spacing:0; color:#fff; text-transform:none; }
body .yqf-float-arrow { color:#b8fe00; font:400 22px/1 Arial,sans-serif; margin-left:4px; }
@keyframes yqf-beacon { 0%,100% { box-shadow:0 0 0 0 #b8fe0000; } 25% { box-shadow:0 0 0 7px #b8fe0033; } 70% { box-shadow:0 0 0 12px #b8fe0000; } }
@media(max-width:600px) { body .yqf-float { left:12px; bottom:max(16px,env(safe-area-inset-bottom)); padding:9px 13px 9px 9px; gap:9px; } body .yqf-float-icon { width:36px;height:36px;flex-basis:36px; } body .yqf-float-copy strong { font-size:13px; } body .yqf-float-copy small { font-size:7px;letter-spacing:.7px; } body .yqf-float-arrow { font-size:18px;margin-left:0; } }
@media(prefers-reduced-motion:reduce) { body .yqf-float, body .yqf-float-icon { animation:none;transition:none; } }