[data-mb-analytics] [hidden] { display: none !important; }
[data-mb-consent] { position: fixed; inset: auto 16px 60px auto; z-index: 100000; box-sizing: border-box; width: min(448px, calc(100vw - 32px)); max-height: 70vh; overflow: auto; padding: 24px; border: 1px solid #cbd5e1; border-radius: 16px; background: #fff; color: #172033; box-shadow: 0 8px 40px #0002; font: 14px/1.6 system-ui, sans-serif; text-align: left; }
[data-mb-consent] h2 { margin: 0 0 12px; font: 700 21px/1.3 system-ui, sans-serif; color: #172033; }
[data-mb-consent] p { margin: 0 0 12px; }
[data-mb-consent] a { color: #1e40af; text-decoration: underline; }
[data-mb-analytics] button { cursor: pointer; min-height: 44px; padding: 10px 12px; border: 1px solid #64748b; border-radius: 8px; background: #fff; color: #172033; font: 600 13px/1.4 system-ui, sans-serif; text-transform: none; letter-spacing: normal; }
[data-mb-analytics] button:hover { background: #f1f5f9; }
[data-mb-analytics] button:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.mb-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; }
[data-mb-analytics] [data-mb-consent-open] { position: fixed; bottom: 12px; left: 12px; z-index: 99999; min-height: 36px; padding: 8px 12px; font-size: 12px; box-shadow: 0 2px 8px #0001; }
@media (prefers-color-scheme: dark) {
    [data-mb-consent], [data-mb-consent] h2, [data-mb-analytics] button { background: #18202c; color: #f8fafc; }
    [data-mb-consent] a { color: #93c5fd; }
    [data-mb-analytics] button:hover { background: #263244; }
}