.motssa-analytics-tools { padding: 14px 24px; text-align: center; background: #17111f; color: #f4eee7; font: 500 14px/1.4 'Space Grotesk', sans-serif; }
.motssa-analytics-tools button { color: inherit; background: transparent; border: 1px solid #9d77bc; border-radius: 999px; padding: 10px 18px; cursor: pointer; font: inherit; min-height: 44px; }
.motssa-analytics-notice { position: fixed; z-index: 1000; inset: auto 16px 16px; padding: 20px; display: flex; align-items: center; gap: 24px; max-width: 1120px; margin: auto; color: #f4eee7; background: #241a30; border: 1px solid #b38bcf; border-radius: 16px; box-shadow: 0 8px 35px #0007; font: 400 15px/1.5 'Space Grotesk', sans-serif; }
.motssa-analytics-notice[hidden] { display: none; }
.motssa-analytics-notice strong { font-weight: 700; font-size: 17px; }
.motssa-analytics-notice p { margin: 6px 0 0; max-width: 72ch; }
.motssa-analytics-notice a { color: #d6b9ec; text-decoration: underline; }
.motssa-analytics-actions { display: flex; gap: 10px; flex-shrink: 0; }
.motssa-analytics-actions button { cursor: pointer; border: 1px solid #b38bcf; border-radius: 999px; min-height: 44px; padding: 11px 18px; color: #f4eee7; background: #392749; font: 700 14px/1.3 'Space Grotesk', sans-serif; white-space: nowrap; }
.motssa-analytics-actions [data-analytics-accept] { color: #17111f; background: #c1ff12; border-color: #c1ff12; }
.motssa-analytics-notice button:focus-visible, .motssa-analytics-tools button:focus-visible { outline: 3px solid #c1ff12; outline-offset: 4px; }
body.motssa-analytics-open { padding-bottom: calc(var(--motssa-analytics-space, 220px) + 32px); }
@media(max-width: 720px) { .motssa-analytics-notice { inset: auto 10px 10px; padding: 16px; gap: 14px; flex-direction: column; align-items: stretch; max-height: 70dvh; overflow: auto; font-size: 13px; } .motssa-analytics-actions { flex-wrap: wrap; } .motssa-analytics-actions button { flex: 1; } }