/* AnotherLaunch integration only. The report itself uses the current DevelopChess analytics styles. */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/poppins-400-latin.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-500-latin.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-600-latin.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-700-latin.woff2") format("woff2"); }
@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../fonts/Inconsolata-Variable.woff2") format("woff2"); }
.analytics-site .site-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.analytics-site .site-shell > main { width: 100%; }
.analytics-site .analytics-main { display: block; }
.analytics-site .flash { width: min(1088px, calc(100% - 32px)); margin: 12px auto; }
.analytics-site .analytics-install-strip { margin-top: 12px; }
.analytics-site .analytics-install-copy { display: grid; min-width: 0; gap: 2px; }
.analytics-site .analytics-install-copy strong { color: var(--ink); font: 800 12px/1.3 var(--display); }
.analytics-site .analytics-install-copy span { color: var(--muted); font-size: 10px; }
.analytics-site .analytics-install-copy code { color: var(--accent-ink); }
.analytics-site .analytics-copy-script-button {
    --button-edge: #b94d39;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--button-edge);
    border-radius: 9px;
    background: var(--accent);
    color: var(--ink);
    font: 800 10px/1 var(--body);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(52,43,36,.1), 0 4px 0 var(--button-edge), 0 10px 18px rgba(185,77,57,.22);
    cursor: pointer;
    translate: 0 0;
    transition: translate .09s ease, box-shadow .09s ease, background-color .12s ease;
}
.analytics-site .analytics-copy-script-button span { font-size: 16px; font-weight: 500; line-height: 0; }
.analytics-site .analytics-copy-script-button:hover,
.analytics-site .analytics-copy-script-button:focus-visible { outline: 2px solid rgba(234,118,95,.24); outline-offset: 2px; background: var(--accent-strong, #ef8068); translate: 0 -1px; }
.analytics-site .analytics-copy-script-button:active { box-shadow: inset 0 1px 3px rgba(52,43,36,.14), 0 1px 0 var(--button-edge), 0 4px 8px rgba(185,77,57,.18); translate: 0 3px; }
.analytics-site .analytics-empty-account,
.analytics-site .analytics-verification-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 15vh; padding: 22px; border-radius: 18px; }
.analytics-site .analytics-empty-account { display: grid; max-width: 620px; margin-inline: auto; text-align: center; }
.analytics-site .analytics-empty-account h1,
.analytics-site .analytics-verification-card h1 { margin: 0; color: var(--ink); font: 850 24px/1.15 var(--display); }
.analytics-site .analytics-empty-account p,
.analytics-site .analytics-verification-card p { margin: 6px 0 0; color: var(--muted); }

.analytics-site .analytics-native-chart { display: grid; min-height: 190px; align-content: stretch; }
.analytics-site .analytics-native-chart svg { display: block; width: 100%; height: 100%; min-height: 190px; overflow: visible; }
.analytics-site .analytics-native-chart .grid-line { stroke: #e4e0dc; stroke-width: 1; vector-effect: non-scaling-stroke; }
.analytics-site .analytics-native-chart .area { fill: rgba(228, 107, 80, .08); }
.analytics-site .analytics-native-chart .line { fill: none; stroke: #e46b50; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.analytics-site .analytics-native-chart-labels { display: flex; justify-content: space-between; margin-top: 6px; color: var(--muted); font-size: 9px; }

.analytics-site .analytics-native-globe { position: relative; display: grid; place-items: center; overflow: hidden; }
.analytics-site .analytics-native-globe::before { content: ''; position: absolute; width: min(92%, 390px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 36% 29%, #ffc09c 0 12%, #f19a6d 52%, #de7652 100%); box-shadow: 0 0 44px rgba(228, 107, 80, .22); }
.analytics-site .analytics-native-globe-sphere { position: relative; z-index: 1; width: min(78%, 330px); aspect-ratio: 1; border: 1px dotted rgba(255,255,255,.72); border-radius: 50%; background: repeating-radial-gradient(ellipse at center, transparent 0 7px, rgba(255,255,255,.35) 8px 9px, transparent 10px 15px); opacity: .82; }
.analytics-site .analytics-native-globe p { position: absolute; z-index: 2; max-width: 75%; margin: 0; padding: 9px 14px; border: 1px solid rgba(222,218,213,.9); border-radius: 999px; background: rgba(255,255,255,.92); color: var(--muted); font-size: 10px; text-align: center; box-shadow: 0 5px 18px rgba(42,37,33,.08); }
.analytics-site .analytics-live-count { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: 10px; }
.analytics-site .analytics-live-count i { width: 7px; height: 7px; border-radius: 50%; background: #2fbd72; }
.analytics-site .analytics-chart-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-top: 12px; }
.analytics-site .analytics-chart-meta h1 { margin: 0; color: var(--ink); font: 800 16px/1.25 var(--display); }
.analytics-site .analytics-account-strip { margin-top: 12px; }
.analytics-site .analytics-account-actions { grid-column: 3; margin-left: auto; }
.analytics-site .analytics-reenable { grid-column: 1 / -1; justify-self: end; }
.analytics-site a.analytics-reenable { display: flex; justify-content: center; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid #4f8b68; border-radius: 10px; background: #edf8f1; color: #24613e; font: 800 12px/1 var(--body); text-decoration: none; cursor: pointer; }
.analytics-site .analytics-reenable button { min-height: 40px; padding: 0 14px; border: 1px solid #4f8b68; border-radius: 10px; background: #edf8f1; color: #24613e; font: 800 12px/1 var(--body); cursor: pointer; }
.analytics-site form.analytics-reenable { min-height: 0; padding: 0; border: 0; background: transparent; }
.analytics-site form.analytics-reenable button { width: 100%; }
.analytics-site a.analytics-reenable:hover,
.analytics-site a.analytics-reenable:focus-visible,
.analytics-site .analytics-reenable button:hover,
.analytics-site .analytics-reenable button:focus-visible { border-color: #24613e; background: #e1f3e8; outline: 2px solid rgba(36,97,62,.18); outline-offset: 2px; }
.analytics-site .analytics-settings-icon { color: var(--accent-ink); font: 850 11px/1 var(--display); }
.analytics-site .analytics-breakdown-label.is-page { display: flex; align-items: center; gap: 7px; }
.analytics-site .analytics-breakdown-label.is-page svg { flex: 0 0 14px; width: 14px; height: 14px; }
.analytics-site .analytics-summary article { min-width: 0; }

@media (max-width: 760px) {
    .analytics-site .analytics-install-copy span { line-height: 1.4; }
    .analytics-site .analytics-install-strip .analytics-rules-overview { align-items: stretch; }
    .analytics-site .analytics-copy-script-button { width: 100%; min-height: 38px; }
    .analytics-site .analytics-empty-account,
    .analytics-site .analytics-verification-card { align-items: stretch; flex-direction: column; }
    .analytics-site .analytics-native-globe { min-height: 330px; }
    .analytics-site .analytics-account-actions { grid-column: 1 / -1; width: 100%; margin-left: 0; }
    .analytics-site .analytics-account-actions .analytics-export { width: 100%; }
    .analytics-site .analytics-reenable,
    .analytics-site .analytics-reenable button { width: 100%; }
}