/* /Features/Astrology/BirthChart/UI/Components/BirthChartGuestShowcase.razor.rz.scp.css */
/* Page publique du thème natal : hero, démonstration et argumentaire. */
.bpg-hero[b-gzqmohiqdf] {
    padding: clamp(2rem, 5vw, 3.4rem) 0 0;
}

.bpg-demo-caption[b-gzqmohiqdf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    color: var(--muted);
    font-size: 0.95rem;
    font-weight: 700;
    margin-top: 1.1rem;
}

.bpg-demo-hint[b-gzqmohiqdf] {
    color: var(--primary);
    font-size: 0.86rem;
    font-weight: 800;
}

.bpg-demo-frame[b-gzqmohiqdf] {
    margin-top: 0.6rem;
}

    /* La grille des maisons perd ses gouttières dans le gabarit de démo : on les rétablit. */
    .bpg-demo-frame[b-gzqmohiqdf]  .row.g-2 > * {
        padding-right: 0.35rem;
        padding-left: 0.35rem;
    }

.bpg-demo-disclaimer[b-gzqmohiqdf] {
    max-width: var(--content-medium);
    margin: 1.4rem auto 0;
    color: var(--muted);
    font-size: 0.95rem;
    font-style: italic;
    line-height: 1.6;
    text-align: center;
}

/* Cartes de lecture : un exemple concret détaché du corps de texte. */
.bpg-card-example[b-gzqmohiqdf] {
    border-top: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
    margin-top: 0.9rem !important;
    padding-top: 0.75rem;
    font-size: 0.95rem;
}

    .bpg-card-example strong[b-gzqmohiqdf] {
        color: var(--primary);
        font-family: var(--tagline-font, sans-serif);
        font-size: 0.74rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        display: block;
        margin-bottom: 0.25rem;
    }

/* Section sombre : la liste de garanties techniques doit rester lisible. */
.bpg-precision-points li[b-gzqmohiqdf] {
    color: color-mix(in srgb, #ffffff 84%, transparent);
}

.bpg-precision-points strong[b-gzqmohiqdf] {
    color: #ffffff;
}

.bpg-precision-points i[b-gzqmohiqdf] {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.1);
}

/* Comparatif horoscope / thème natal. */
.bpg-compare[b-gzqmohiqdf] {
    display: grid;
    gap: 0.7rem;
}

.bpg-compare-head[b-gzqmohiqdf],
.bpg-compare-row[b-gzqmohiqdf] {
    display: grid;
    gap: 0.75rem;
    align-items: start;
}

.bpg-compare-head[b-gzqmohiqdf] {
    display: none;
}

.bpg-compare-head-generic[b-gzqmohiqdf],
.bpg-compare-head-ours[b-gzqmohiqdf] {
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bpg-compare-head-generic[b-gzqmohiqdf] {
    color: var(--muted);
}

.bpg-compare-head-ours[b-gzqmohiqdf] {
    color: var(--primary);
}

.bpg-compare-row[b-gzqmohiqdf] {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface) 94%, #ffffff);
    padding: 0.95rem 1.05rem;
}

.bpg-compare-label[b-gzqmohiqdf] {
    color: var(--ink);
    font-family: var(--brand-font, serif);
    font-weight: 700;
}

.bpg-compare-generic[b-gzqmohiqdf],
.bpg-compare-ours[b-gzqmohiqdf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
    line-height: 1.55;
}

.bpg-compare-generic[b-gzqmohiqdf] {
    color: var(--muted);
}

.bpg-compare-ours[b-gzqmohiqdf] {
    color: color-mix(in srgb, var(--ink) 88%, var(--muted));
    font-weight: 600;
}

    .bpg-compare-generic i[b-gzqmohiqdf] {
        color: color-mix(in srgb, var(--muted) 80%, var(--ink));
    }

    .bpg-compare-ours i[b-gzqmohiqdf] {
        color: var(--primary);
    }

.bpg-compare-inline-head[b-gzqmohiqdf] {
    grid-column: 1 / -1;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
}

/* Niveaux de lecture. */
.bpg-level-badge[b-gzqmohiqdf] {
    display: inline-block;
    border: 1px solid var(--primary);
    border-radius: 999px;
    color: var(--primary);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.28rem 0.7rem;
    margin-bottom: 0.75rem;
}

.bpg-level-sample[b-gzqmohiqdf] {
    font-style: italic;
}

.bpg-levels-note[b-gzqmohiqdf] {
    margin-top: 1.6rem;
    color: var(--muted);
    font-size: 0.92rem;
}

.bpg-final-link[b-gzqmohiqdf] {
    color: var(--primary);
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
}

    .bpg-final-link:hover[b-gzqmohiqdf] {
        text-decoration: underline;
    }

@media (min-width: 768px) {
    .bpg-compare-head[b-gzqmohiqdf] {
        display: grid;
        padding: 0 1.05rem;
    }

    .bpg-compare-head[b-gzqmohiqdf],
    .bpg-compare-row[b-gzqmohiqdf] {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.1fr) minmax(0, 1.1fr);
        align-items: center;
    }

    .bpg-compare-inline-head[b-gzqmohiqdf] {
        display: none;
    }
}
/* /Features/Astrology/BirthChart/UI/Pages/AstralMap.razor.rz.scp.css */
:root[b-3hut4dmnsx] {
    --ad-astral-map-font-family: "Helvetica Neue", Arial, sans-serif;
    --ad-astral-map-glyph-shadow: drop-shadow(2px 2px 0 #ffffff) drop-shadow(-2px -2px 0 #ffffff);
    --ad-astral-tooltip-bg: #ffffff;
    --ad-astral-tooltip-border: color-mix(in srgb, var(--line) 90%, transparent);
    --ad-astral-tooltip-text: color-mix(in srgb, var(--ink) 88%, var(--text));
    --ad-astral-tooltip-subtext: color-mix(in srgb, var(--muted) 92%, var(--text));
    --ad-astral-tooltip-muted: color-mix(in srgb, var(--muted) 86%, var(--border));
    --ad-astral-tooltip-section: color-mix(in srgb, var(--ink) 55%, var(--muted));
    --ad-astral-tooltip-chip-bg: color-mix(in srgb, var(--surface-2) 84%, var(--border));
    --ad-astral-tooltip-chip-text: color-mix(in srgb, var(--ink) 72%, var(--muted));
    --ad-astral-tooltip-shadow: 0 16px 36px rgba(15, 18, 24, 0.18);
}

@font-face {
    font-family: "Astromoony";
    src: url("/fonts/Astromoony.ttf") format("truetype");
    font-display: swap;
}

.astral-chart[b-3hut4dmnsx] {
    position: relative;
    overflow: hidden;
}

.astral-chart .ad-astral-map-svg[b-3hut4dmnsx] {
    max-width: 900px;
    height: auto;
    font-family: var(--ad-astral-map-font-family);
}

.astral-chart .astro-font[b-3hut4dmnsx] {
    font-family: "Astromoony", sans-serif;
}

.astral-chart .ad-astral-map-planet-glyph[b-3hut4dmnsx] {
    filter: var(--ad-astral-map-glyph-shadow);
}

.astral-chart svg.astral-chart-svg[b-3hut4dmnsx] {
    visibility: hidden;
    opacity: 0;
    position: relative;
    z-index: 1;
}

.astral-chart svg.astral-chart-svg.chart-ready[b-3hut4dmnsx] {
    visibility: visible;
    opacity: 1;
}

.astral-chart .chart-overlay[b-3hut4dmnsx] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}

.astral-chart .chart-tooltip[b-3hut4dmnsx],
.astral-chart .chart-popup[b-3hut4dmnsx] {
    position: absolute;
    min-width: 420px;
    max-width: 420px;
    width: 420px;
    background: var(--ad-astral-tooltip-bg);
    border: 1px solid var(--ad-astral-tooltip-border);
    border-radius: var(--radius-sm);
    padding: 12px 14px;
    box-shadow: var(--ad-astral-tooltip-shadow);
    color: var(--ad-astral-tooltip-text);
    font-size: 0.85rem;
    line-height: 1.4;
    overflow: auto;
    pointer-events: none;
    z-index: 5;
}

.astral-chart .chart-popup[b-3hut4dmnsx] {
    max-width: 420px;
    width: 420px;
    pointer-events: auto;
    z-index: 6;
    touch-action: none;
    cursor: grab;
}

.astral-chart .chart-tooltip .tooltip-title[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-title[b-3hut4dmnsx] {
    font-weight: 600;
    margin-bottom: 4px;
}

.astral-chart .chart-popup .tooltip-title[b-3hut4dmnsx] {
    font-size: 1.05rem;
    line-height: 1.2;
    margin-bottom: 0;
}

.astral-chart .chart-tooltip .tooltip-sub[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-sub[b-3hut4dmnsx] {
    color: var(--ad-astral-tooltip-subtext);
}

.astral-chart .chart-tooltip .tooltip-meta[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-meta[b-3hut4dmnsx] {
    margin-top: 6px;
    font-size: 0.78rem;
    color: var(--ad-astral-tooltip-muted);
}

.astral-chart .chart-tooltip .tooltip-ai[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-ai[b-3hut4dmnsx] {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    background: rgba(243, 212, 122, 0.28);
    border: 1px solid rgba(208, 164, 58, 0.35);
}

.astral-chart .chart-tooltip .tooltip-ai-title[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-ai-title[b-3hut4dmnsx] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ad-astral-tooltip-muted);
    margin-bottom: 4px;
}

.astral-chart .chart-tooltip .tooltip-ai-body[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-ai-body[b-3hut4dmnsx] {
    font-size: 0.78rem;
    color: var(--ad-astral-tooltip-subtext);
}

.astral-chart [data-kind][b-3hut4dmnsx] {
    cursor: pointer;
}

.astral-chart [data-kind="aspect"][data-role="aspect-hit"][b-3hut4dmnsx] {
    cursor: pointer;
}

.astral-chart .planet-hit[b-3hut4dmnsx] {
    pointer-events: all;
}

.astral-chart [data-kind="planet"] > :not(.planet-hit)[b-3hut4dmnsx],
.astral-chart [data-kind="angle"] > :not(.planet-hit)[b-3hut4dmnsx] {
    pointer-events: none;
}

.astral-chart .angle-label[b-3hut4dmnsx] {
    font-family: var(--ad-astral-map-font-family);
    letter-spacing: 0.08em;
}

.astral-chart [data-kind="aspect"].is-active[b-3hut4dmnsx] {
    stroke-width: 3.2;
    opacity: 0.95;
}

.astral-chart [data-kind="planet"].is-active text[b-3hut4dmnsx],
.astral-chart [data-kind="planet"].is-related text[b-3hut4dmnsx] {
    filter: drop-shadow(0 0 4px rgba(30, 35, 45, 0.45));
    stroke: #111111;
    stroke-width: 0.7;
    paint-order: stroke;
}

.astral-chart [data-kind="planet"].is-active line[b-3hut4dmnsx],
.astral-chart [data-kind="planet"].is-related line[b-3hut4dmnsx] {
    stroke-width: 2.2;
    opacity: 1;
}

.astral-chart [data-kind="planet"].is-active line[b-3hut4dmnsx],
.astral-chart [data-kind="planet"].is-related line[b-3hut4dmnsx],
.astral-chart [data-kind="planet"].is-active text[b-3hut4dmnsx],
.astral-chart [data-kind="planet"].is-related text[b-3hut4dmnsx] {
    filter: drop-shadow(0 0 6px rgba(30, 30, 30, 0.25));
}

.astral-chart [data-kind="house"].is-active[b-3hut4dmnsx] {
    stroke: #111111;
}

.astral-chart [data-kind="zodiac"].is-active[b-3hut4dmnsx] {
    opacity: 0.9;
}

.astral-chart .chart-tooltip .tooltip-header[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-header[b-3hut4dmnsx] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.astral-chart .chart-tooltip .tooltip-header-main[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-header-main[b-3hut4dmnsx] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.astral-chart .chart-tooltip .tooltip-header-right[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-header-right[b-3hut4dmnsx] {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
}

.astral-chart .chart-tooltip .tooltip-badge[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-badge[b-3hut4dmnsx] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: #f4f5f7;
    color: #1f2937;
    border: 1px solid #d9dee6;
    white-space: nowrap;
}

.astral-chart .chart-tooltip .tooltip-house-number[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-house-number[b-3hut4dmnsx] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.astral-chart .chart-tooltip .tooltip-chip[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-chip[b-3hut4dmnsx] {
    width: 2.35rem;
    height: 2.35rem;
    min-width: 2.35rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.astral-chart .chart-popup .tooltip-header[b-3hut4dmnsx] {
    cursor: grab;
    user-select: none;
}

.astral-chart .chart-popup[b-3hut4dmnsx] {
    cursor: default;
}

.astral-chart .chart-popup.is-dragging[b-3hut4dmnsx] {
    cursor: grabbing;
}

.astral-chart .chart-popup.is-dragging .tooltip-header[b-3hut4dmnsx] {
    cursor: grabbing;
}

.astral-chart .chart-tooltip .tooltip-chip[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-chip[b-3hut4dmnsx] {
    border-radius: 50%;
    background: transparent;
    color: color-mix(in srgb, var(--ink) 88%, var(--text));
    font-weight: 600;
    text-align: center;
}

.astral-chart .chart-tooltip .tooltip-chip-code[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-chip-code[b-3hut4dmnsx] {
    width: auto;
    min-width: 2.1rem;
    height: 2.1rem;
    padding: 0 0.45rem;
    font-size: 0.86rem;
    line-height: 1;
    font-weight: 700;
}

.astral-chart .chart-tooltip .tooltip-section[b-3hut4dmnsx],
.astral-chart .chart-popup .tooltip-section[b-3hut4dmnsx] {
    margin: 10px 0;
    padding: 10px  0;
    border-bottom: 1px dashed color-mix(in srgb, var(--line) 82%, transparent);
}

    .astral-chart .chart-popup .tooltip-section.tooltip-ai[b-3hut4dmnsx] {
        border: 1px solid rgba(243, 212, 122, 0.28);
        padding: 4px;
    }
    .astral-chart .chart-tooltip .tooltip-section-title[b-3hut4dmnsx],
    .astral-chart .chart-popup .tooltip-section-title[b-3hut4dmnsx] {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--ad-astral-tooltip-section);
        margin-bottom: 6px;
    }

    .astral-chart .chart-tooltip .tooltip-aspect-list[b-3hut4dmnsx],
    .astral-chart .chart-popup .tooltip-aspect-list[b-3hut4dmnsx] {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 4px;
    }

    .astral-chart .chart-tooltip .tooltip-aspect-type[b-3hut4dmnsx],
    .astral-chart .chart-popup .tooltip-aspect-type[b-3hut4dmnsx] {
        font-weight: 600;
        color: color-mix(in srgb, var(--ink) 88%, var(--text));
    }

    .astral-chart .chart-tooltip .tooltip-aspect-pair[b-3hut4dmnsx],
    .astral-chart .chart-popup .tooltip-aspect-pair[b-3hut4dmnsx] {
        color: color-mix(in srgb, var(--muted) 88%, var(--text));
    }

    .astral-chart .chart-tooltip .tooltip-aspect-orb[b-3hut4dmnsx],
    .astral-chart .chart-popup .tooltip-aspect-orb[b-3hut4dmnsx] {
        color: var(--ad-astral-tooltip-section);
        font-size: 0.72rem;
    }

    .astral-chart [data-role="aspect-line"].is-muted[b-3hut4dmnsx] {
        opacity: 0.2;
    }
/* /Features/Astrology/Sky/UI/Components/AstralSkyPreview.razor.rz.scp.css */
.sky-preview[b-shtmg5502j] {
    position: relative;
    width: 100%;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: #050810;
    box-shadow: none;
}

.sky-preview--compact[b-shtmg5502j] {
    aspect-ratio: 1.47;
}

.sky-preview--detailed[b-shtmg5502j] {
    aspect-ratio: 1.47;
    background: #050810;
}

.sky-preview-svg[b-shtmg5502j] {
    display: block;
    width: 100%;
    height: 100%;
}

.sky-preview-empty[b-shtmg5502j] {
    display: grid;
    min-height: 20rem;
    place-items: center;
    padding: 1rem;
    color: rgba(244, 239, 230, 0.74);
    font-family: var(--tagline-font, sans-serif);
    text-align: center;
}

.sky-preview-halo[b-shtmg5502j] {
    mix-blend-mode: screen;
}

.sky-preview-disc[b-shtmg5502j] {
    fill: rgba(3, 5, 11, 1);
    stroke: rgba(241, 200, 111, 0.2);
    stroke-width: 1;
}

.sky-preview-rim[b-shtmg5502j] {
    fill: none;
    stroke: rgba(241, 200, 111, 0.58);
    stroke-width: 1.6;
}

.sky-preview-grid-ring[b-shtmg5502j],
.sky-preview-grid-axis[b-shtmg5502j] {
    fill: none;
    stroke: rgba(244, 239, 230, 0.08);
    stroke-width: 0.8;
}

.sky-preview-grid-ring--inner[b-shtmg5502j] {
    stroke-opacity: 0.62;
}

.sky-preview-star[b-shtmg5502j] {
    fill: rgba(224, 228, 236, 0.94);
}

/* Nappe de la Voie lactée : voile lumineux floutée sous les étoiles. */
.sky-preview-milkyway circle[b-shtmg5502j] {
    fill: rgba(226, 232, 244, 1);
}

.sky-preview-constellation[b-shtmg5502j] {
    stroke: rgba(244, 239, 230, 0.78);
    stroke-width: 1.45;
    stroke-linecap: round;
}

.sky-preview--detailed .sky-preview-constellation[b-shtmg5502j] {
    stroke: rgba(241, 200, 111, 0.78);
    stroke-width: 1.55;
}

.sky-preview-orbit[b-shtmg5502j] {
    fill: none;
    stroke: rgba(241, 200, 111, 0.14);
    stroke-width: 1;
}

.sky-preview-orbit--inner[b-shtmg5502j] {
    stroke: rgba(142, 183, 216, 0.13);
    stroke-dasharray: 5 12;
}

.sky-preview-comparison-line[b-shtmg5502j] {
    stroke-linecap: round;
    stroke: rgba(255, 248, 226, 0.68);
    stroke-width: 2;
}

.sky-preview-planet[b-shtmg5502j] {
    cursor: help;
}

.sky-preview-daily-halo[b-shtmg5502j] {
    opacity: 1;
}

.sky-preview-daily-core[b-shtmg5502j] {
    stroke: rgba(255, 255, 255, 0.2);
    stroke-width: 1.1;
}

.sky-preview-natal-halo[b-shtmg5502j] {
    opacity: 1;
}

.sky-preview-natal-core[b-shtmg5502j] {
    stroke: rgba(5, 8, 16, 0.22);
    stroke-width: 1.1;
}

.sky-preview-label[b-shtmg5502j] {
    fill: #ffffff;
    font-family: "Astromoony", var(--brand-font, serif);
    font-weight: 400;
    pointer-events: none;
    stroke: none;
}

.sky-preview-label--daily[b-shtmg5502j] {
    font-size: 16.5px;
}

.sky-preview-label--natal[b-shtmg5502j] {
    font-size: 14.5px;
}

.sky-preview-watermark[b-shtmg5502j] {
    fill: rgba(241, 200, 111, 0.22);
    font-family: var(--brand-font, serif);
    font-size: 46px;
    font-weight: 800;
    letter-spacing: 0.08em;
    pointer-events: none;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .sky-preview[b-shtmg5502j] {
        border-radius: var(--radius-lg);
    }

    .sky-preview--detailed[b-shtmg5502j] {
        aspect-ratio: 0.82;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sky-preview[b-shtmg5502j] {
        scroll-behavior: auto;
    }
}
/* /Features/Astrology/Sky/UI/Components/SkyGuestDemo.razor.rz.scp.css */
/* Démonstration publique : l'affiche et le panneau réutilisent les composants partagés. */
.sky-public__demo-intro[b-4ft84h53d8] {
    max-width: 60rem;
}

.sky-public__star-count[b-4ft84h53d8] {
    margin: 0.75rem 0 0;
    color: var(--muted);
    font-size: 0.82rem;
    text-align: center;
}
/* /Features/Astrology/Sky/UI/Components/SkyGuestShowcase.razor.rz.scp.css */
.sky-public__hero[b-k1d9phxqmj] {
    display: grid;
    min-height: 34rem;
    align-items: center;
    border-bottom: 1px solid var(--border);
    padding: 4rem 0 5rem;
}

.sky-public__hero-copy[b-k1d9phxqmj] {
    max-width: 58rem;
    margin-inline: auto;
    text-align: center;
}

.sky-public__proof[b-k1d9phxqmj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 1.5rem;
    color: var(--muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.sky-public__proof span[b-k1d9phxqmj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.sky-public__proof span[b-k1d9phxqmj]::before {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--primary);
    content: "";
}

.sky-public__difference[b-k1d9phxqmj],
.sky-public__method[b-k1d9phxqmj] {
    border-block: 1px solid var(--border);
}

.sky-public__comparison[b-k1d9phxqmj] {
    border: 1px solid var(--border);
    border-radius: 8px;
}

.sky-public__comparison th[b-k1d9phxqmj],
.sky-public__comparison td[b-k1d9phxqmj] {
    min-width: 12rem;
    padding: 1rem;
}

.sky-public__steps[b-k1d9phxqmj] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sky-public__steps li[b-k1d9phxqmj] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    border-bottom: 1px solid var(--border);
    padding: 1rem 0;
}

.sky-public__steps li:first-child[b-k1d9phxqmj] {
    padding-top: 0;
}

.sky-public__steps li:last-child[b-k1d9phxqmj] {
    border-bottom: 0;
}

.sky-public__steps li > span[b-k1d9phxqmj] {
    color: var(--primary);
    font-family: var(--brand-font, serif);
    font-size: 1.35rem;
    font-weight: 700;
}

.sky-public__steps h3[b-k1d9phxqmj] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

.sky-public__steps p[b-k1d9phxqmj] {
    margin: 0;
    color: var(--muted);
}

.sky-public__next[b-k1d9phxqmj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.65fr);
    gap: 3rem;
    align-items: center;
    border-top: 1px solid var(--border);
}

.sky-public__next-actions[b-k1d9phxqmj] {
    display: grid;
    justify-items: start;
    gap: 1.25rem;
}

.sky-public__next-actions nav[b-k1d9phxqmj] {
    display: grid;
    gap: 0.5rem;
}

.sky-public__next-actions nav a[b-k1d9phxqmj] {
    color: var(--ink);
    font-weight: 700;
}

@media (max-width: 991px) {
    .sky-public__hero[b-k1d9phxqmj] {
        min-height: 0;
    }

    .sky-public__next[b-k1d9phxqmj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .sky-public__hero[b-k1d9phxqmj] {
        padding-block: 2.5rem 3.5rem;
    }
}
/* /Features/Astrology/Sky/UI/Components/SkyPoster.razor.rz.scp.css */
/* Affiche carte du ciel : rendu partagé par l'éditeur connecté et la démonstration publique. */
.sky-poster-stage[b-ly9s0jcek6] {
    display: flex;
    justify-content: center;
}

/* La largeur est portée par la scène de l'effet d'inclinaison : l'affiche s'y étire.
   Une largeur en pourcentage sur l'affiche elle-même se résoudrait contre une cellule
   dimensionnée par son propre contenu. */
.sky-poster-stage[b-ly9s0jcek6]  .ad-sheen-scene {
    width: min(100%, 560px);
}

.sky-poster[b-ly9s0jcek6] {
    /* Aperçu fidèle au PDF final : proportions A4 portrait. */
    aspect-ratio: 210 / 297;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 100%;
    padding: clamp(1.4rem, 4vw, 2.6rem) clamp(1.2rem, 3.4vw, 2.2rem);
    border-radius: 6px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.sky-poster-map[b-ly9s0jcek6]  .sky-preview {
    background: transparent;
    aspect-ratio: 1.47;
}

.sky-poster-map[b-ly9s0jcek6]  .sky-preview-svg {
    display: block;
    width: 100%;
    height: auto;
}

.sky-poster-caption[b-ly9s0jcek6] {
    text-align: center;
    margin-top: 1.4rem;
}

.sky-poster-title[b-ly9s0jcek6] {
    font-family: var(--brand-font, serif);
    font-size: clamp(1.4rem, 3.4vw, 2rem);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.sky-poster-message[b-ly9s0jcek6] {
    margin-top: 0.5rem;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.98rem;
    opacity: 0.9;
}

.sky-poster-meta[b-ly9s0jcek6] {
    margin-top: 0.7rem;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.72;
}

.sky-poster-meta--coords[b-ly9s0jcek6] {
    margin-top: 0.2rem;
    letter-spacing: 0.2em;
}

/* Thème ivoire : encres sombres sur fond clair. */
.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-halo {
    display: none;
}

.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-disc {
    fill: #efe8da;
    stroke: rgba(28, 35, 51, 0.28);
}

.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-rim {
    stroke: rgba(28, 35, 51, 0.6);
}

.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-grid-ring,
.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-grid-axis {
    stroke: rgba(28, 35, 51, 0.14);
}

.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-star {
    fill: rgba(24, 30, 44, 0.92);
}

.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-constellation {
    stroke: rgba(28, 35, 51, 0.62);
}

.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-milkyway circle {
    fill: rgba(60, 72, 96, 1);
}

.sky-poster--ivory[b-ly9s0jcek6]  .sky-preview-watermark {
    fill: rgba(28, 35, 51, 0.18);
}
/* /Features/Astrology/Sky/UI/Components/SkyPosterControls.razor.rz.scp.css */
/* Panneau de personnalisation de l'affiche, partagé par l'éditeur connecté et la démonstration publique. */
.sky-editor-panel[b-iq42gk1zmq] {
    position: sticky;
    top: 1rem;
}

.sky-theme-choices[b-iq42gk1zmq] {
    display: flex;
    gap: 0.5rem;
}

.sky-theme-choice[b-iq42gk1zmq] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 2px solid rgba(128, 128, 128, 0.25);
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    transition: transform 120ms ease, border-color 120ms ease;
}

.sky-theme-choice:hover[b-iq42gk1zmq] {
    transform: translateY(-1px);
}

.sky-theme-choice--active[b-iq42gk1zmq] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);
}

@media (max-width: 991px) {
    .sky-editor-panel[b-iq42gk1zmq] {
        position: static;
    }
}
/* /Features/Astrology/Sky/UI/Components/SkyPosterExamples.razor.rz.scp.css */
/* Galerie d'affiches d'exemple. L'inclinaison et le reflet viennent de l'effet partagé
   (wwwroot/css/sheen.css) ; seuls les réglages et l'habillage sont définis ici. */
.sky-examples[b-hosgerrsyu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem 2rem;
    margin: 3rem 0 0;
    padding: 0;
    list-style: none;
}

.sky-example[b-hosgerrsyu] {
    display: grid;
    gap: 1rem;
}

/* Réglages de l'effet partagé pour cette galerie : inclinaison plus marquée que sur l'affiche
   de l'éditeur, les vignettes étant petites et non lisibles pendant le survol. */
.sky-example[b-hosgerrsyu]  .sky-example__scene {
    --sheen-ma: 14deg;
    --sheen-oz: 5em;
    --dz: 2.5em;
}

.sky-example__card[b-hosgerrsyu] {
    display: block;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 18px 42px -12px rgba(7, 11, 20, 0.45);
    transition: box-shadow 0.4s ease;
    text-decoration: none;
    color: inherit;
}

.sky-example__scene:hover .sky-example__card[b-hosgerrsyu] {
    box-shadow: 0 34px 68px -14px rgba(7, 11, 20, 0.6);
}

.sky-example__img[b-hosgerrsyu] {
    display: block;
    width: 100%;
    height: auto;
}

/* Pastille flottant au-dessus de l'affiche. */
.sky-example__badge[b-hosgerrsyu] {
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    border-radius: 999px;
    background: rgba(7, 11, 20, 0.68);
    padding: 0.3rem 0.7rem;
    color: #f4efe6;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    translate: 0 0 var(--dz);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.sky-example__scene:hover .sky-example__badge[b-hosgerrsyu],
.sky-example__card:focus-visible .sky-example__badge[b-hosgerrsyu] {
    opacity: 1;
}

.sky-example__card:focus-visible[b-hosgerrsyu] {
    outline: 2px solid var(--primary);
    outline-offset: 0.6rem;
}

.sky-example__caption[b-hosgerrsyu] {
    display: grid;
    gap: 0.15rem;
    margin: 0;
    text-align: center;
}

.sky-example__name[b-hosgerrsyu] {
    font-weight: 700;
}

.sky-example__hint[b-hosgerrsyu] {
    color: var(--muted);
    font-size: 0.82rem;
}

@media (max-width: 991px) {
    .sky-examples[b-hosgerrsyu] {
        grid-template-columns: minmax(0, 1fr);
        max-width: 22rem;
        margin-inline: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sky-example__card[b-hosgerrsyu],
    .sky-example__badge[b-hosgerrsyu] {
        transition: none;
    }
}
/* /Features/Astrology/Sky/UI/Pages/SkyExploration.razor.rz.scp.css */
/* Mise en page de l'éditeur d'affiche : le poster et le panneau portent leurs propres styles. */
.ad-page--sky-exploration[b-iqspbxgn75] {
    overflow-x: clip;
}
/* /Features/Astrology/Timeline/UI/Components/Timeline.razor.rz.scp.css */
.timeline-shell[b-86mu21ifi7] {
    --timeline-shell-padding: clamp(1rem, 2.3vw, 1.6rem);
    --timeline-bg: var(--surface);
    --timeline-bg-soft: var(--surface-2);
    --timeline-border: var(--border);
    --timeline-text: var(--text);
    --timeline-muted: var(--muted);
    --timeline-primary: var(--primary);
    --timeline-primary-strong: var(--primary-2);
    --timeline-gray: #aeb7c2;
    --timeline-red: #cf5f5f;
    --timeline-green: #73b889;
    --timeline-blue: #8eb7d8;
    --timeline-gold: var(--primary-soft);
    --timeline-shadow: var(--shadow);
    width: 100%;
    margin-inline: auto;
    display: grid;
    gap: 1.15rem;
    padding: var(--timeline-shell-padding);
    border: 1px solid color-mix(in srgb, var(--timeline-border) 80%, var(--timeline-primary) 20%);
    border-radius: clamp(24px, 3vw, 34px);
    overflow: visible;
    background: color-mix(in srgb, var(--timeline-bg-soft) 92%, var(--timeline-bg));
    box-shadow: var(--timeline-shadow);
    isolation: isolate;
}

.timeline-shell--demo[b-86mu21ifi7] {
    --timeline-shell-padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    gap: 0.75rem;
    padding: 0;
}

.timeline-header[b-86mu21ifi7] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

/* Le resume du contexte annuel doit rester dans la largeur du shell, quel que soit le texte. */
.timeline-solar-return[b-86mu21ifi7] {
    min-width: 0;
}

.timeline-solar-return-summary[b-86mu21ifi7] {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.timeline-header-main[b-86mu21ifi7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
}

.timeline-header-copy[b-86mu21ifi7] {
    display: grid;
    gap: 0.25rem;
}

.timeline-eyebrow[b-86mu21ifi7] {
    width: fit-content;
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 40%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-primary) 12%, transparent);
    padding: 0.22rem 0.58rem;
    color: color-mix(in srgb, var(--timeline-primary-strong) 82%, var(--timeline-text));
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timeline-title[b-86mu21ifi7] {
    margin: 0;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: clamp(1.7rem, 3.2vw, 3rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

/* Supprime le cadre de focus parfois applique au H1 apres un refresh/navigation. */
.timeline-title:focus[b-86mu21ifi7],
.timeline-title:focus-visible[b-86mu21ifi7] {
    outline: none;
}

.timeline-subtitle[b-86mu21ifi7] {
    max-width: 68rem;
    margin: 0;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: clamp(0.92rem, 1.1vw, 1.02rem);
}

.timeline-header-legend[b-86mu21ifi7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
    min-width: min(100%, 18rem);
}

.timeline-legend-item[b-86mu21ifi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--timeline-border) 72%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-bg-soft) 68%, transparent);
    padding: 0.3rem 0.54rem;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.68rem;
    font-weight: 700;
}

.timeline-legend-item[b-86mu21ifi7]::before {
    content: "";
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: var(--legend-color, var(--timeline-gray));
    box-shadow: 0 0 18px color-mix(in srgb, var(--legend-color, var(--timeline-gray)) 60%, transparent);
}

.timeline-legend-item--momentum[b-86mu21ifi7] {
    --legend-color: var(--timeline-gold);
}

.timeline-legend-item--neutral[b-86mu21ifi7] {
    --legend-color: var(--timeline-green);
}

.timeline-legend-item--friction[b-86mu21ifi7] {
    --legend-color: var(--timeline-red);
}

.timeline-legend-toggles[b-86mu21ifi7] {
    flex-basis: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.3rem;
}

.timeline-legend-toggle[b-86mu21ifi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}

.timeline-legend-toggle input[type="checkbox"][b-86mu21ifi7] {
    accent-color: var(--timeline-gold);
    width: 0.85rem;
    height: 0.85rem;
    cursor: pointer;
}

.timeline-controls[b-86mu21ifi7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
}

.timeline-shell--demo .timeline-controls[b-86mu21ifi7] {
    grid-template-columns: 1fr;
    justify-items: end;
}

.timeline-shell--demo .timeline-toolbar[b-86mu21ifi7] {
    justify-content: flex-end;
}

.timeline-toolbar[b-86mu21ifi7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.timeline-toolbar--compact[b-86mu21ifi7] {
    justify-content: flex-end;
}

.timeline-toolbar-btn[b-86mu21ifi7] {
    border: 1px solid color-mix(in srgb, var(--timeline-border) 76%, var(--timeline-primary) 24%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-bg) 82%, transparent);
    color: color-mix(in srgb, var(--timeline-text) 88%, var(--timeline-muted));
    padding: 0.5rem 0.8rem;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 10%, transparent);
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.timeline-toolbar-btn:hover[b-86mu21ifi7] {
    border-color: color-mix(in srgb, var(--timeline-primary-strong) 58%, var(--timeline-border));
    color: var(--timeline-text);
    transform: translateY(-1px);
}

.timeline-toolbar-btn:focus-visible[b-86mu21ifi7] {
    outline: 2px solid color-mix(in srgb, var(--timeline-primary-strong) 70%, transparent);
    outline-offset: 2px;
}

.timeline-toolbar-btn--active[b-86mu21ifi7] {
    border-color: color-mix(in srgb, var(--timeline-primary-strong) 74%, var(--timeline-primary));
    background: color-mix(in srgb, var(--timeline-primary) 18%, var(--timeline-bg-soft));
    color: var(--timeline-text);
}

.timeline-toolbar-btn--nav[b-86mu21ifi7] {
    min-width: 2.4rem;
    padding-inline: 0.7rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1;
}

.timeline-custom-dates-panel[b-86mu21ifi7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 34%, var(--timeline-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--timeline-primary) 10%, var(--timeline-bg-soft));
    padding: 0.85rem;
}

.timeline-custom-dates-title[b-86mu21ifi7] {
    color: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.timeline-custom-dates-copy[b-86mu21ifi7],
.timeline-custom-dates-message[b-86mu21ifi7] {
    color: var(--timeline-muted);
    font-size: 0.82rem;
}

.timeline-custom-dates-form[b-86mu21ifi7] {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.timeline-custom-dates-input[b-86mu21ifi7] {
    min-width: 11rem;
    height: 2.6rem;
    border: 1px solid color-mix(in srgb, var(--timeline-border) 80%, transparent);
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--timeline-bg) 88%, #fff);
    color: var(--timeline-text);
    padding: 0 0.85rem;
    font-size: 0.86rem;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.timeline-custom-dates-input:focus[b-86mu21ifi7] {
    outline: none;
    border-color: color-mix(in srgb, var(--timeline-primary-strong) 60%, var(--timeline-border));
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--timeline-primary) 22%, transparent);
}

.timeline-custom-dates-time[b-86mu21ifi7] {
    min-width: 7rem;
    height: 2.6rem;
    border: 1px solid color-mix(in srgb, var(--timeline-border) 80%, transparent);
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--timeline-bg) 88%, #fff);
    color: var(--timeline-text);
    padding: 0 0.85rem;
    font-size: 0.86rem;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.timeline-custom-dates-time:focus[b-86mu21ifi7] {
    outline: none;
    border-color: color-mix(in srgb, var(--timeline-primary-strong) 60%, var(--timeline-border));
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--timeline-primary) 22%, transparent);
}

.timeline-custom-dates-add[b-86mu21ifi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 2.6rem;
    padding: 0 1.05rem;
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
}

.timeline-custom-dates-list[b-86mu21ifi7] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.timeline-custom-date-chip[b-86mu21ifi7] {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--timeline-primary-strong) 46%, var(--timeline-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-primary) 16%, transparent);
    transition: border-color 0.18s ease, background 0.18s ease;
}

.timeline-custom-date-chip:hover[b-86mu21ifi7] {
    border-color: color-mix(in srgb, var(--timeline-primary-strong) 70%, var(--timeline-border));
}

.timeline-custom-date-chip__label[b-86mu21ifi7] {
    border: 0;
    background: transparent;
    color: var(--timeline-text);
    padding: 0.35rem 0.3rem 0.35rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.timeline-custom-date-chip__remove[b-86mu21ifi7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: color-mix(in srgb, var(--timeline-muted) 85%, var(--timeline-text));
    padding: 0 0.6rem 0 0.35rem;
    font-size: 0.74rem;
    cursor: pointer;
    transition: color 0.18s ease;
}

.timeline-custom-date-chip__remove:hover[b-86mu21ifi7] {
    color: var(--timeline-red);
}

.timeline-visual[b-86mu21ifi7] {
    display: grid;
    gap: 1rem;
}

.timeline-canvas[b-86mu21ifi7] {
    position: relative;
    width: calc(100% + (var(--timeline-shell-padding) * 2));
    margin-inline: calc(var(--timeline-shell-padding) * -1);
    min-height: 34rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.25rem 0 1rem;
    background: transparent;
    cursor: grab;
    scrollbar-color: color-mix(in srgb, var(--timeline-primary) 48%, transparent) transparent;
    scrollbar-width: thin;
    scroll-padding-inline: var(--timeline-shell-padding);
    touch-action: pan-y pinch-zoom;
    perspective: 1600px;
    perspective-origin: center center;
}

.timeline-shell--demo .timeline-canvas[b-86mu21ifi7] {
    width: 100%;
    margin-inline: 0;
    min-height: clamp(38rem, 62vw, 41rem);
    border-block: 0;
    padding: 0;
}

.timeline-canvas:focus-visible[b-86mu21ifi7] {
    outline: 2px solid color-mix(in srgb, var(--timeline-primary-strong) 70%, transparent);
    outline-offset: 3px;
}

.timeline-canvas.timeline-canvas--dragging[b-86mu21ifi7] {
    cursor: grabbing;
    user-select: none;
}

.timeline-canvas[b-86mu21ifi7]::-webkit-scrollbar {
    height: 0.5rem;
}

.timeline-canvas[b-86mu21ifi7]::-webkit-scrollbar-track {
    background: transparent;
}

.timeline-canvas[b-86mu21ifi7]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-primary) 48%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-svg {
    display: block;
    width: max-content;
    height: auto;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-axis-line {
    fill: none;
    stroke: color-mix(in srgb, var(--timeline-primary-strong) 36%, transparent);
    stroke-width: 1.5;
    stroke-dasharray: 7 12;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-axis-dot {
    fill: color-mix(in srgb, var(--timeline-primary-strong) 70%, var(--timeline-bg));
    display: none;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card {
    --timeline-card-tint: var(--timeline-gray);
    cursor: pointer;
    outline: none;
    scroll-snap-align: center;
    transform-style: preserve-3d;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card-inner {
    transform-box: fill-box;
    transform-origin: center center;
    transform-style: preserve-3d;
    transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card-face {
    transform-box: fill-box;
    transform-origin: center center;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card-link {
    stroke: color-mix(in srgb, var(--timeline-card-tint) 36%, transparent);
    stroke-width: 1.2;
    stroke-linecap: round;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card-bg {
    fill: color-mix(in srgb, var(--timeline-bg-soft) 94%, var(--timeline-bg));
    stroke: color-mix(in srgb, var(--timeline-card-tint) 74%, var(--timeline-border));
    stroke-width: 2.2;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.1));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card--active .timeline-day-card-bg {
    fill: color-mix(in srgb, var(--timeline-bg-soft) 94%, var(--timeline-bg));
    stroke: color-mix(in srgb, var(--timeline-card-tint) 86%, var(--timeline-primary-strong));
    stroke-width: 3.2;
    filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.12));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card:not(.timeline-day-card--flipped) .timeline-day-card-bg {
    stroke: color-mix(in srgb, var(--timeline-gray) 74%, var(--timeline-border));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-viewport {
    fill: #070b15;
    stroke: color-mix(in srgb, var(--timeline-card-tint) 50%, rgba(255, 255, 255, 0.16));
    stroke-width: 1.25;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-orbit {
    fill: none;
    stroke: color-mix(in srgb, var(--timeline-primary-strong) 22%, transparent);
    stroke-width: 0.9;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-orbit--inner {
    stroke: color-mix(in srgb, var(--timeline-blue) 18%, transparent);
    stroke-dasharray: 4 10;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-star {
    fill: #8f96a1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-constellation {
    stroke: color-mix(in srgb, var(--timeline-card-tint) 56%, #ffffff);
    stroke-width: 1;
    stroke-linecap: round;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-connection {
    stroke: color-mix(in srgb, var(--timeline-card-tint) 26%, transparent);
    stroke-width: 0.8;
    stroke-linecap: round;
    stroke-dasharray: 4 8;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-daily-halo {
    opacity: 1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-daily-core {
    stroke: rgba(255, 255, 255, 0.2);
    stroke-width: 1.1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-natal-halo {
    opacity: 1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-natal-core {
    stroke: rgba(5, 8, 16, 0.24);
    stroke-width: 1.1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-planet-glyph {
    fill: #0c1017;
    font-family: "Astromoony", var(--brand-font, serif);
    font-weight: 400;
    stroke: none;
    pointer-events: none;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-daily-planet,
.timeline-canvas[b-86mu21ifi7]  .timeline-sky-natal-planet {
    cursor: help;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-planet-glyph--daily {
    letter-spacing: 0;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-planet-glyph--natal {
    letter-spacing: 0;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-sky-date {
    fill: #ffffff;
    font-family: var(--brand-font, serif);
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card--red,
.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-card--red {
    --timeline-card-tint: var(--timeline-red);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card--green,
.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-card--green {
    --timeline-card-tint: var(--timeline-green);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-card--gold,
.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-card--gold {
    --timeline-card-tint: var(--timeline-gold);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-date {
    fill: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-label {
    fill: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-badge-rect {
    fill: color-mix(in srgb, var(--timeline-card-tint) 14%, var(--timeline-bg) 86%);
    stroke: color-mix(in srgb, var(--timeline-card-tint) 64%, transparent);
    stroke-width: 1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-badge-text {
    fill: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 11px;
    font-weight: 800;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-score-bg {
    fill: color-mix(in srgb, var(--timeline-bg) 88%, var(--timeline-card-tint) 12%);
    stroke: color-mix(in srgb, var(--timeline-card-tint) 66%, var(--timeline-border));
    stroke-width: 1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-score-value {
    fill: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 15px;
    font-weight: 800;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-score-label {
    fill: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-track {
    fill: transparent;
    stroke: color-mix(in srgb, var(--timeline-border) 72%, transparent);
    stroke-width: 1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-area {
    fill: transparent;
    stroke: none;
    pointer-events: none;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-line {
    fill: none;
    stroke: #313131;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-segment {
    opacity: 0.9;
    stroke-width: 0;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-segment--red {
    fill: color-mix(in srgb, var(--timeline-red) 88%, var(--timeline-bg));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-segment--green {
    fill: color-mix(in srgb, var(--timeline-green) 86%, var(--timeline-bg));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-guide {
    stroke: rgba(244, 239, 230, 0.08);
    stroke-width: 0.7;
    pointer-events: none;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-segment--gold {
    fill: color-mix(in srgb, var(--timeline-gold) 90%, var(--timeline-bg));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-segment--dimmed {
    opacity: 0.28;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-caption,
.timeline-canvas[b-86mu21ifi7]  .timeline-hour-tick,
.timeline-canvas[b-86mu21ifi7]  .timeline-summary-heading,
.timeline-canvas[b-86mu21ifi7]  .timeline-signals-heading,
.timeline-canvas[b-86mu21ifi7]  .timeline-status,
.timeline-canvas[b-86mu21ifi7]  .timeline-empty {
    fill: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-caption {
    font-size: 11px;
    font-weight: 700;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-hour-tick {
    font-size: 10px;
    opacity: 0.82;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-theme-chip {
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "FontAwesome";
    font-weight: 900;
    font-size: 11px;
    fill: var(--timeline-gold, rgba(231, 211, 165, 0.95));
    paint-order: stroke;
    stroke: rgba(12, 14, 22, 0.65);
    stroke-width: 3px;
    cursor: help;
    opacity: 0.92;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-summary-heading,
.timeline-canvas[b-86mu21ifi7]  .timeline-signals-heading {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-summary-line,
.timeline-canvas[b-86mu21ifi7]  .timeline-signal-row,
.timeline-canvas[b-86mu21ifi7]  .timeline-summary-chip-label,
.timeline-canvas[b-86mu21ifi7]  .timeline-summary-chip-value {
    fill: color-mix(in srgb, var(--timeline-text) 88%, var(--timeline-muted));
    font-family: var(--tagline-font, sans-serif);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-summary-chip-bg {
    fill: color-mix(in srgb, var(--timeline-bg) 74%, transparent);
    stroke: color-mix(in srgb, var(--timeline-border) 72%, transparent);
    stroke-width: 1;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-summary-chip--summary .timeline-summary-chip-bg {
    fill: color-mix(in srgb, var(--timeline-primary) 16%, var(--timeline-bg));
    stroke: color-mix(in srgb, var(--timeline-primary) 52%, var(--timeline-border));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-summary-chip-label {
    fill: var(--timeline-muted);
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-summary-chip-value {
    fill: var(--timeline-text);
    font-size: 10px;
    font-weight: 800;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-summary-line {
    font-size: 12px;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-signal-row {
    font-size: 11px;
    font-weight: 700;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-signal-row--positive {
    fill: color-mix(in srgb, var(--timeline-green) 78%, var(--timeline-text));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-signal-row--negative {
    fill: color-mix(in srgb, var(--timeline-red) 78%, var(--timeline-text));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-signal-row--mixed {
    fill: color-mix(in srgb, var(--timeline-blue) 68%, var(--timeline-muted));
}

.timeline-canvas[b-86mu21ifi7]  .timeline-day-details {
    display: none;
}

.timeline-inspector[b-86mu21ifi7] {
    min-height: 12rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-empty {
    display: grid;
    gap: 0.25rem;
    border: 1px solid color-mix(in srgb, var(--timeline-border) 70%, transparent);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    text-align: center;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-empty strong {
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 1.05rem;
    font-weight: 700;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-empty span {
    color: var(--timeline-muted);
    font-size: 0.88rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-card {
    --timeline-card-tint: var(--timeline-gray);
    display: grid;
    gap: 1rem;
    border: 2px solid color-mix(in srgb, var(--timeline-card-tint) 54%, var(--timeline-border));
    border-radius: clamp(22px, 3vw, 30px);
    background: color-mix(in srgb, var(--timeline-bg-soft) 94%, var(--timeline-bg));
    padding: clamp(1rem, 2vw, 1.35rem);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-kicker {
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-title {
    margin: 0.15rem 0 0;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: clamp(1.25rem, 2.3vw, 2rem);
    line-height: 1;
    letter-spacing: -0.035em;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-score {
    min-width: 5.1rem;
    border: 1px solid color-mix(in srgb, var(--timeline-card-tint) 50%, transparent);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--timeline-card-tint) 16%, var(--timeline-bg) 84%);
    padding: 0.68rem 0.74rem;
    text-align: center;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-score span {
    display: block;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-score small,
.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-metrics small {
    display: block;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-metrics span {
    border: 1px solid color-mix(in srgb, var(--timeline-border) 68%, transparent);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--timeline-bg) 58%, transparent);
    padding: 0.7rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-metrics strong {
    display: block;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 1.05rem;
    line-height: 1;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-body {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    gap: 1rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-summary,
.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-focus-card,
.timeline-inspector[b-86mu21ifi7]  .timeline-day-details-panel {
    border: 1px solid color-mix(in srgb, var(--timeline-border) 65%, transparent);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--timeline-bg) 58%, transparent);
    padding: 1rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-summary h3,
.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-focus h3,
.timeline-inspector[b-86mu21ifi7]  .timeline-day-details-panel-title {
    margin: 0 0 0.65rem;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-summary p {
    margin: 0;
    color: color-mix(in srgb, var(--timeline-text) 88%, var(--timeline-muted));
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.92rem;
    line-height: 1.55;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-summary p + p {
    margin-top: 0.42rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-focus {
    display: grid;
    align-content: start;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-focus-card strong,
.timeline-inspector[b-86mu21ifi7]  .timeline-detail-title {
    display: block;
    margin: 0;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.12;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-inspector-focus-card span,
.timeline-inspector[b-86mu21ifi7]  .timeline-detail-meta,
.timeline-inspector[b-86mu21ifi7]  .timeline-detail-copy,
.timeline-inspector[b-86mu21ifi7]  .timeline-detail-empty {
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.82rem;
    line-height: 1.45;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-day-details-panel {
    display: grid;
    gap: 0.75rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-item {
    padding-bottom: 0.78rem;
    border-bottom: 1px solid color-mix(in srgb, var(--timeline-border) 65%, transparent);
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-copy {
    margin-top: 0.5rem;
    color: color-mix(in srgb, var(--timeline-text) 78%, var(--timeline-muted));
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-copy-label {
    color: var(--timeline-muted);
    font-weight: 800;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-table {
    width: 100%;
    margin-top: 0.6rem;
    border-collapse: collapse;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.8rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-table th,
.timeline-inspector[b-86mu21ifi7]  .timeline-detail-table td {
    padding-block: 0.22rem;
    vertical-align: top;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-table th {
    width: 36%;
    padding-right: 0.65rem;
    color: var(--timeline-muted);
    font-weight: 800;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-table td {
    color: var(--timeline-text);
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    margin-top: 0.55rem;
}

.timeline-inspector[b-86mu21ifi7]  .timeline-detail-tag {
    display: inline-flex;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--timeline-card-tint) 42%, var(--timeline-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-card-tint) 15%, var(--timeline-bg));
    padding: 0.16rem 0.46rem;
    color: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.7rem;
    font-weight: 800;
}

.timeline-insights[b-86mu21ifi7] {
    display: grid;
    background: #ffffff;
    padding: clamp(0.75rem, 1.5vw, 1.15rem);
}

.timeline-shell--demo .timeline-insights[b-86mu21ifi7] {
    background: transparent;
    padding: 0;
}

.timeline-selected-day-panel[b-86mu21ifi7] {
    display: grid;
    gap: 0.85rem;
    padding: 0;
    background: transparent;
}

.timeline-selected-day-panel--locked[b-86mu21ifi7] {
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 38%, var(--timeline-border));
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, rgba(241, 200, 111, 0.16), rgba(255, 255, 255, 0.78));
    padding: clamp(1rem, 2vw, 1.35rem);
}

.timeline-selected-day-panel-header[b-86mu21ifi7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.timeline-selected-day-panel-title[b-86mu21ifi7] {
    margin: 0;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: clamp(1.08rem, 1.5vw, 1.3rem);
    font-weight: 700;
}

.timeline-selected-day-button[b-86mu21ifi7] {
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 58%, var(--timeline-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-primary) 18%, var(--timeline-bg));
    color: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.46rem 0.86rem;
}

.timeline-selected-day-button:disabled[b-86mu21ifi7] {
    opacity: 0.56;
    cursor: not-allowed;
}

.timeline-selected-day-meta[b-86mu21ifi7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.timeline-selected-day-date[b-86mu21ifi7] {
    color: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.95rem;
    font-weight: 800;
}

.timeline-selected-day-score[b-86mu21ifi7] {
    border: 1px solid color-mix(in srgb, var(--timeline-border) 70%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-bg-soft) 78%, transparent);
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.36rem 0.72rem;
}

.timeline-selected-day-panel-actions[b-86mu21ifi7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.timeline-coach-trigger[b-86mu21ifi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 58%, var(--timeline-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--timeline-primary) 18%, var(--timeline-bg));
    color: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1;
    padding: 0.52rem 0.82rem;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 10%, transparent);
}

.timeline-coach-trigger:hover[b-86mu21ifi7],
.timeline-coach-trigger:focus-visible[b-86mu21ifi7] {
    border-color: color-mix(in srgb, var(--timeline-primary-strong) 72%, var(--timeline-border));
    color: var(--timeline-text);
    outline: none;
    transform: translateY(-1px);
}

/* Réserve l'espace à droite pour la barre verticale Coach IA. */
.timeline-selected-day-panel--with-coach[b-86mu21ifi7] {
    position: relative;
    padding-right: 3.4rem;
}

/* Barre verticale Coach IA, pleine hauteur du panneau (style "onglet latéral"). */
.timeline-coach-rail[b-86mu21ifi7] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    width: 2.7rem;
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 50%, var(--timeline-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--timeline-primary) 16%, var(--timeline-bg));
    color: var(--timeline-text);
    cursor: pointer;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 10%, transparent);
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.timeline-coach-rail i[b-86mu21ifi7] {
    font-size: 1.05rem;
    color: var(--timeline-primary-strong, var(--timeline-primary));
}

.timeline-coach-rail span[b-86mu21ifi7] {
    writing-mode: vertical-rl;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.timeline-coach-rail:hover[b-86mu21ifi7],
.timeline-coach-rail:focus-visible[b-86mu21ifi7] {
    border-color: color-mix(in srgb, var(--timeline-primary-strong) 72%, var(--timeline-border));
    background: color-mix(in srgb, var(--timeline-primary) 26%, var(--timeline-bg));
    color: var(--timeline-text);
    outline: none;
}

@media (max-width: 640px) {
    .timeline-selected-day-panel--with-coach[b-86mu21ifi7] {
        padding-right: 2.6rem;
    }

    .timeline-coach-rail[b-86mu21ifi7] {
        width: 2.1rem;
    }

    .timeline-coach-rail span[b-86mu21ifi7] {
        font-size: 0.72rem;
    }
}

.timeline-selected-day-metrics[b-86mu21ifi7] {
    display: grid;
    /* Trois encarts (meilleure fenêtre, fenêtre sensible, balance) alignés sur une même ligne. */
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0.62rem;
}

.timeline-selected-day-metric[b-86mu21ifi7] {
    border: 1px solid color-mix(in srgb, var(--timeline-border) 70%, transparent);
    border-radius: 15px;
    background: color-mix(in srgb, var(--timeline-bg-soft) 78%, transparent);
    padding: 0.58rem 0.7rem;
}

.timeline-selected-day-metric span[b-86mu21ifi7] {
    display: block;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.timeline-selected-day-metric strong[b-86mu21ifi7] {
    display: block;
    margin-top: 0.28rem;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.24;
}

.timeline-selected-day-metric--ai[b-86mu21ifi7] {
    grid-column: 1 / -1;
    border-color: color-mix(in srgb, var(--timeline-primary) 45%, var(--timeline-border));
    background: color-mix(in srgb, var(--timeline-primary) 12%, var(--timeline-bg-soft));
}

.timeline-selected-day-metric--ai strong[b-86mu21ifi7] {
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.45;
}

.timeline-selected-day-summary[b-86mu21ifi7] {
    color: color-mix(in srgb, var(--timeline-text) 90%, var(--timeline-muted));
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.89rem;
    line-height: 1.55;
    white-space: pre-line;
}

.timeline-selected-day-summary--intro[b-86mu21ifi7] {
    font-size: 0.96rem;
    line-height: 1.68;
}

.timeline-selected-day-details-toggle[b-86mu21ifi7] {
    border-top: 1px solid color-mix(in srgb, var(--timeline-border) 72%, transparent);
    padding-top: 0.9rem;
}

.timeline-selected-day-details-toggle summary[b-86mu21ifi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--timeline-primary-strong);
    cursor: pointer;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.88rem;
    font-weight: 800;
    list-style: none;
}

.timeline-selected-day-details-toggle summary[b-86mu21ifi7]::-webkit-details-marker {
    display: none;
}

.timeline-selected-day-details-toggle summary[b-86mu21ifi7]::after {
    color: var(--timeline-primary);
    content: "+";
    font-size: 1rem;
    line-height: 1;
}

.timeline-selected-day-details-toggle[open] summary[b-86mu21ifi7]::after {
    content: "−";
}

.timeline-selected-day-details-toggle summary:focus-visible[b-86mu21ifi7] {
    outline: 2px solid color-mix(in srgb, var(--timeline-primary-strong) 70%, transparent);
    outline-offset: 4px;
}

.timeline-selected-day-details-copy[b-86mu21ifi7] {
    padding-top: 0.9rem;
}

.timeline-selected-day-details-list[b-86mu21ifi7] {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding-left: 1.1rem;
}

.timeline-selected-day-details-list li[b-86mu21ifi7] {
    color: color-mix(in srgb, var(--timeline-text) 90%, var(--timeline-muted));
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.89rem;
    line-height: 1.68;
}

.timeline-selected-day-details-list strong[b-86mu21ifi7] {
    color: var(--timeline-text);
    font-weight: 800;
}

.timeline-selected-day-signals[b-86mu21ifi7] {
    display: grid;
    gap: 0.52rem;
}

.timeline-selected-day-signal[b-86mu21ifi7] {
    display: grid;
    gap: 0.18rem;
    border-left: 2px solid color-mix(in srgb, var(--timeline-primary) 55%, var(--timeline-border));
    padding-left: 0.62rem;
}

.timeline-selected-day-signal-title[b-86mu21ifi7] {
    color: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.3;
}

.timeline-selected-day-signal-meta[b-86mu21ifi7],
.timeline-selected-day-hint[b-86mu21ifi7],
.timeline-selected-day-empty[b-86mu21ifi7] {
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.79rem;
    line-height: 1.5;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions {
    display: grid;
    gap: 1rem;
    padding-top: 0.35rem;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-panel,
.timeline-shell[b-86mu21ifi7]  .timeline-questions-answer,
.timeline-shell[b-86mu21ifi7]  .timeline-questions-debug {
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-body,
.timeline-shell[b-86mu21ifi7]  .timeline-questions-debug-body {
    padding: 0;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-textarea {
    min-height: 6rem;
    padding: 0.7rem 0.9rem;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-experience {
    display: grid;
    gap: 0.9rem;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-composer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: stretch;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-input-shell {
    display: grid;
    gap: 0.45rem;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-input-label {
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-input {
    min-height: 3.35rem;
    border: 1px solid color-mix(in srgb, var(--timeline-border) 76%, transparent);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--timeline-bg-soft) 76%, transparent);
    color: var(--timeline-text);
    padding: 0.7rem 0.9rem;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.98rem;
    line-height: 1.45;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-input.is-empty::before {
    color: color-mix(in srgb, var(--timeline-muted) 88%, transparent);
    content: attr(data-demo-placeholder);
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-submit {
    display: grid;
    width: 3.35rem;
    min-height: 3.35rem;
    place-items: center;
    align-self: stretch;
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 48%, var(--timeline-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--timeline-primary) 18%, var(--timeline-bg-soft));
    color: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 1.04rem;
    font-weight: 800;
    padding: 0;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 10%, transparent);
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-loader {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.55rem;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.85rem;
    font-weight: 700;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-loader__dot {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: var(--timeline-primary);
    box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--timeline-primary) 14%, transparent);
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-answer--ai {
    border: 1px solid color-mix(in srgb, var(--timeline-primary) 52%, var(--timeline-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--timeline-primary) 16%, var(--timeline-bg));
    padding: 0.95rem;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-answer-label {
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-answer-copy,
.timeline-shell[b-86mu21ifi7]  .timeline-questions-answer-confidence {
    color: color-mix(in srgb, var(--timeline-text) 88%, var(--timeline-muted));
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.9rem;
    line-height: 1.62;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-answer-copy {
    white-space: pre-line;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-response {
    display: grid;
    gap: 0.7rem;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-response p {
    color: color-mix(in srgb, var(--timeline-text) 90%, var(--timeline-muted));
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.9rem;
    line-height: 1.7;
    margin: 0;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-response strong {
    color: var(--timeline-text);
    font-weight: 800;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-debug {
    overflow: hidden;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-debug-summary {
    display: block;
    cursor: pointer;
    list-style: none;
    padding: 1rem 1.25rem;
    font-weight: 700;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-debug-summary::-webkit-details-marker {
    display: none;
}

.timeline-shell[b-86mu21ifi7]  .timeline-questions-debug[open] .timeline-questions-debug-summary {
    background: transparent;
}

.timeline-coach-offcanvas[b-86mu21ifi7] {
    --bs-offcanvas-width: min(94vw, 34rem);
    border-left: 1px solid color-mix(in srgb, var(--primary-on-dark) 22%, transparent);
    background:
        radial-gradient(24rem 18rem at 100% 0%, color-mix(in srgb, var(--primary-on-dark) 18%, transparent), transparent 70%),
        linear-gradient(180deg, #fffaf2, #f7efe4);
    color: #2f2b25;
}

.timeline-coach-offcanvas__header[b-86mu21ifi7] {
    align-items: center;
    border-bottom: 0;
    padding: 1.1rem 1.15rem 0.85rem;
}

.timeline-coach-offcanvas__title[b-86mu21ifi7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #121821;
    font-family: var(--brand-font, serif);
    font-size: 1.55rem;
    line-height: 1;
    margin: 0;
}

.timeline-coach-offcanvas__title i[b-86mu21ifi7] {
    color: var(--primary-ink);
    font-size: 1.3rem;
}

.timeline-coach-offcanvas__close[b-86mu21ifi7] {
    margin-top: 0;
}

.timeline-coach-offcanvas__body[b-86mu21ifi7] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    overflow-y: auto;
}

.timeline-coach-offcanvas .ad-coach-chat[b-86mu21ifi7] {
    width: 100%;
    max-width: none;
    align-content: start;
    animation: none;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions {
    display: grid;
    gap: 0.95rem;
    padding-top: 0;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-panel,
.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-answer,
.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-debug {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-body,
.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-debug-body {
    padding: 0;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-textarea {
    min-height: 7.4rem;
    border: 1px solid rgba(18, 24, 33, 0.10);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.72);
    color: #2f2b25;
    padding: 0.85rem 0.95rem;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-textarea:focus {
    border-color: color-mix(in srgb, var(--primary-on-dark) 60%, transparent);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-on-dark) 14%, transparent);
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-user-message {
    display: flex;
    justify-content: flex-end;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-user-bubble {
    max-width: min(88%, 29rem);
    border-radius: 1rem 1rem 0.34rem 1rem;
    background: #1f2632;
    color: var(--cream);
    padding: 0.82rem 0.95rem;
    box-shadow: 0 6px 16px rgba(10, 14, 22, 0.12);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.94rem;
    line-height: 1.56;
    animation: timeline-coach-bubble-in-b-86mu21ifi7 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-answer--ai {
    justify-self: start;
    max-width: min(88%, 29rem);
    border: 1px solid color-mix(in srgb, var(--primary-on-dark) 20%, transparent);
    border-radius: 1rem 1rem 1rem 0.34rem;
    background: rgba(255, 248, 236, 0.90);
    color: #2f2b25;
    padding: 0.82rem 0.95rem;
    box-shadow: none;
    animation: timeline-coach-bubble-in-b-86mu21ifi7 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-typing {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: auto;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-typing__dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: var(--primary-ink);
    opacity: 0.5;
    animation: timeline-coach-typing-b-86mu21ifi7 1s ease-in-out infinite;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-typing__dot:nth-child(2) {
    animation-delay: 0.16s;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-typing__dot:nth-child(3) {
    animation-delay: 0.32s;
}

@keyframes timeline-coach-typing-b-86mu21ifi7 {
    0%, 100% {
        opacity: 0.35;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-3px);
    }
}

@keyframes timeline-coach-bubble-in-b-86mu21ifi7 {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-user-bubble,
    .timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-answer--ai {
        animation: none;
    }
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-answer-label {
    display: none;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-answer-copy,
.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-answer-confidence,
.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-demo-response p {
    color: #2f2b25;
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.94rem;
    line-height: 1.56;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-demo-composer {
    grid-template-columns: minmax(0, 1fr) auto;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-demo-input {
    border-color: rgba(18, 24, 33, 0.10);
    background: rgba(255, 255, 255, 0.72);
    color: #2f2b25;
}

.timeline-coach-offcanvas[b-86mu21ifi7]  .timeline-questions-demo-submit {
    border-color: color-mix(in srgb, var(--primary-on-dark) 50%, transparent);
    background: #121821;
    color: var(--cream);
}

@media (max-width: 980px) {
    .timeline-header-main[b-86mu21ifi7],
    .timeline-controls[b-86mu21ifi7],
    .timeline-inspector[b-86mu21ifi7]  .timeline-inspector-body {
        grid-template-columns: 1fr;
    }

    .timeline-header-legend[b-86mu21ifi7],
    .timeline-toolbar--compact[b-86mu21ifi7] {
        justify-content: flex-start;
    }

    .timeline-canvas[b-86mu21ifi7] {
        min-height: 35rem;
    }

    .timeline-selected-day-panel-header[b-86mu21ifi7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .timeline-selected-day-button[b-86mu21ifi7] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .timeline-shell[b-86mu21ifi7] {
        padding: 0.85rem;
        border-radius: var(--radius-lg);
    }

    .timeline-canvas[b-86mu21ifi7] {
        width: 100%;
        margin-inline: 0;
        min-height: 34.5rem;
        border-radius: var(--radius-md);
    }

    .timeline-toolbar-btn[b-86mu21ifi7] {
        flex: 1 1 auto;
        justify-content: center;
        padding-inline: 0.7rem;
    }

    .timeline-inspector[b-86mu21ifi7]  .timeline-inspector-hero,
    .timeline-inspector[b-86mu21ifi7]  .timeline-inspector-metrics {
        grid-template-columns: 1fr;
    }

    .timeline-selected-day-metrics[b-86mu21ifi7] {
        grid-template-columns: 1fr;
    }

    .timeline-shell[b-86mu21ifi7]  .timeline-questions-demo-composer {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .timeline-toolbar-btn[b-86mu21ifi7] {
        transition: none;
    }
}

/* Avatars de resonance relationnelle sur la carte (SVG rendu par le moteur timeline). */
.timeline-canvas[b-86mu21ifi7]  .timeline-relations-eyebrow {
    fill: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-bubble {
    fill: color-mix(in srgb, var(--timeline-gray) 30%, transparent);
    stroke: color-mix(in srgb, var(--timeline-gray) 60%, transparent);
    stroke-width: 1.5;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-bubble--momentum {
    fill: color-mix(in srgb, var(--timeline-green) 32%, transparent);
    stroke: color-mix(in srgb, var(--timeline-green) 70%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-bubble--tension {
    fill: color-mix(in srgb, var(--timeline-red) 28%, transparent);
    stroke: color-mix(in srgb, var(--timeline-red) 64%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-bubble--extra {
    fill: color-mix(in srgb, var(--timeline-primary) 24%, transparent);
    stroke: color-mix(in srgb, var(--timeline-primary) 60%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-link {
    stroke: color-mix(in srgb, var(--timeline-gray) 45%, transparent);
    stroke-width: 1;
    stroke-dasharray: 2 2;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-link--momentum {
    stroke: color-mix(in srgb, var(--timeline-green) 55%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-link--tension {
    stroke: color-mix(in srgb, var(--timeline-red) 50%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-ring {
    fill: none;
    stroke: color-mix(in srgb, var(--timeline-gray) 55%, transparent);
    stroke-width: 1.5;
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-ring--momentum {
    stroke: color-mix(in srgb, var(--timeline-green) 70%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-ring--tension {
    stroke: color-mix(in srgb, var(--timeline-red) 64%, transparent);
}

.timeline-canvas[b-86mu21ifi7]  .timeline-relation-initials {
    fill: var(--timeline-text);
    font-family: var(--tagline-font, sans-serif);
    font-size: 11px;
    font-weight: 600;
}
/* /Features/Astrology/Timeline/UI/Components/TimelineDayRelations.razor.rz.scp.css */
/* Section "Relations du jour" sous la carte. */
.timeline-relations[b-typxeb506w] {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid color-mix(in srgb, var(--timeline-border) 70%, transparent);
}

.timeline-relations-header[b-typxeb506w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 14px;
}

.timeline-relations-title[b-typxeb506w] {
    margin: 0;
    color: var(--timeline-text);
    font-family: var(--brand-font, serif);
    font-size: 1.05rem;
}

.timeline-relations-subtitle[b-typxeb506w] {
    margin: 0;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.82rem;
}

.timeline-relations-status[b-typxeb506w] {
    margin: 0;
    color: var(--timeline-muted);
    font-size: 0.85rem;
}

.timeline-relations-table[b-typxeb506w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.timeline-relations-row[b-typxeb506w] {
    display: grid;
    grid-template-columns: minmax(128px, 1.2fr) 58px minmax(74px, 0.62fr) minmax(88px, 0.7fr) minmax(88px, 0.7fr) minmax(300px, 3.8fr);
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--timeline-border) 70%, transparent);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--timeline-bg-soft) 60%, transparent);
}

.timeline-relations-row--head[b-typxeb506w] {
    padding: 4px 14px;
    border: none;
    background: none;
    color: var(--timeline-muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timeline-relations-cell[b-typxeb506w] {
    color: color-mix(in srgb, var(--timeline-text) 90%, var(--timeline-muted));
    font-size: 0.86rem;
    min-width: 0;
}

.timeline-relations-cell--profile[b-typxeb506w] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
}

/* Reprend la présentation des onglets profil du thème natal : photo ronde, nom dessous. */
.timeline-relation-profile-card[b-typxeb506w] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}

    .timeline-relation-profile-card[b-typxeb506w]  .bp-profile-avatar {
        width: 110px;
        height: 110px;
    }

.timeline-relation-profile-card--momentum[b-typxeb506w]  .bp-profile-avatar {
    border-color: color-mix(in srgb, var(--timeline-green) 55%, transparent);
}

.timeline-relation-profile-card--tension[b-typxeb506w]  .bp-profile-avatar {
    border-color: color-mix(in srgb, var(--timeline-red) 50%, transparent);
}

.timeline-relation-profile-card[b-typxeb506w]  .bp-profile-name {
    font-weight: 600;
    color: var(--timeline-text);
    font-size: 0.88rem;
}

.timeline-relation-score[b-typxeb506w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 3px 8px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.82rem;
    background: color-mix(in srgb, var(--timeline-gray) 22%, transparent);
    color: var(--timeline-text);
}

.timeline-relation-score--momentum[b-typxeb506w] {
    background: color-mix(in srgb, var(--timeline-green) 24%, transparent);
    color: color-mix(in srgb, var(--timeline-green) 85%, var(--timeline-text));
}

.timeline-relation-score--tension[b-typxeb506w] {
    background: color-mix(in srgb, var(--timeline-red) 22%, transparent);
    color: color-mix(in srgb, var(--timeline-red) 85%, var(--timeline-text));
}

.timeline-relations-cell--explanation[b-typxeb506w] {
    color: var(--timeline-muted);
    line-height: 1.45;
}

@media (max-width: 720px) {
    .timeline-relations-row--head[b-typxeb506w] {
        display: none;
    }

    .timeline-relations-row[b-typxeb506w] {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .timeline-relations-cell:not(.timeline-relations-cell--profile)[b-typxeb506w]::before {
        content: attr(data-label) " · ";
        color: var(--timeline-muted);
        font-size: 0.72rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
}
/* /Features/Astrology/Timeline/UI/Components/TimelineGuestShowcase.razor.rz.scp.css */
.trends-public[b-lbfxvl1gvi] {
    --trends-positive: #2f7758;
    --trends-stable: #53708a;
    --trends-friction: #a34f55;
}

.trends-public__hero[b-lbfxvl1gvi] {
    display: grid;
    min-height: 34rem;
    align-items: center;
    border-bottom: 1px solid var(--border);
    padding: 4rem 0 5rem;
}

.trends-public__hero-copy[b-lbfxvl1gvi] {
    max-width: 58rem;
    margin-inline: auto;
    text-align: center;
}

.trends-public__proof[b-lbfxvl1gvi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 1.5rem;
    color: var(--muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.trends-public__proof span[b-lbfxvl1gvi] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.trends-public__proof span[b-lbfxvl1gvi]::before {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--primary);
    content: "";
}

.trends-public__section-heading[b-lbfxvl1gvi] {
    max-width: 58rem;
}

.trends-public__demo-profile[b-lbfxvl1gvi],
.trends-public__disclaimer[b-lbfxvl1gvi] {
    color: var(--muted);
}

.trends-public__demo-frame[b-lbfxvl1gvi] {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    padding: 1rem;
}

.trends-public__disclaimer[b-lbfxvl1gvi] {
    max-width: 62rem;
    margin: 1rem auto 0;
    font-size: 0.85rem;
    text-align: center;
}

.trends-public__method[b-lbfxvl1gvi],
.trends-public__limits[b-lbfxvl1gvi] {
    border-block: 1px solid var(--border);
}

.trends-public__steps[b-lbfxvl1gvi] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.trends-public__steps li[b-lbfxvl1gvi] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    border-bottom: 1px solid var(--border);
    padding: 1.25rem 0;
    color: var(--muted);
}

.trends-public__steps li:first-child[b-lbfxvl1gvi] {
    padding-top: 0;
}

.trends-public__steps li:last-child[b-lbfxvl1gvi] {
    border-bottom: 0;
    padding-bottom: 0;
}

.trends-public__steps strong[b-lbfxvl1gvi] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--ink);
}

.trends-public__step-index[b-lbfxvl1gvi] {
    color: var(--primary);
    font-family: var(--brand-font, serif);
    font-size: 1.35rem;
    font-weight: 700;
}

.trends-public__reading-table[b-lbfxvl1gvi] {
    border: 1px solid var(--border);
    border-radius: 8px;
}

.trends-public__reading-table th[b-lbfxvl1gvi],
.trends-public__reading-table td[b-lbfxvl1gvi] {
    min-width: 10rem;
    padding: 1rem;
}

.trends-public__signal[b-lbfxvl1gvi] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.trends-public__signal[b-lbfxvl1gvi]::before {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.trends-public__signal--momentum[b-lbfxvl1gvi] {
    color: var(--trends-positive);
}

.trends-public__signal--stable[b-lbfxvl1gvi] {
    color: var(--trends-stable);
}

.trends-public__signal--friction[b-lbfxvl1gvi] {
    color: var(--trends-friction);
}

.trends-public__limit-grid[b-lbfxvl1gvi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.trends-public__limit-grid article[b-lbfxvl1gvi] {
    border-top: 2px solid var(--primary);
    padding-top: 1rem;
}

.trends-public__limit-grid i[b-lbfxvl1gvi] {
    margin-bottom: 1rem;
    color: var(--primary);
    font-size: 1.35rem;
}

.trends-public__limit-grid h3[b-lbfxvl1gvi] {
    font-size: 1rem;
}

.trends-public__limit-grid p[b-lbfxvl1gvi] {
    margin: 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.trends-public__next[b-lbfxvl1gvi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.65fr);
    gap: 3rem;
    align-items: center;
    border-top: 1px solid var(--border);
}

.trends-public__next-actions[b-lbfxvl1gvi] {
    display: grid;
    justify-items: start;
    gap: 1.25rem;
}

.trends-public__next-actions nav[b-lbfxvl1gvi] {
    display: grid;
    gap: 0.5rem;
}

.trends-public__next-actions nav a[b-lbfxvl1gvi] {
    color: var(--ink);
    font-weight: 700;
}

@media (max-width: 991px) {
    .trends-public__hero[b-lbfxvl1gvi] {
        min-height: 0;
    }

    .trends-public__limit-grid[b-lbfxvl1gvi],
    .trends-public__next[b-lbfxvl1gvi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .trends-public__hero[b-lbfxvl1gvi] {
        padding-block: 2.5rem 3.5rem;
    }

    .trends-public__demo-frame[b-lbfxvl1gvi] {
        padding: 0.5rem;
    }

    .trends-public__limit-grid[b-lbfxvl1gvi] {
        gap: 1.5rem;
    }
}
/* /Features/Billing/UI/Components/EbookGuestShowcase.razor.rz.scp.css */
.ebook-public__hero[b-tnf8nbz00i] {
    display: grid;
    min-height: 34rem;
    align-items: center;
    border-bottom: 1px solid var(--border);
    padding: 4rem 0 5rem;
}

.ebook-public__hero-copy[b-tnf8nbz00i] {
    max-width: 58rem;
    margin-inline: auto;
    text-align: center;
}

.ebook-public__proof[b-tnf8nbz00i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 1.5rem;
    color: var(--muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.ebook-public__proof span[b-tnf8nbz00i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.ebook-public__proof span[b-tnf8nbz00i]::before {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #b18b48;
    content: "";
}

.ebook-public__preview-heading[b-tnf8nbz00i] {
    max-width: 62rem;
}

.ebook-public__pages[b-tnf8nbz00i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: start;
}

.ebook-public__page[b-tnf8nbz00i] {
    display: flex;
    min-height: 34rem;
    flex-direction: column;
    aspect-ratio: 210 / 297;
    border: 1px solid #e8dccb;
    border-radius: 3px;
    background: #fff;
    padding: 1.5rem;
    color: #2a2520;
    box-shadow: 0 14px 34px rgba(48, 39, 27, 0.14);
}

.ebook-public__page h3[b-tnf8nbz00i],
.ebook-public__page h4[b-tnf8nbz00i] {
    color: #1f1b17;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

.ebook-public__page h3[b-tnf8nbz00i] {
    margin: 0 0 1rem;
    font-size: 1.5rem;
}

.ebook-public__page h4[b-tnf8nbz00i] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
}

.ebook-public__page p[b-tnf8nbz00i] {
    font-size: 0.72rem;
    line-height: 1.55;
}

.ebook-public__page-kicker[b-tnf8nbz00i],
.ebook-public__cover-title > span[b-tnf8nbz00i] {
    margin-bottom: 0.55rem;
    color: #ad8541;
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ebook-public__page-lead[b-tnf8nbz00i] {
    color: #433a32;
    font-size: 0.8rem !important;
}

.ebook-public__page--cover[b-tnf8nbz00i] {
    justify-content: space-between;
}

.ebook-public__page-brand[b-tnf8nbz00i] {
    color: #ad8541;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ebook-public__cover-content[b-tnf8nbz00i] {
    display: grid;
    gap: 1rem;
}

.ebook-public__cover-title[b-tnf8nbz00i] {
    border-left: 2px solid #c8a96a;
    padding-left: 0.9rem;
}

.ebook-public__cover-title h3[b-tnf8nbz00i] {
    margin-bottom: 1rem;
    font-size: 2rem;
}

.ebook-public__cover-title dl[b-tnf8nbz00i] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    border-top: 1px solid #e8dccb;
    padding-top: 0.75rem;
    font-size: 0.62rem;
}

.ebook-public__cover-title dl div[b-tnf8nbz00i] {
    display: flex;
    gap: 0.35rem;
}

.ebook-public__cover-title dd[b-tnf8nbz00i] {
    margin: 0;
}

.ebook-public__cover-sky[b-tnf8nbz00i]  .sky-preview {
    aspect-ratio: 1.47;
    background: transparent;
}

.ebook-public__cover-sky[b-tnf8nbz00i]  .sky-preview-svg {
    display: block;
    width: 100%;
    height: auto;
}

.ebook-public__page footer[b-tnf8nbz00i] {
    border-top: 1px solid #e8dccb;
    padding-top: 0.5rem;
    color: #756b61;
    font-size: 0.58rem;
}

.ebook-public__metrics[b-tnf8nbz00i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    margin: 0.7rem 0;
}

.ebook-public__metrics div[b-tnf8nbz00i] {
    border: 1px solid #e8dccb;
    padding: 0.45rem;
}

.ebook-public__metrics span[b-tnf8nbz00i],
.ebook-public__metrics strong[b-tnf8nbz00i] {
    display: block;
}

.ebook-public__metrics span[b-tnf8nbz00i] {
    color: #756b61;
    font-size: 0.5rem;
    text-transform: uppercase;
}

.ebook-public__metrics strong[b-tnf8nbz00i] {
    margin-top: 0.2rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.8rem;
}

.ebook-public__sample-section[b-tnf8nbz00i] {
    margin: 0.5rem 0;
    background: #f7f2ea;
    padding: 0.65rem;
}

.ebook-public__sample-table[b-tnf8nbz00i] {
    display: grid;
    grid-template-columns: 0.8fr 1fr 1fr;
    margin-top: auto;
    border-top: 1px solid #e8dccb;
    border-left: 1px solid #e8dccb;
}

.ebook-public__sample-table span[b-tnf8nbz00i] {
    border-right: 1px solid #e8dccb;
    border-bottom: 1px solid #e8dccb;
    padding: 0.35rem;
    font-size: 0.54rem;
}

.ebook-public__roadmap-list[b-tnf8nbz00i] {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.5rem;
}

.ebook-public__roadmap-list > div[b-tnf8nbz00i] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.65rem;
    border-bottom: 1px solid #e8dccb;
    padding-bottom: 0.65rem;
}

.ebook-public__roadmap-list > div > span[b-tnf8nbz00i] {
    color: #ad8541;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
}

.ebook-public__roadmap-list p[b-tnf8nbz00i],
.ebook-public__roadmap-list strong[b-tnf8nbz00i] {
    display: block;
    margin: 0;
}

.ebook-public__roadmap-list strong[b-tnf8nbz00i] {
    margin-bottom: 0.2rem;
}

.ebook-public__preview-note[b-tnf8nbz00i] {
    max-width: 62rem;
    margin: 1.25rem auto 0;
    color: var(--muted);
    font-size: 0.82rem;
    text-align: center;
}

.ebook-public__contents[b-tnf8nbz00i],
.ebook-public__data[b-tnf8nbz00i] {
    border-block: 1px solid var(--border);
}

.ebook-public__toc[b-tnf8nbz00i] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ebook-public__toc li[b-tnf8nbz00i] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    border-bottom: 1px solid var(--border);
    padding: 1rem 0;
}

.ebook-public__toc li:first-child[b-tnf8nbz00i] {
    padding-top: 0;
}

.ebook-public__toc li:last-child[b-tnf8nbz00i] {
    border-bottom: 0;
}

.ebook-public__toc li > span[b-tnf8nbz00i] {
    color: #ad8541;
    font-family: var(--brand-font, serif);
    font-size: 1.25rem;
    font-weight: 700;
}

.ebook-public__toc h3[b-tnf8nbz00i] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

.ebook-public__toc p[b-tnf8nbz00i] {
    margin: 0;
    color: var(--muted);
}

.ebook-public__data-list[b-tnf8nbz00i] {
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ebook-public__data-list li[b-tnf8nbz00i] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.75rem;
}

.ebook-public__data-list i[b-tnf8nbz00i] {
    color: #2f7758;
}

.ebook-public__data-list strong[b-tnf8nbz00i] {
    display: block;
    margin-bottom: 0.15rem;
}

.ebook-public__data-note[b-tnf8nbz00i] {
    margin: 1.5rem 0 0;
    border-left: 2px solid #ad8541;
    padding-left: 1rem;
    color: var(--muted);
}

.ebook-public__next[b-tnf8nbz00i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.65fr);
    gap: 3rem;
    align-items: center;
    border-top: 1px solid var(--border);
}

.ebook-public__next-actions[b-tnf8nbz00i] {
    display: grid;
    justify-items: start;
    gap: 1rem;
}

.ebook-public__next-actions > a:not(.btn)[b-tnf8nbz00i],
.ebook-public__next-actions nav a[b-tnf8nbz00i] {
    color: var(--ink);
    font-weight: 700;
}

.ebook-public__next-actions nav[b-tnf8nbz00i] {
    display: grid;
    gap: 0.5rem;
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

@media (max-width: 991px) {
    .ebook-public__hero[b-tnf8nbz00i] {
        min-height: 0;
    }

    .ebook-public__pages[b-tnf8nbz00i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ebook-public__next[b-tnf8nbz00i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .ebook-public__pages[b-tnf8nbz00i] {
        grid-template-columns: 1fr;
    }

    .ebook-public__page[b-tnf8nbz00i] {
        width: min(100%, 28rem);
        margin-inline: auto;
    }
}

@media (max-width: 575px) {
    .ebook-public__hero[b-tnf8nbz00i] {
        padding-block: 2.5rem 3.5rem;
    }

    .ebook-public__page[b-tnf8nbz00i] {
        min-height: 30rem;
        padding: 1rem;
    }
}
/* /Features/Billing/UI/Pages/Ebook.razor.rz.scp.css */
/* Coche de sélection affichée en bas à droite de chaque profil retenu pour la comparaison. */
.bp-profile-tab[b-of5vh3tjs0] {
    position: relative;
}

.ebook-profile-check[b-of5vh3tjs0] {
    position: absolute;
    right: 6px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: 0.7rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
/* /Features/Blog/UI/Pages/BlogPost.razor.rz.scp.css */
/* Largeur de lecture confortable pour les articles du blog. */
.ad-blog-article[b-kah05au15d] {
    max-width: 760px;
}

    .ad-blog-article p[b-kah05au15d] {
        line-height: 1.7;
    }
/* /Features/Pricing/UI/Pages/Pricing.razor.rz.scp.css */
.pricing-page[b-nbjmjzazrf] {
    --pricing-ink: var(--ink);
    --pricing-muted: var(--muted);
    --pricing-gold: var(--primary);
    --pricing-panel: color-mix(in srgb, var(--surface-2) 88%, #ffffff);
    --pricing-panel-strong: color-mix(in srgb, var(--surface-2) 96%, #ffffff);
}

.pricing-hero[b-nbjmjzazrf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: end;
    border: 1px solid color-mix(in srgb, var(--border) 90%, transparent);
    border-radius: clamp(24px, 4vw, 40px);
    background:
        radial-gradient(680px 240px at 16% 0%, color-mix(in srgb, var(--pricing-gold) 22%, transparent), transparent 62%),
        linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 94%, #ffffff), color-mix(in srgb, var(--surface) 74%, #ffffff));
    box-shadow: var(--shadow);
    padding: clamp(1.5rem, 4vw, 3rem);
    overflow: hidden;
}

.pricing-eyebrow[b-nbjmjzazrf] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border: 1px solid color-mix(in srgb, var(--pricing-gold) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--pricing-gold) 10%, transparent);
    color: color-mix(in srgb, var(--pricing-ink) 90%, var(--pricing-gold));
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.7rem;
    margin-bottom: 0.85rem;
}

.pricing-title[b-nbjmjzazrf] {
    max-width: 780px;
    font-size: clamp(2.35rem, 7vw, 5.4rem);
    line-height: 0.95;
}

.pricing-lead[b-nbjmjzazrf] {
    max-width: 760px;
    font-size: clamp(1rem, 1.6vw, 1.18rem);
}

.pricing-toggle-wrap[b-nbjmjzazrf] {
    min-width: min(100%, 19rem);
}

.pricing-toggle[b-nbjmjzazrf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--border) 94%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-2) 86%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
    padding: 0.35rem;
}

.pricing-toggle-btn[b-nbjmjzazrf] {
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--pricing-muted);
    font-weight: 800;
    padding: 0.65rem 0.95rem;
    transition: background 160ms var(--ad-page-ease), color 160ms var(--ad-page-ease), box-shadow 160ms var(--ad-page-ease);
}

.pricing-toggle-btn.is-active[b-nbjmjzazrf] {
    background: var(--dark-bg-deep);
    color: var(--cream);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--dark-bg-deep) 16%, transparent);
}

.pricing-toggle-note[b-nbjmjzazrf] {
    color: var(--pricing-muted);
    font-size: 0.86rem;
    margin-top: 0.65rem;
    text-align: center;
}

.pricing-plan-row[b-nbjmjzazrf] {
    align-items: stretch;
}

.pricing-plan-card[b-nbjmjzazrf] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid color-mix(in srgb, var(--border) 94%, transparent);
    border-radius: var(--radius-xl);
    background: var(--pricing-panel);
    box-shadow: var(--shadow);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: clamp(1.25rem, 3vw, 1.8rem);
    overflow: hidden;
}

.pricing-plan-card.is-featured[b-nbjmjzazrf] {
    padding-top: 4.15rem;
}

.pricing-plan-card[b-nbjmjzazrf]::before {
    position: absolute;
    inset: -1px;
    z-index: -1;
    background: radial-gradient(420px 190px at 70% 0%, color-mix(in srgb, var(--pricing-gold) 12%, transparent), transparent 60%);
    content: "";
}

.pricing-plan-card.is-featured[b-nbjmjzazrf] {
    background:
        radial-gradient(460px 220px at 70% 0%, color-mix(in srgb, var(--pricing-gold) 23%, transparent), transparent 64%),
        var(--pricing-panel-strong);
    border-color: color-mix(in srgb, var(--pricing-gold) 38%, var(--border));
    box-shadow: var(--shadow-strong);
}

.pricing-popular-band[b-nbjmjzazrf] {
    position: absolute;
    top: 0.95rem;
    right: 0.95rem;
    left: 0.95rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--pricing-gold) 42%, transparent);
    border-radius: 999px;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--pricing-gold) 20%, #ffffff),
            color-mix(in srgb, var(--pricing-gold) 12%, #ffffff));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--dark-bg-deep) 08%, transparent);
    padding: 0.42rem 0.7rem;
}

.pricing-popular-track[b-nbjmjzazrf] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    flex: 0 0 auto;
    min-width: 100%;
    white-space: nowrap;
    animation: pricing-popular-scroll-b-nbjmjzazrf 16s linear infinite;
}

.pricing-popular-text[b-nbjmjzazrf] {
    color: var(--pricing-ink);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pricing-popular-dot[b-nbjmjzazrf] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: var(--pricing-ink);
    opacity: 0.7;
    flex: 0 0 auto;
}

.pricing-card-icon[b-nbjmjzazrf] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-md);
    background: var(--dark-bg-deep);
    color: var(--primary-2);
    font-family: var(--brand-font);
    font-size: 1.35rem;
    box-shadow: 0 14px 32px color-mix(in srgb, var(--dark-bg-deep) 18%, transparent);
    margin-bottom: 1.2rem;
}

.pricing-card-title[b-nbjmjzazrf],
.pricing-compare-title[b-nbjmjzazrf] {
    font-family: var(--brand-font);
    color: var(--pricing-ink);
    letter-spacing: -0.03em;
}

.pricing-card-title[b-nbjmjzazrf] {
    font-size: clamp(1.55rem, 3vw, 2rem);
    margin-bottom: 0.4rem;
}

.pricing-card-copy[b-nbjmjzazrf] {
    min-height: 4.5rem;
    color: var(--pricing-muted);
    margin-bottom: 1.2rem;
}

.pricing-price-wrap[b-nbjmjzazrf] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
}

.pricing-price[b-nbjmjzazrf] {
    color: var(--pricing-ink);
    font-family: var(--brand-font);
    font-size: clamp(2.45rem, 5vw, 4.1rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.pricing-period[b-nbjmjzazrf] {
    color: var(--pricing-muted);
    font-weight: 700;
}

.pricing-saving[b-nbjmjzazrf] {
    width: fit-content;
    border-radius: 999px;
    background: color-mix(in srgb, var(--pricing-gold) 13%, transparent);
    color: color-mix(in srgb, var(--pricing-ink) 88%, var(--pricing-gold));
    font-size: 0.86rem;
    font-weight: 800;
    padding: 0.3rem 0.65rem;
    margin-bottom: 1rem;
}

.pricing-feature-list[b-nbjmjzazrf] {
    display: grid;
    gap: 0.7rem;
    color: var(--pricing-ink);
    margin: 1rem 0 1.5rem;
}

.pricing-feature-list li[b-nbjmjzazrf] {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
}

.pricing-feature-list li span:first-child[b-nbjmjzazrf] {
    display: grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--pricing-gold) 16%, transparent);
    color: color-mix(in srgb, var(--pricing-ink) 86%, var(--pricing-gold));
    font-size: 0.78rem;
    font-weight: 800;
    margin-top: 0.08rem;
}

.pricing-plan-card .btn[b-nbjmjzazrf] {
    margin-top: auto;
}

.pricing-compare[b-nbjmjzazrf] {
    border: 1px solid color-mix(in srgb, var(--border) 92%, transparent);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(560px 220px at 88% 0%, color-mix(in srgb, var(--pricing-gold) 13%, transparent), transparent 64%),
        var(--pricing-panel);
    box-shadow: var(--shadow);
    padding: clamp(1.25rem, 3vw, 1.8rem);
}

.pricing-table-wrap[b-nbjmjzazrf] {
    border: 1px solid color-mix(in srgb, var(--border) 94%, transparent);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--surface-2) 92%, #ffffff);
    overflow-x: auto;
}

.pricing-table[b-nbjmjzazrf] {
    min-width: 720px;
    vertical-align: middle;
}

.pricing-table th[b-nbjmjzazrf] {
    color: var(--pricing-ink);
    font-weight: 800;
}

.pricing-table thead th[b-nbjmjzazrf] {
    border-bottom-color: color-mix(in srgb, var(--pricing-gold) 30%, var(--border));
    font-family: var(--brand-font);
    letter-spacing: -0.01em;
}

.pricing-table tbody tr:last-child th[b-nbjmjzazrf],
.pricing-table tbody tr:last-child td[b-nbjmjzazrf] {
    border-bottom: 0;
}

.pricing-table td[b-nbjmjzazrf] {
    color: var(--pricing-muted);
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .pricing-hero[b-nbjmjzazrf] {
        grid-template-columns: 1fr;
    }

    .pricing-toggle-wrap[b-nbjmjzazrf] {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .pricing-hero[b-nbjmjzazrf],
    .pricing-compare[b-nbjmjzazrf],
    .pricing-plan-card[b-nbjmjzazrf] {
        border-radius: var(--radius-lg);
    }

    .pricing-card-copy[b-nbjmjzazrf] {
        min-height: auto;
    }
}

@keyframes pricing-popular-scroll-b-nbjmjzazrf {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}
/* /Features/Users/UI/Components/AccountPersonalInfoSection.razor.rz.scp.css */
/* Onglets fusionnant les blocs Naissance et Revolution solaire. */
.ad-birth-tabs[b-pe2n8wqr1g] {
    display: flex;
    gap: 0.35rem;
    margin-bottom: 0.9rem;
    padding: 0.3rem;
    border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface-2, #171d27) 45%, transparent);
}

.ad-birth-tab[b-pe2n8wqr1g] {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.55rem 1rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--muted, #aeb7c2);
    font-weight: 600;
    font-size: 0.92rem;
    white-space: nowrap;
    transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}

    .ad-birth-tab i[b-pe2n8wqr1g] {
        font-size: 0.95rem;
        line-height: 1;
    }

    .ad-birth-tab:hover[b-pe2n8wqr1g] {
        color: var(--primary, #c99b55);
    }

    .ad-birth-tab.ad-birth-tab--active[b-pe2n8wqr1g] {
        background: var(--primary, #c99b55);
        color: #fff;
        box-shadow: 0 8px 22px color-mix(in srgb, var(--primary, #c99b55) 28%, transparent);
    }

.ad-birth-tabpanel[b-pe2n8wqr1g] {
    padding: 1rem 1.1rem 1.15rem;
    border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
    border-radius: 16px;
    background: color-mix(in srgb, var(--surface-2, #171d27) 45%, transparent);
}

@media (max-width: 575.98px) {
    .ad-birth-tab span[b-pe2n8wqr1g] {
        font-size: 0.84rem;
    }
}
/* /Features/Users/UI/Components/LocationPicker.razor.rz.scp.css */
.location-picker[b-pt995e0ulk] {
    border: 1px solid #e6e6e6;
    border-radius: var(--radius-sm);
    padding: 1rem;
    background: #fff;
}

.location-map[b-pt995e0ulk] {
    width: 100%;
    height: 320px;
    border-radius: var(--radius-sm);
    border: 1px solid #e6e6e6;
}
/* /Features/Users/UI/Components/RegisterStepIdentity.razor.rz.scp.css */
[b-3rxpaeferd] .ad-register-google {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    max-width: 420px;
    justify-content: center;
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface-2) 92%, transparent);
    color: var(--ink);
    font-weight: 600;
    padding: 0.72rem 0.9rem;
    text-decoration: none;
    transition: border-color 180ms var(--ad-page-ease), transform 180ms var(--ad-page-ease);
}

[b-3rxpaeferd] .ad-register-google i {
    color: var(--primary);
}

[b-3rxpaeferd] .ad-register-google:hover {
    border-color: var(--border);
}

[b-3rxpaeferd] .ad-register-divider {
    height: 1px;
    width: 100%;
    max-width: 420px;
    margin: 2rem 0;
    background: color-mix(in srgb, var(--border) 88%, transparent);
}
/* /Features/Users/UI/Pages/Account.razor.rz.scp.css */
.ad-page--account[b-wohmopeiz6] {
    scroll-behavior: smooth;
}

    .ad-page--account .ad-account-tab-panel[b-wohmopeiz6] {
        min-height: 18rem;
    }

    .ad-page--account .ad-account-sidebar[b-wohmopeiz6] {
        position: sticky;
        top: 1.5rem;
        border-radius: var(--radius-md);
    }

    .ad-page--account .ad-account-sidebar-user[b-wohmopeiz6] {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .ad-page--account .ad-account-sidebar-user span[b-wohmopeiz6] {
            color: var(--primary-ink);
            font-weight: 700;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .ad-page--account .ad-account-avatar[b-wohmopeiz6] {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        object-fit: cover;
        flex: 0 0 auto;
        background: linear-gradient(135deg, rgba(165, 169, 176, 0.16), rgba(211, 214, 219, 0.24));
        border: 1px solid rgba(155, 160, 168, 0.34);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2em;
    }

        .ad-page--account .ad-account-avatar img[b-wohmopeiz6] {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            display: block;
        }

    .ad-page--account .ad-account-menu-item[b-wohmopeiz6] {
        width: 100%;
        text-align: left;
        border: none;
        background: color-mix(in srgb, var(--surface-2) 94%, transparent);
        color: var(--ink-soft);
        padding: 0.62rem 0.85rem;
        transition: all .4s;
        font-size: 0.90em;
    }

        .ad-page--account .ad-account-menu-item:hover[b-wohmopeiz6] {
            border-left: 3px solid var(--primary);
            border-radius: 0;
            color: var(--primary);
            transform: translateX(3px);
        }

        .ad-page--account .ad-account-menu-item.active[b-wohmopeiz6] {
            background: var(--primary);
            border-color: var(--primary);
            color: #fff;
        }

    .ad-page--account[b-wohmopeiz6]  .ad-account-hero {
        position: relative;
        overflow: hidden;
        border-radius: clamp(24px, 3vw, 34px);
        background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 55%), radial-gradient(120% 140% at 100% 0%, rgba(15, 23, 42, 0.06), transparent 60%), var(--surface);
    }

        .ad-page--account[b-wohmopeiz6]  .ad-account-hero::after {
            position: absolute;
            inset: auto 0 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 40%, var(--border)), transparent);
            content: "";
        }

    .ad-page--account[b-wohmopeiz6]  .ad-account-hero-metrics {
        display: grid;
        gap: 0.85rem;
    }

    .ad-page--account[b-wohmopeiz6]  .ad-account-hero-metric,
    .ad-page--account[b-wohmopeiz6]  .ad-account-info-card,
    .ad-page--account[b-wohmopeiz6]  .ad-account-plan-current,
    .ad-page--account[b-wohmopeiz6]  .ad-account-plan-card,
    .ad-page--account[b-wohmopeiz6]  .ad-account-photo-panel,
    .ad-page--account[b-wohmopeiz6]  .ad-account-profile-card,
    .ad-page--account[b-wohmopeiz6]  .ad-account-empty-state,
    .ad-page--account[b-wohmopeiz6]  .ad-account-danger-copy {
        border: 1px solid color-mix(in srgb, var(--border) 92%, transparent);
        border-radius: var(--radius-md);
        background: color-mix(in srgb, var(--surface-2) 92%, transparent);
        box-shadow: var(--shadow);
        padding: 1rem 1.1rem;
    }

    .ad-page--account[b-wohmopeiz6]  .ad-account-plan-name {
        font-family: var(--brand-font);
        font-size: clamp(1.6rem, 2vw, 2.3rem);
        letter-spacing: -0.04em;
        color: var(--ink);
    }

    .ad-page--account[b-wohmopeiz6]  .ad-account-feature-item {
        display: flex;
        gap: 0.6rem;
        align-items: flex-start;
        margin-bottom: 0.6rem;
    }

        .ad-page--account[b-wohmopeiz6]  .ad-account-feature-item span:first-child {
            width: 0.55rem;
            height: 0.55rem;
            flex: 0 0 auto;
            margin-top: 0.38rem;
            border-radius: 999px;
            background: var(--primary);
            box-shadow: 0 0 12px color-mix(in srgb, var(--primary) 72%, transparent);
        }

    .ad-page--account[b-wohmopeiz6]  .ad-account-photo-frame {
        width: min(13rem, 100%);
        aspect-ratio: 1;
        display: grid;
        place-items: center;
        border-radius: var(--radius-lg);
        border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
        background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--primary) 24%, transparent), transparent 45%), color-mix(in srgb, var(--surface-2) 95%, transparent);
        color: var(--ink);
        font-family: var(--brand-font);
        font-size: clamp(2.1rem, 4vw, 3rem);
        font-weight: 700;
        overflow: hidden;
    }

        .ad-page--account[b-wohmopeiz6]  .ad-account-photo-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .ad-page--account[b-wohmopeiz6]  .ad-account-code {
        font-family: var(--brand-font);
        font-size: clamp(1.4rem, 2vw, 2rem);
        letter-spacing: 0.08em;
        color: var(--ink);
    }

    .ad-page--account[b-wohmopeiz6]  .ad-account-danger-zone {
        border-color: color-mix(in srgb, #b91c1c 18%, var(--border));
    }

    .ad-page--account[b-wohmopeiz6]  table.table {
        background: color-mix(in srgb, var(--surface-2) 92%, transparent);
        border-radius: var(--radius-md);
        overflow: hidden;
    }

        .ad-page--account[b-wohmopeiz6]  table.table thead th {
            font-family: var(--brand-font);
            color: var(--ink);
            letter-spacing: -0.02em;
        }

@media (max-width: 1199.98px) {
    .ad-page--account .ad-account-sidebar[b-wohmopeiz6] {
        position: static;
    }
}

/* Regroupement des champs de naissance. */
[b-wohmopeiz6] .ad-account-fieldset {
    margin: 0;
    padding: 1rem 1.1rem 1.15rem;
    border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface-2) 45%, transparent);
}

[b-wohmopeiz6] .ad-account-fieldset-legend {
    float: none;
    width: auto;
    margin: 0 0 0.35rem;
    padding: 0 0.4rem;
    color: var(--muted);
    font-family: var(--tagline-font, sans-serif);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Parrainage: QR code et etapes. */
[b-wohmopeiz6] .ad-account-referral-qr {
    width: 180px;
    height: 180px;
    border-radius: var(--radius-sm);
    background: #fff;
    padding: 8px;
}

[b-wohmopeiz6] .ad-account-step-index {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    margin: 0 auto 0.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 20%, transparent);
    color: var(--primary-2);
    font-weight: 700;
}

/* Avertissement d'abonnement actif dans la zone de suppression. */
[b-wohmopeiz6] .ad-account-active-sub-warning {
    display: inline-flex;
    align-items: center;
    color: #b91c1c;
    font-size: 1.05rem;
    font-weight: 700;
}

/* Mise en avant de l'offre active dans l'onglet Abonnement. */
[b-wohmopeiz6] .ad-account-plan-card--current {
    border-color: color-mix(in srgb, var(--primary) 60%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 40%, transparent);
}

/* Bouton "Offre active" mis en avant meme a l'etat desactive. */
[b-wohmopeiz6] .ad-account-plan-cta--current {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--primary) 28%, transparent);
}

    [b-wohmopeiz6] .ad-account-plan-cta--current:disabled {
        opacity: 1;
        color: #fff;
        background: var(--primary);
        border-color: var(--primary);
    }
/* /Features/Users/UI/Pages/ForgotPassword.razor.rz.scp.css */
.ad-page--forgot-password .card-soft[b-q9swaezjwg] {
    max-width: 34rem;
    margin-inline: auto;
}

.ad-page--forgot-password .ad-forgot-password-head[b-q9swaezjwg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.ad-page--forgot-password .ad-forgot-password-form[b-q9swaezjwg] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    text-align: left;
}

.ad-page--forgot-password .ad-forgot-password-intro[b-q9swaezjwg],
.ad-page--forgot-password .ad-forgot-password-footer[b-q9swaezjwg] {
    width: 100%;
    max-width: 420px;
}

.ad-page--forgot-password .ad-forgot-password-input-wrap[b-q9swaezjwg] {
    position: relative;
    width: 100%;
    display: block;
}

.ad-page--forgot-password .ad-forgot-password-input-icon[b-q9swaezjwg] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    pointer-events: none;
    z-index: 2;
}

.ad-page--forgot-password .ad-forgot-password-form[b-q9swaezjwg]  .ad-forgot-password-input {
    width: 100%;
    min-height: 2.9rem;
    padding-left: 2.8rem;
    padding-right: 0.9rem;
}

.ad-page--forgot-password .ad-forgot-password-submit[b-q9swaezjwg] {
    max-width: 420px;
    min-height: 2.9rem;
}

.ad-page--forgot-password .alert[b-q9swaezjwg] {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
}
/* /Features/Users/UI/Pages/Login.razor.rz.scp.css */
.ad-page--login .card-soft[b-1yln23j2qq] {
    max-width: var(--content-form);
    margin-inline: auto;
}

.ad-page--login .ad-login-head[b-1yln23j2qq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ad-page--login .ad-login-google[b-1yln23j2qq] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    max-width: 420px;
    justify-content: center;
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--surface-2) 92%, transparent);
    color: var(--ink);
    font-weight: 600;
    padding: 0.72rem 0.9rem;
    text-decoration: none;
    transition: border-color 180ms var(--ad-page-ease), transform 180ms var(--ad-page-ease);

    i {
        color: var(--primary);
    }
}

    .ad-page--login .ad-login-google:hover[b-1yln23j2qq] {
        border-color: var(--border);
    }

.ad-page--login .ad-login-divider[b-1yln23j2qq] {
    height: 1px;
    width: 100%;
    max-width: 420px;
    margin: 2rem 0;
    background: color-mix(in srgb, var(--border) 88%, transparent);
}

.ad-page--login .ad-login-input-wrap[b-1yln23j2qq] {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
}

.ad-page--login .ad-login-input-icon[b-1yln23j2qq] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    pointer-events: none;
    z-index: 2;
}

.ad-page--login[b-1yln23j2qq]  .ad-login-input {
    min-height: 2.9rem;
    padding-left: 2.8rem;
    padding-right: 0.9rem;
}

.ad-page--login .ad-login-actions[b-1yln23j2qq] {
    width: 100%;
    align-items: center;
}

.ad-page--login[b-1yln23j2qq]  .ad-login-submit {
    max-width: 420px;
    margin-inline: auto;
    min-height: 2.9rem;
}

.ad-page--login .ad-login-forgot[b-1yln23j2qq] {
    width: 100%;
    max-width: 420px;
    text-align: right;
}

.ad-page--login .ad-login-signup-hint[b-1yln23j2qq] {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    text-align: left;
}
/* /Features/Users/UI/Pages/Register.razor.rz.scp.css */
.ad-page--register .ad-register-stepper[b-tuvgogarbd] {
    --ad-register-progress: 25%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    padding-block: 0.15rem;
}

.ad-page--register .ad-register-stepper[b-tuvgogarbd]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 0.24rem;
    transform: translateY(-50%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--border) 84%, transparent);
    z-index: 0;
}

.ad-page--register .ad-register-stepper[b-tuvgogarbd]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: var(--ad-register-progress);
    height: 0.24rem;
    transform: translateY(-50%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 72%, transparent);
    z-index: 0;
}

.ad-page--register .ad-register-stepper-item[b-tuvgogarbd] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
    .ad-page--register .ad-register-stepper-item.last[b-tuvgogarbd] {
        justify-content: end;
    }

.ad-page--register .ad-register-stepper-circle[b-tuvgogarbd] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
    background: color-mix(in srgb, var(--surface-2) 90%, transparent);
    color: var(--muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    outline: none;
}

.ad-page--register .ad-register-stepper-item--completed .ad-register-stepper-circle[b-tuvgogarbd] {
    border-color: color-mix(in srgb, var(--primary) 44%, var(--border));
    background: color-mix(in srgb, var(--primary) 16%, var(--surface-2));
    color: var(--ink);
}

.ad-page--register .ad-register-stepper-item--current .ad-register-stepper-circle[b-tuvgogarbd] {
    border-color: color-mix(in srgb, var(--primary) 44%, var(--border));
    background: #ffffff;
    color: var(--primary);
}

.ad-page--register .ad-register-stepper-circle--current[b-tuvgogarbd] {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary) 24%, transparent);
}

.ad-page--register .ad-register-stepper-circle:focus-visible[b-tuvgogarbd] {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary) 24%, transparent);
}

.ad-page--register .ad-register-stepper-line[b-tuvgogarbd] {
    flex: 1 1 auto;
    height: 0.24rem;
    border-radius: 999px;
    margin-inline: 0.35rem;
    background: color-mix(in srgb, var(--border) 84%, transparent);
    visibility: hidden;
}

.ad-page--register .ad-register-stepper-line--active[b-tuvgogarbd] {
    background: color-mix(in srgb, var(--primary) 72%, transparent);
}

.ad-page--register[b-tuvgogarbd]  .ad-register-input-wrap {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
}

.ad-page--register[b-tuvgogarbd]  .ad-register-input-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    pointer-events: none;
    z-index: 2;
}

.ad-page--register[b-tuvgogarbd]  .ad-register-input {
    min-height: 2.9rem;
    padding-left: 2.8rem;
    padding-right: 0.9rem;
}

.ad-page--register[b-tuvgogarbd]  .ad-register-input--password {
    padding-right: 2.8rem;
}

.ad-page--register[b-tuvgogarbd]  .ad-register-input-toggle {
    position: absolute;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--muted);
    padding: 0.2rem;
    line-height: 1;
}
/* /Shared/Components/Layout/MainLayout.razor.rz.scp.css */
.ad-account-entry i[b-ffe5fbipls] {
    font-size: 0.95rem;
    line-height: 1;
}

.ad-account-name[b-ffe5fbipls] {
    max-width: 12rem;
    color: var(--ink);
    font-size: 0.9rem;
}

.ad-main-nav[b-ffe5fbipls] {
    position: relative;
}

.ad-main-nav-menu[b-ffe5fbipls] {
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
}

.ad-main-nav-actions[b-ffe5fbipls] {
    margin-left: auto;
}

.ad-nav-link[b-ffe5fbipls] {
    position: relative;
    color: var(--ink);
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    padding: 0.35rem 0.5rem;
    white-space: nowrap;
}

.ad-nav-link[b-ffe5fbipls]::after {
    content: "";
    position: absolute;
    left: 0.5rem;
    right: 100%;
    bottom: 0.1rem;
    height: 2px;
    border-radius: 999px;
    background: var(--primary);
    transition: right 200ms var(--ad-page-ease);
}

.ad-nav-link:hover[b-ffe5fbipls],
.ad-nav-link:focus-visible[b-ffe5fbipls] {
    color: var(--text);
}

.ad-nav-link:hover[b-ffe5fbipls]::after,
.ad-nav-link:focus-visible[b-ffe5fbipls]::after {
    right: 0.5rem;
}
/* /Shared/Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vo17nw8f3t],
.components-reconnect-repeated-attempt-visible[b-vo17nw8f3t],
.components-reconnect-failed-visible[b-vo17nw8f3t],
.components-pause-visible[b-vo17nw8f3t],
.components-resume-failed-visible[b-vo17nw8f3t],
.components-rejoining-animation[b-vo17nw8f3t] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-retrying[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-failed[b-vo17nw8f3t],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vo17nw8f3t] {
    display: block;
}


#components-reconnect-modal[b-vo17nw8f3t] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vo17nw8f3t 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-vo17nw8f3t 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vo17nw8f3t 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-vo17nw8f3t]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vo17nw8f3t 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-vo17nw8f3t {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vo17nw8f3t {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vo17nw8f3t {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vo17nw8f3t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vo17nw8f3t] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vo17nw8f3t] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-vo17nw8f3t] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-vo17nw8f3t] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-vo17nw8f3t] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-vo17nw8f3t] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-vo17nw8f3t 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-vo17nw8f3t] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-vo17nw8f3t {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Shared/Components/Layout/SiteFooter.razor.rz.scp.css */
.ad-site-footer[b-iufhnx4gal] {
    position: relative;
    color: rgba(255, 255, 255, 0.74);
    background: var(--dark-bg-deep);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
    padding: clamp(2rem, 5vw, 4.5rem) 0 1.5rem;
    overflow: hidden;
}

.for-footer[b-iufhnx4gal] {
    padding-left: clamp(1rem, 4vw, 3rem);
    padding-right: clamp(1rem, 4vw, 3rem);
}

.ad-site-footer[b-iufhnx4gal]::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(color-mix(in srgb, var(--primary) 25%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 25%, transparent) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 60%);
    content: "";
}

.ad-footer-content[b-iufhnx4gal],
.ad-footer-bottom[b-iufhnx4gal] {
    position: relative;
    z-index: 1;
}

.ad-footer-content[b-iufhnx4gal] {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 3rem);
}

.ad-footer-brand-panel[b-iufhnx4gal] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: clamp(220px, 28vw, 360px);
    padding: 0;
    width: 100%;
}

    .ad-footer-brand-panel[b-iufhnx4gal]::before {
        position: absolute;
        inset: 0;
        z-index: 3;
        pointer-events: none;
        background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, var(--dark-bg-deep) clamp(69%, 120vw - 30%, 100%), rgba(255, 255, 255, 0) 100%);
        content: "";
    }

    .ad-footer-brand-panel .brand[b-iufhnx4gal] {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

.pattern-text[b-iufhnx4gal] {
    display: flex;
    width: 100%;
    font-size: clamp(4rem, 12vw, 16rem);
    font-weight: 800;
    line-height: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2212%22 viewBox=%220 0 10 12%22%3E%3Ctext x=%220%22 y=%2212%22 font-size=%2215%22 fill=%22%23caa65a%22 font-family=%22Verdana%22%3E*%3C/text%3E%3C/svg%3E");
    background-size: 16px;
    background-position: 10px 15px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 0 12px color-mix(in srgb, var(--primary) 35%, transparent));
}

.brand-star[b-iufhnx4gal] {
    display: inline-block;
    position: relative;
    top: 2.3em;
    font-size: 0.3em;
    line-height: 1;
    background: none;
    filter: none;
    -webkit-text-fill-color: var(--primary);
}

.ad-footer-links[b-iufhnx4gal] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    width: 100%;
}

    .ad-footer-links h2[b-iufhnx4gal] {
        color: #ffffff;
        font-family: var(--brand-font);
        font-size: 0.95rem;
        letter-spacing: 0.02em;
        margin-bottom: 1rem;
    }

    .ad-footer-links a[b-iufhnx4gal] {
        display: block;
        color: rgba(255, 255, 255, 0.66);
        font-weight: 600;
        line-height: 3;
        white-space: nowrap;
        margin-left: -1px;
        padding: 2px 0 2px 24px;
        text-decoration: none;
        transition: all .4s;
    }

        .ad-footer-links a:hover[b-iufhnx4gal],
        .ad-footer-links a:focus[b-iufhnx4gal] {
            color: var(--primary);
            transform: translateX(3px);
            border-left: 1px solid var(--primary);
        }

.footer-socials[b-iufhnx4gal] {
    justify-content: space-evenly;
    align-items: center;
    margin-top: 16px;
    display: flex;
}

    .footer-socials .social-link[b-iufhnx4gal] {
        align-items: center;
        justify-content: center;
        display: flex;
        text-decoration: none;
        width: 64px;
        height: 64px;
        transition: all .6s;
        padding: 0;
        font-size: 2em;
    }

        .footer-socials .social-link:hover[b-iufhnx4gal] {
            transform: translateY(-6px);
            border-left: none;
        }

.ad-footer-bottom[b-iufhnx4gal] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.92rem;
    margin-top: clamp(1.5rem, 4vw, 3rem);
    padding-top: 1.1rem;
}

.ad-footer-install-panel[b-iufhnx4gal] {
    text-align: center;
    flex: 0 1 auto;
    min-width: 260px;
}

.ad-footer-install[b-iufhnx4gal] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--primary);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.92);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

    .ad-footer-install:hover[b-iufhnx4gal] {
        background: var(--primary);
        transform: translateY(-1px);
    }

.ad-footer-install-hint[b-iufhnx4gal] {
    margin: 0.65rem 0 0;
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.85rem;
    line-height: 1.45;
    font-style: italic;
    text-align: center;
}

.ad-footer-description[b-iufhnx4gal] {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.95rem;
    line-height: 1.70;
    text-align: justify;
    max-width: 560px;
    flex: 0 1 560px;
}

.ad-footer-brand-copy-row[b-iufhnx4gal] {
    position: relative;
    z-index: 3;
    gap: clamp(1.5rem, 5vw, 5rem);
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .ad-footer-brand-panel[b-iufhnx4gal] {
        min-height: 0;
    }
}

@media (max-width: 768px) {
    .ad-footer-install-panel[b-iufhnx4gal],
    .ad-footer-description[b-iufhnx4gal] {
        text-align: center;
    }

    .ad-footer-brand-copy-row[b-iufhnx4gal] {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .ad-footer-links[b-iufhnx4gal] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/Components/Loader.razor.rz.scp.css */
.ad-loader[b-wym7y25wjx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.75rem;
    padding: 1.25rem;
    min-height: 220px;
}

.astroday-loader[b-wym7y25wjx] {
    --gold: #e8c87f;
    --bg: #ffffff;
    --gold-soft: rgba(232, 200, 127, 0.28);
    --gold-faint: rgba(232, 200, 127, 0.14);
    position: relative;
    width: 256px;
    height: 256px;
    overflow: hidden;
    isolation: isolate;
}

.star[b-wym7y25wjx] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: var(--size, 3px);
    height: var(--size, 3px);
    border-radius: 50%;
    background: var(--gold);
    opacity: 0;
    transform: translate(var(--x1), var(--y1));
    animation: star-twinkle-relocate-b-wym7y25wjx var(--dur, 5.4s) ease-in-out infinite;
    animation-delay: var(--delay, 0s);
    will-change: transform, opacity, filter;
}

.star.edge[b-wym7y25wjx] {
    --star-opacity: 0.08;
    --star-peak: 0.18;
}

.star.mid[b-wym7y25wjx] {
    --star-opacity: 0.14;
    --star-peak: 0.30;
}

.star.center[b-wym7y25wjx] {
    --star-opacity: 0.20;
    --star-peak: 0.42;
}

.star.tiny[b-wym7y25wjx] {
    --size: 2px;
}

.star.small[b-wym7y25wjx] {
    --size: 3px;
}

.star.big[b-wym7y25wjx] {
    --size: 4px;
}

.star-1[b-wym7y25wjx] {
    --x1: 8px;
    --y1: 18px;
    --x2: 20px;
    --y2: 10px;
    --dur: 5.1s;
    --delay: -0.2s;
}

.star-2[b-wym7y25wjx] {
    --x1: 22px;
    --y1: 46px;
    --x2: 36px;
    --y2: 32px;
    --dur: 6.4s;
    --delay: -1.4s;
}

.star-3[b-wym7y25wjx] {
    --x1: 38px;
    --y1: 20px;
    --x2: 28px;
    --y2: 62px;
    --dur: 5.7s;
    --delay: -0.9s;
}

.star-4[b-wym7y25wjx] {
    --x1: 52px;
    --y1: 74px;
    --x2: 14px;
    --y2: 92px;
    --dur: 6.8s;
    --delay: -2.3s;
}

.star-5[b-wym7y25wjx] {
    --x1: 68px;
    --y1: 12px;
    --x2: 84px;
    --y2: 20px;
    --dur: 5.3s;
    --delay: -1.1s;
}

.star-6[b-wym7y25wjx] {
    --x1: 84px;
    --y1: 92px;
    --x2: 100px;
    --y2: 76px;
    --dur: 6.0s;
    --delay: -2.0s;
}

.star-7[b-wym7y25wjx] {
    --x1: 98px;
    --y1: 30px;
    --x2: 120px;
    --y2: 18px;
    --dur: 5.8s;
    --delay: -0.7s;
}

.star-8[b-wym7y25wjx] {
    --x1: 116px;
    --y1: 168px;
    --x2: 132px;
    --y2: 188px;
    --dur: 6.9s;
    --delay: -2.6s;
}

.star-9[b-wym7y25wjx] {
    --x1: 132px;
    --y1: 18px;
    --x2: 156px;
    --y2: 30px;
    --dur: 5.5s;
    --delay: -1.7s;
}

.star-10[b-wym7y25wjx] {
    --x1: 148px;
    --y1: 64px;
    --x2: 164px;
    --y2: 84px;
    --dur: 6.2s;
    --delay: -0.5s;
}

.star-11[b-wym7y25wjx] {
    --x1: 164px;
    --y1: 124px;
    --x2: 144px;
    --y2: 140px;
    --dur: 6.7s;
    --delay: -2.1s;
}

.star-12[b-wym7y25wjx] {
    --x1: 182px;
    --y1: 42px;
    --x2: 196px;
    --y2: 24px;
    --dur: 5.4s;
    --delay: -1.3s;
}

.star-13[b-wym7y25wjx] {
    --x1: 198px;
    --y1: 14px;
    --x2: 220px;
    --y2: 20px;
    --dur: 6.5s;
    --delay: -2.4s;
}

.star-14[b-wym7y25wjx] {
    --x1: 214px;
    --y1: 140px;
    --x2: 234px;
    --y2: 122px;
    --dur: 5.9s;
    --delay: -0.8s;
}

.star-15[b-wym7y25wjx] {
    --x1: 228px;
    --y1: 70px;
    --x2: 212px;
    --y2: 88px;
    --dur: 6.3s;
    --delay: -1.9s;
}

.star-16[b-wym7y25wjx] {
    --x1: 20px;
    --y1: 214px;
    --x2: 32px;
    --y2: 236px;
    --dur: 6.8s;
    --delay: -2.8s;
}

.star-17[b-wym7y25wjx] {
    --x1: 44px;
    --y1: 236px;
    --x2: 60px;
    --y2: 220px;
    --dur: 5.2s;
    --delay: -0.4s;
}

.star-18[b-wym7y25wjx] {
    --x1: 96px;
    --y1: 220px;
    --x2: 118px;
    --y2: 210px;
    --dur: 6.1s;
    --delay: -1.6s;
}

.star-19[b-wym7y25wjx] {
    --x1: 202px;
    --y1: 226px;
    --x2: 220px;
    --y2: 244px;
    --dur: 6.6s;
    --delay: -2.5s;
}

.star-20[b-wym7y25wjx] {
    --x1: 236px;
    --y1: 204px;
    --x2: 244px;
    --y2: 176px;
    --dur: 5.6s;
    --delay: -1.0s;
}

.star-1[b-wym7y25wjx],
.star-5[b-wym7y25wjx],
.star-13[b-wym7y25wjx],
.star-17[b-wym7y25wjx],
.star-19[b-wym7y25wjx],
.star-20[b-wym7y25wjx] {
    --size: 2px;
}

.star-2[b-wym7y25wjx],
.star-6[b-wym7y25wjx],
.star-10[b-wym7y25wjx],
.star-14[b-wym7y25wjx],
.star-18[b-wym7y25wjx] {
    --size: 3px;
}

.star-3[b-wym7y25wjx],
.star-4[b-wym7y25wjx],
.star-7[b-wym7y25wjx],
.star-8[b-wym7y25wjx],
.star-9[b-wym7y25wjx],
.star-11[b-wym7y25wjx],
.star-12[b-wym7y25wjx],
.star-15[b-wym7y25wjx],
.star-16[b-wym7y25wjx] {
    --size: 4px;
}

.star-1[b-wym7y25wjx],
.star-4[b-wym7y25wjx],
.star-5[b-wym7y25wjx],
.star-8[b-wym7y25wjx],
.star-13[b-wym7y25wjx],
.star-16[b-wym7y25wjx],
.star-17[b-wym7y25wjx],
.star-19[b-wym7y25wjx],
.star-20[b-wym7y25wjx] {
    --star-opacity: 0.22;
    --star-peak: 0.55;
}

.star-2[b-wym7y25wjx],
.star-3[b-wym7y25wjx],
.star-7[b-wym7y25wjx],
.star-9[b-wym7y25wjx],
.star-12[b-wym7y25wjx],
.star-14[b-wym7y25wjx],
.star-15[b-wym7y25wjx],
.star-18[b-wym7y25wjx] {
    --star-opacity: 0.32;
    --star-peak: 0.75;
}

.star-6[b-wym7y25wjx],
.star-10[b-wym7y25wjx],
.star-11[b-wym7y25wjx] {
    --star-opacity: 0.42;
    --star-peak: 1;
}

@keyframes star-twinkle-relocate-b-wym7y25wjx {
    0% {
        transform: translate(var(--x1), var(--y1));
        opacity: 0;
        box-shadow: 0 0 0 rgba(232, 200, 127, 0);
        filter: brightness(0.9);
    }

    8% {
        transform: translate(var(--x1), var(--y1));
        opacity: var(--star-opacity);
        box-shadow: 0 0 2px rgba(232, 200, 127, 0.08);
        filter: brightness(0.96);
    }

    20% {
        transform: translate(var(--x1), var(--y1));
        opacity: var(--star-peak);
        box-shadow: 0 0 8px rgba(232, 200, 127, 0.32);
        filter: brightness(1.18);
    }

    34% {
        transform: translate(var(--x1), var(--y1));
        opacity: var(--star-opacity);
        box-shadow: 0 0 3px rgba(232, 200, 127, 0.12);
        filter: brightness(0.98);
    }

    47% {
        transform: translate(var(--x1), var(--y1));
        opacity: 0;
        box-shadow: 0 0 0 rgba(232, 200, 127, 0);
        filter: brightness(0.9);
    }

    48% {
        transform: translate(var(--x2), var(--y2));
        opacity: 0;
        box-shadow: 0 0 0 rgba(232, 200, 127, 0);
        filter: brightness(0.9);
    }

    56% {
        transform: translate(var(--x2), var(--y2));
        opacity: var(--star-opacity);
        box-shadow: 0 0 2px rgba(232, 200, 127, 0.08);
        filter: brightness(0.96);
    }

    70% {
        transform: translate(var(--x2), var(--y2));
        opacity: var(--star-peak);
        box-shadow: 0 0 8px rgba(232, 200, 127, 0.32);
        filter: brightness(1.18);
    }

    84% {
        transform: translate(var(--x2), var(--y2));
        opacity: var(--star-opacity);
        box-shadow: 0 0 3px rgba(232, 200, 127, 0.12);
        filter: brightness(0.98);
    }

    98% {
        transform: translate(var(--x2), var(--y2));
        opacity: 0;
        box-shadow: 0 0 0 rgba(232, 200, 127, 0);
        filter: brightness(0.9);
    }

    100% {
        transform: translate(var(--x1), var(--y1));
        opacity: 0;
        box-shadow: 0 0 0 rgba(232, 200, 127, 0);
        filter: brightness(0.9);
    }
}

.orbit[b-wym7y25wjx] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.orbit-outer[b-wym7y25wjx] {
    left: 18px;
    top: 75.5px;
    width: 220px;
    height: 105px;
    border: 1px solid var(--gold-soft);
    animation: astro-orbit-spin-b-wym7y25wjx 14s linear infinite;
}

.orbit-inner[b-wym7y25wjx] {
    left: 66px;
    top: 99.5px;
    width: 124px;
    height: 57px;
    border: 1px solid var(--gold-faint);
    animation: astro-orbit-spin-reverse-b-wym7y25wjx 28s linear infinite;
}

@keyframes astro-orbit-spin-b-wym7y25wjx {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes astro-orbit-spin-reverse-b-wym7y25wjx {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.moon[b-wym7y25wjx] {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--gold);
    overflow: hidden;
    box-shadow: 0 0 8px var(--gold-soft);
    transform: translate(-50%, -50%);
}

.moon[b-wym7y25wjx]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--bg);
}

.moon-new[b-wym7y25wjx] {
    left: 50%;
    top: 0%;
}

.moon-crescent[b-wym7y25wjx] {
    left: 86%;
    top: 28%;
}

.moon-half[b-wym7y25wjx] {
    left: 72%;
    top: 88%;
}

.moon-gibbous[b-wym7y25wjx] {
    left: 28%;
    top: 88%;
}

.moon-full[b-wym7y25wjx] {
    left: 14%;
    top: 28%;
}

.moon-new[b-wym7y25wjx]::after {
    transform: translateX(0%);
}

.moon-crescent[b-wym7y25wjx]::after {
    transform: translateX(-48%);
}

.moon-half[b-wym7y25wjx]::after {
    transform: translateX(-8%);
}

.moon-gibbous[b-wym7y25wjx]::after {
    transform: translateX(48%);
}

.moon-full[b-wym7y25wjx]::after {
    transform: translateX(120%);
}

.core-star[b-wym7y25wjx] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    color: var(--gold);
    font-size: 42px;
    line-height: 1;
    transform: translate(-50%, -50%);
    opacity: 0.82;
    text-shadow: 0 0 10px rgba(232, 200, 127, 0.16);
    animation: core-star-breathe-b-wym7y25wjx 2.8s ease-in-out infinite;
}

@keyframes core-star-breathe-b-wym7y25wjx {
    0%,
    100% {
        opacity: 0.62;
        text-shadow: 0 0 6px rgba(232, 200, 127, 0.10);
    }

    50% {
        opacity: 1;
        text-shadow: 0 0 16px rgba(232, 200, 127, 0.86);
    }
}

.ad-loader-message[b-wym7y25wjx] {
    margin: 0;
    color: #d4af37;
    font-size: 0.95rem;
    font-style: italic;
}
/* /Shared/Components/PlanBadge.razor.rz.scp.css */
.ad-plan-badge[b-217s8h79t3] {
    display: inline-grid;
    place-items: center;
    width: 1.5em;
    height: 1.5em;
    color: var(--primary);
    line-height: 1;
    vertical-align: middle;
}

    .ad-plan-badge i[b-217s8h79t3] {
        grid-area: 1 / 1;
    }

.ad-plan-badge--premium .fa-certificate[b-217s8h79t3] {
    font-size: 1.45em;
}

.ad-plan-badge--premium .fa-star-of-life[b-217s8h79t3] {
    font-size: 0.7em;
}

.ad-plan-badge--basic .fa-star-of-life[b-217s8h79t3] {
    font-size: 1.05em;
}