.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;gap:10px}.fab-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line,#ddd);background:var(--surface,#fff);color:var(--text,#555);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;padding:0}.fab-btn svg{width:22px;height:22px}.fab-btn:hover{filter:brightness(.97)}.fab-top{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}.fab-top.is-visible{opacity:1;pointer-events:auto;transform:none}@media(max-width:768px){.fab-share{display:none}}.fab-qr-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.fab-qr-backdrop[hidden]{display:none}.fab-qr-modal{background:var(--surface,#fff);border-radius:8px;padding:24px;text-align:center;max-width:90vw;position:relative;color:var(--text,#333)}.fab-qr-modal #fab-qrcode{width:180px;height:180px;margin:12px auto}.fab-qr-modal #fab-qrcode img,.fab-qr-modal #fab-qrcode canvas{display:block;margin:0 auto}.fab-qr-close{position:absolute;top:8px;right:10px;border:0;background:0 0;font-size:22px;line-height:1;cursor:pointer;color:#888}.fab-qr-title{margin:0;font-size:15px}.fab-qr-url{word-break:break-all;color:var(--text-soft,#666);font-size:13px;max-width:280px;margin:8px auto}.fab-qr-copy{border:1px solid var(--line,#ddd);background:var(--surface,#fff);border-radius:4px;padding:6px 16px;cursor:pointer;font-size:14px;color:var(--text,#333)}.fab-qr-copy:hover{filter:brightness(.97)}.fab-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;padding:8px 16px;border-radius:4px;z-index:1001;font-size:14px}.fab-toast[hidden]{display:none}body.fab-modal-open{overflow:hidden}@media print{.fab,.fab-qr-backdrop,.fab-toast{display:none!important}}