.browser-compatibility{z-index:80;color:#0a1b2b;background:#fff;border-radius:20px;align-items:flex-start;gap:12px;max-width:640px;max-height:calc(100vh - 32px);margin:0 auto;padding:20px;font:14px/1.5 Inter,system-ui,sans-serif;display:flex;position:fixed;top:16px;left:16px;right:16px;overflow-y:auto;box-shadow:0 4px 12px #0a1b2b14,0 16px 40px #0a1b2b2e}.browser-compatibility-icon{width:24px;height:24px;color:var(--brand-500,#0b9ee8);flex:none}.browser-compatibility-body{flex:1;min-width:0}.browser-compatibility-body strong{font-size:16px;font-weight:700;display:block}.browser-compatibility-body p{color:var(--text-muted,#5b6b7b);margin:8px 0 0}.browser-compatibility-body a{color:var(--brand-700,#0a86d3);margin-top:12px;font-weight:600;text-decoration:underline;display:inline-block}.browser-compatibility-close{appearance:none;color:#5b6b7b;cursor:pointer;background:#f1f6fa;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.browser-compatibility-close svg{width:18px;height:18px}.browser-compatibility a:focus-visible,.browser-compatibility-close:focus-visible{outline-offset:3px;outline:2px solid #0b9ee8}@media (width<=480px){.browser-compatibility{gap:8px;padding:16px}.browser-compatibility-icon{display:none}}