.site-analytics-panel[hidden] { display: none; }
.site-analytics-panel { position: fixed; z-index: 1000; inset: auto 1rem 1rem; display: flex; gap: 2rem; align-items: center; padding: 1.4rem; background: #0c0a07; color: #f4f2ed; border: 1px solid #6b6258; font-family: "Open Sans", Arial, sans-serif; box-shadow: 0 8px 32px #0008; }
.site-analytics-panel h2 { margin: 0 0 .5rem; font: 700 1.1rem/1.4 "Open Sans", Arial, sans-serif; }
.site-analytics-panel p { margin: .4rem 0; max-width: 75ch; font-size: .875rem; line-height: 1.55; color: #c8c3bb; }
.site-analytics-panel a { color: #ffc153; text-decoration: underline; text-underline-offset: .2em; }
.site-analytics-actions { display: flex; flex-wrap: wrap; gap: .6rem; flex-shrink: 0; }
.site-analytics-actions button { cursor: pointer; min-height: 44px; border: 1px solid #918c84; border-radius: .28rem; background: #0c0a07; color: #f4f2ed; padding: .7rem 1rem; font: 600 .875rem/1.3 "Open Sans", Arial, sans-serif; }
.site-analytics-actions button:hover { background: #29251f; }
.site-analytics-actions button:disabled { opacity: .55; cursor: default; }
.site-analytics-panel :focus-visible, [data-analytics-preferences]:focus-visible { outline: 2px solid #ffc153; outline-offset: 3px; }
[data-analytics-preferences] { background: none; color: inherit; border: 0; padding: .6rem; min-height: 44px; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; font: inherit; }
@media(max-width:1000px){.site-analytics-panel{flex-direction:column;align-items:stretch;gap:.7rem;}}
@media(max-width:480px){.site-analytics-panel{inset:auto .5rem .5rem;padding:1rem;max-height:85dvh;overflow:auto;}.site-analytics-actions button{flex:1;}}