.analytics-dialog { color: var(--ink, #f1efe9); background: var(--paper, #111110); border: 1px solid var(--hairline, #343330); border-radius: 6px; padding: 36px; width: min(560px, calc(100% - 32px)); max-height: calc(100svh - 32px); overflow: auto; font-family: Arial, Helvetica, sans-serif; line-height: 1.65; box-shadow: 0 20px 100px #0006; }
.analytics-dialog::backdrop { background: #0009; backdrop-filter: blur(5px); }
.analytics-dialog h2 { font-size: clamp(26px, 5vw, 36px); line-height: 1.2; font-weight: 400; letter-spacing: -.025em; margin: 14px 0 20px; }
.analytics-dialog p { font-size: 14px; color: var(--muted, #a19e96); margin: 12px 0; }
.analytics-dialog .analytics-eyebrow { text-transform: uppercase; letter-spacing: .08em; font: 10px "Courier New", monospace; color: var(--accent, #ff9438); }
.analytics-dialog .analytics-current { font-size: 12px; }
.analytics-dialog a { color: var(--ink, #f1efe9); text-underline-offset: .2em; }
.analytics-actions { display: flex; gap: 12px; margin-top: 25px; }
.analytics-actions[hidden] { display: none; }
.analytics-dialog button { color: inherit; background: transparent; font: inherit; cursor: pointer; }
.analytics-actions button { flex: 1; min-height: 44px; font-size: 13px; border: 1px solid var(--muted, #a19e96); border-radius: 3px; padding: 10px 12px; }
.analytics-actions button:hover { border-color: var(--accent, #ff9438); }
.analytics-dialog button:focus-visible, .analytics-dialog a:focus-visible { outline: 1px solid var(--accent, #ff9438); outline-offset: 4px; }
.analytics-close { position: absolute; right: 10px; top: 8px; border: 0; min-width: 44px; min-height: 44px; font-size: 26px !important; }
@media (max-width: 460px) { .analytics-dialog { padding: 28px 22px; } .analytics-actions { flex-direction: column; } }