.analytics-panel[hidden], [data-analytics-settings][hidden], [data-analytics-exclude][hidden] { display: none; }
.analytics-panel { position: fixed; z-index: 90; inset: auto 1rem 1rem; max-width: 68rem; margin: auto; padding: 1.25rem 1.5rem; background: var(--white); color: var(--ink); border: 1px solid var(--line); box-shadow: 0 8px 40px #11182724; display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; max-height: 70dvh; overflow: auto; }
.analytics-panel h2 { margin: 0 0 .4rem; font: 1.55rem var(--serif); }
.analytics-panel p { margin: 0; font-size: .875rem; line-height: 1.55; }
.analytics-panel .analytics-state { color: var(--muted); margin-top: .4rem; font-size: .8rem; }
.analytics-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.analytics-actions button, .privacy-action { font: 500 .9rem var(--sans); border: 1px solid var(--ink); background: var(--white); color: var(--ink); padding: .7rem .9rem; min-height: 44px; cursor: pointer; }
.analytics-actions button:hover, .privacy-action:hover { background: var(--blue-light); }
.analytics-actions button:disabled { opacity: .5; cursor: default; }
.analytics-panel a { text-decoration: underline; }
.analytics-actions [data-analytics-close] { border-color: transparent; }
.footer-privacy { margin: .75rem 0 0; font-size: .85rem; }
.footer-privacy button { border: 0; background: none; color: inherit; font: inherit; padding: .4rem 0; text-decoration: underline; cursor: pointer; margin-left: 1rem; }
.privacy-copy { max-width: 46rem; margin: 4rem auto 6rem; padding: 0 1.25rem; }
.privacy-copy h1 { font: clamp(2.8rem, 7vw, 5rem)/1.05 var(--serif); }
.privacy-copy h2 { margin-top: 2rem; font: 2rem var(--serif); }
.privacy-copy p { color: var(--muted); }
.privacy-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
@media (max-width: 800px) { .analytics-panel { grid-template-columns: 1fr; gap: .75rem; padding: 1rem; inset-inline: .75rem; bottom: .75rem; } }