/* /Components/Account/Pages/AuthGatewayShell.razor.rz.scp.css */
.auth-gateway[b-oer1hmdqwg] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(22rem, .92fr);
    grid-template-areas: "horizon card";
    align-items: center;
    gap: clamp(2rem, 6vw, 6.5rem);
    width: min(72rem, calc(100% - 2rem));
    min-height: 100svh;
    margin: auto;
    padding: clamp(5.5rem, 10vw, 8rem) 0 4rem;
}

.auth-gateway__brand[b-oer1hmdqwg] { position: absolute; top: 1.35rem; left: 0; display: inline-flex; min-height: 44px; align-items: center; }
.auth-gateway__horizon[b-oer1hmdqwg] { position: relative; grid-area: horizon; min-height: min(64svh, 39rem); overflow: hidden; border: 1px solid rgba(var(--dr-primary-rgb), .18); border-radius: clamp(1.75rem, 4vw, 3.25rem); background: radial-gradient(circle at 66% 28%, rgba(223, 213, 255, .2), transparent 10rem), linear-gradient(155deg, rgba(79, 65, 145, .38), rgba(8, 8, 31, .78) 58%, rgba(4, 6, 22, .96)); box-shadow: 0 2.2rem 7rem rgba(0, 0, 0, .38); }
.auth-gateway__stars[b-oer1hmdqwg], .auth-gateway__stars[b-oer1hmdqwg]::before, .auth-gateway__stars[b-oer1hmdqwg]::after { position: absolute; inset: 0; content: ""; background-image: radial-gradient(circle, rgba(255,255,255,.82) 0 1px, transparent 1.6px); background-size: 71px 71px; opacity: .42; }
.auth-gateway__stars[b-oer1hmdqwg]::before { transform: translate(31px, 18px) scale(.72); opacity: .3; }
.auth-gateway__stars[b-oer1hmdqwg]::after { transform: translate(-22px, 38px) scale(1.2); opacity: .18; }
.auth-gateway__orbit[b-oer1hmdqwg] { position: absolute; border: 1px solid rgba(203, 190, 255, .2); border-radius: 50%; transform: rotate(-14deg); }
.auth-gateway__orbit--outer[b-oer1hmdqwg] { width: 34rem; height: 15rem; top: 4rem; left: -5rem; }
.auth-gateway__orbit--inner[b-oer1hmdqwg] { width: 24rem; height: 10rem; top: 8rem; left: 1rem; }
.auth-gateway__moon[b-oer1hmdqwg] { position: absolute; top: 5.5rem; right: 14%; width: 5.5rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 32%, #fff 0 8%, #e7ddff 35%, #9b8de7 72%, #51458c); box-shadow: 0 0 2.5rem rgba(196, 179, 255, .52); }
.auth-gateway__preview[b-oer1hmdqwg] { position: absolute; right: clamp(1.25rem, 5vw, 3rem); bottom: clamp(1.25rem, 5vw, 3rem); left: clamp(1.25rem, 5vw, 3rem); display: grid; gap: .7rem; padding: 1.35rem; border: 1px solid rgba(225, 216, 255, .18); border-radius: 1.35rem; background: rgba(8, 9, 35, .72); box-shadow: 0 1rem 3rem rgba(0,0,0,.28); backdrop-filter: blur(18px); }
.auth-gateway__preview-label[b-oer1hmdqwg] { color: var(--dr-primary-soft); font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.auth-gateway__preview strong[b-oer1hmdqwg] { max-width: 18rem; font-family: var(--dr-font-display); font-size: clamp(1.4rem, 3vw, 2.2rem); line-height: 1.02; }
.auth-gateway__preview small[b-oer1hmdqwg] { color: var(--dr-text-muted); line-height: 1.5; }
.auth-gateway__timeline[b-oer1hmdqwg] { position: relative; height: 2px; margin: .8rem .35rem; background: linear-gradient(90deg, var(--dr-recorded), var(--dr-primary), var(--dr-predicted)); }
.auth-gateway__timeline span[b-oer1hmdqwg] { position: absolute; top: 50%; width: .75rem; height: .75rem; border: 2px solid rgba(255,255,255,.8); border-radius: 50%; transform: translate(-50%, -50%); }
.auth-gateway__timeline .is-recorded[b-oer1hmdqwg] { left: 12%; background: var(--dr-recorded); }
.auth-gateway__timeline .is-current[b-oer1hmdqwg] { left: 53%; background: var(--dr-awake); box-shadow: 0 0 1rem rgba(var(--dr-awake-rgb), .7); }
.auth-gateway__timeline .is-predicted[b-oer1hmdqwg] { left: 88%; background: var(--dr-predicted); }
.auth-gateway__card[b-oer1hmdqwg] { grid-area: card; width: 100%; padding: clamp(1.5rem, 4vw, 2.25rem); background: linear-gradient(150deg, rgba(var(--dr-primary-rgb), .07), transparent 45%), rgba(14, 15, 46, .9); backdrop-filter: blur(22px); }
.auth-gateway__card h1[b-oer1hmdqwg] { margin: .35rem 0 .65rem; font-size: clamp(2rem, 4vw, 3rem); }
.auth-gateway__description[b-oer1hmdqwg] { margin-bottom: 1.4rem; }
.auth-gateway__card .auth-footer a[b-oer1hmdqwg] { display: inline-flex; min-height: 44px; align-items: center; padding-inline: .35rem; }

@media (max-width: 760px) {
    .auth-gateway[b-oer1hmdqwg] { grid-template-columns: 1fr; grid-template-areas: "horizon" "card"; gap: 1rem; width: min(100% - 1.25rem, 31rem); padding-top: 5.25rem; }
    .auth-gateway__horizon[b-oer1hmdqwg] { min-height: 13rem; border-radius: 1.5rem; }
    .auth-gateway__moon[b-oer1hmdqwg] { top: 1.25rem; right: 10%; width: 3.8rem; }
    .auth-gateway__orbit--outer[b-oer1hmdqwg] { top: .5rem; left: -10rem; }
    .auth-gateway__orbit--inner[b-oer1hmdqwg] { top: 2.5rem; left: -5rem; }
    .auth-gateway__preview[b-oer1hmdqwg] { inset: auto .9rem .9rem; padding: 1rem; }
    .auth-gateway__preview strong[b-oer1hmdqwg] { font-size: 1.35rem; }
    .auth-gateway__preview small[b-oer1hmdqwg] { display: none; }
    .auth-gateway__card[b-oer1hmdqwg] { border-radius: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) { .auth-gateway__moon[b-oer1hmdqwg] { box-shadow: 0 0 1.4rem rgba(196, 179, 255, .34); } }
/* /Components/Design/Callout.razor.rz.scp.css */
.dr-callout[b-j6257fvs0b] {
    display: flex;
    align-items: flex-start;
    gap: var(--dr-space-sm);
    border: 1px solid var(--dr-border);
    border-radius: var(--dr-radius-card);
    padding: var(--dr-space-md);
    background: var(--dr-surface);
}

.dr-callout__icon[b-j6257fvs0b] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--dr-surface-elevated);
}

.dr-callout__copy[b-j6257fvs0b] {
    min-width: 0;
}

.dr-callout__title[b-j6257fvs0b] {
    margin: 0 0 .2rem;
    color: var(--dr-text);
    font-weight: 750;
}

.dr-callout__copy[b-j6257fvs0b]  p:last-child {
    margin-bottom: 0;
    color: var(--dr-text-muted);
}

.dr-callout--sleeping[b-j6257fvs0b] {
    border-color: rgba(var(--dr-sleeping-rgb), .32);
    background: linear-gradient(135deg, rgba(var(--dr-sleeping-rgb), .08), var(--dr-surface) 62%);
}

.dr-callout--awake[b-j6257fvs0b] {
    border-color: rgba(var(--dr-awake-rgb), .32);
    background: linear-gradient(135deg, rgba(var(--dr-awake-rgb), .08), var(--dr-surface) 62%);
}

.dr-callout--recorded[b-j6257fvs0b] {
    border-color: rgba(var(--dr-recorded-rgb), .32);
    background: linear-gradient(135deg, rgba(var(--dr-recorded-rgb), .08), var(--dr-surface) 62%);
}

.dr-callout--predicted[b-j6257fvs0b] {
    border-color: rgba(var(--dr-predicted-rgb), .38);
    background: linear-gradient(135deg, rgba(var(--dr-predicted-rgb), .09), var(--dr-surface) 62%);
}

.dr-callout--success[b-j6257fvs0b] {
    border-color: rgba(var(--dr-success-rgb), .32);
    background: linear-gradient(135deg, rgba(var(--dr-success-rgb), .08), var(--dr-surface) 62%);
}

.dr-callout--danger[b-j6257fvs0b] {
    border-color: rgba(var(--dr-danger-rgb), .38);
    background: linear-gradient(135deg, rgba(var(--dr-danger-rgb), .08), var(--dr-surface) 62%);
}
/* /Components/Design/FormField.razor.rz.scp.css */
.dr-form-field__hint[b-pk8uyynsr1] {
    margin: .3rem 0 0;
    color: var(--dr-text-muted);
    font-size: .8rem;
}

.dr-form-field__error[b-pk8uyynsr1] {
    margin: .3rem 0 0;
    color: var(--dr-danger);
    font-size: .82rem;
    font-weight: 700;
}

.dr-form-field--invalid[b-pk8uyynsr1]  input,
.dr-form-field--invalid[b-pk8uyynsr1]  select,
.dr-form-field--invalid[b-pk8uyynsr1]  textarea {
    border-color: rgba(var(--dr-danger-rgb), .65);
}
/* /Components/Design/PageHeader.razor.rz.scp.css */
/* Derived from the Children and Settings heading blocks, which duplicated this
   structure. The route mark keeps a single decorative accent; the two-pseudo
   variant Settings used is expressed by the caller's own stylesheet if needed. */

.dr-page-header[b-os8dp7c5p1] {
    align-items: center;
}

.dr-page-header__copy[b-os8dp7c5p1] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.dr-page-header__text[b-os8dp7c5p1] {
    min-width: 0;
}

.dr-page-header__mark[b-os8dp7c5p1] {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border: 1px solid rgba(var(--dr-primary-rgb), .26);
    border-radius: 50%;
    background: radial-gradient(circle at 38% 32%, rgba(var(--dr-primary-rgb), .24), rgba(var(--dr-primary-rgb), .06) 58%, transparent 72%);
    box-shadow: inset 0 0 1.25rem rgba(var(--dr-primary-rgb), .09), 0 .65rem 1.75rem rgba(0, 0, 0, .18);
    animation: dr-page-header-mark-in-b-os8dp7c5p1 var(--motion-slow) var(--ease-spring) both;
}

.dr-page-header__mark[b-os8dp7c5p1]::after {
    position: absolute;
    top: .55rem;
    right: .5rem;
    width: .23rem;
    height: .23rem;
    border-radius: 50%;
    background: var(--dr-accent);
    box-shadow: -.85rem 1.35rem 0 -.05rem rgba(var(--dr-primary-rgb), .88), .3rem .85rem 0 -.07rem rgba(var(--dr-success-rgb), .85);
    content: "";
    opacity: .8;
}

.dr-page-header__mark img[b-os8dp7c5p1] {
    position: relative;
    z-index: var(--dr-z-raised);
    width: 1.45rem;
    height: 1.45rem;
}

.dr-page-header__summary[b-os8dp7c5p1] {
    max-width: 38rem;
    margin: .35rem 0 0;
    color: var(--dr-text-muted);
}

.dr-page-header__action[b-os8dp7c5p1] {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--dr-space-xs);
}

@keyframes dr-page-header-mark-in-b-os8dp7c5p1 {
    from { opacity: 0; transform: translate3d(-.4rem, .18rem, 0) scale(.82); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .dr-page-header__mark[b-os8dp7c5p1] { animation: none; }
}

@media (max-width: 640px) {
    .dr-page-header__copy[b-os8dp7c5p1] { gap: .6rem; }
    .dr-page-header__mark[b-os8dp7c5p1] { width: 2.5rem; height: 2.5rem; }
    .dr-page-header__mark img[b-os8dp7c5p1] { width: 1.2rem; height: 1.2rem; }
}
/* /Components/Design/Panel.razor.rz.scp.css */
.dr-panel__heading[b-nok4kntzch] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--dr-space-sm);
}

.dr-panel__heading-aside[b-nok4kntzch] {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--dr-space-2xs);
}

.dr-panel__description[b-nok4kntzch] {
    margin: .3rem 0 0;
}
/* /Components/Design/SectionIntro.razor.rz.scp.css */
.dr-section-intro[b-ctl8kdrmwl] {
    display: grid;
    gap: .15rem;
    margin-bottom: var(--dr-space-md);
}

.dr-section-intro__heading[b-ctl8kdrmwl] {
    margin: 0;
    color: var(--dr-text);
    font-family: var(--dr-font-display);
    font-size: clamp(1.25rem, 3.4vw, 1.55rem);
    letter-spacing: -.03em;
    line-height: 1.15;
}

.dr-section-intro__description[b-ctl8kdrmwl] {
    max-width: 46rem;
    margin: .25rem 0 0;
    color: var(--dr-text-muted);
}
/* /Components/Design/SettingRow.razor.rz.scp.css */
.dr-setting-row[b-b3p161qa5g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--dr-space-md);
    border-top: 1px solid var(--dr-border);
    padding: var(--dr-space-sm) 0;
}

.dr-setting-row:first-child[b-b3p161qa5g] {
    border-top: 0;
    padding-top: 0;
}

.dr-setting-row--disabled[b-b3p161qa5g] {
    opacity: var(--dr-disabled-opacity);
}

.dr-setting-row__copy[b-b3p161qa5g] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.dr-setting-row__label[b-b3p161qa5g] {
    margin: 0;
    color: var(--dr-text);
    font-weight: 750;
}

.dr-setting-row__value[b-b3p161qa5g] {
    margin: 0;
    color: var(--dr-text-muted);
    font-size: .9rem;
    font-weight: 650;
}

.dr-setting-row__description[b-b3p161qa5g] {
    max-width: 44rem;
    margin: .2rem 0 0;
    color: var(--dr-text-muted);
    font-size: .84rem;
}

.dr-setting-row__action[b-b3p161qa5g] {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--dr-space-xs);
}

/* Stacking keeps the action reachable one-handed instead of squeezing it into a
   narrow trailing column. */
@media (max-width: 560px) {
    .dr-setting-row[b-b3p161qa5g] {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: var(--dr-space-xs);
    }

    .dr-setting-row__action[b-b3p161qa5g] {
        width: 100%;
    }
}
/* /Components/Design/StateCard.razor.rz.scp.css */
.dr-state-card[b-r16b2w0c5v] {
    display: grid;
    justify-items: start;
    gap: .35rem;
    padding: var(--dr-space-lg);
}

.dr-state-card__title[b-r16b2w0c5v] {
    margin: 0;
    color: var(--dr-text);
    font-family: var(--dr-font-display);
    font-size: 1.15rem;
    letter-spacing: -.02em;
}

.dr-state-card__description[b-r16b2w0c5v] {
    max-width: 44rem;
    margin: 0;
    color: var(--dr-text-muted);
}

.dr-state-card__action[b-r16b2w0c5v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--dr-space-xs);
    margin-top: var(--dr-space-xs);
}

.dr-state-card--error[b-r16b2w0c5v] {
    border-color: rgba(var(--dr-danger-rgb), .45);
    background: linear-gradient(135deg, rgba(var(--dr-danger-rgb), .07), var(--dr-surface) 60%);
}

.dr-state-card--error .dr-state-card__title[b-r16b2w0c5v] {
    color: var(--dr-danger);
}

.dr-state-card--offline[b-r16b2w0c5v] {
    border-color: rgba(var(--dr-accent-rgb), .38);
    background: linear-gradient(135deg, rgba(var(--dr-accent-rgb), .08), var(--dr-surface) 60%);
}

.dr-state-card--offline .dr-state-card__title[b-r16b2w0c5v] {
    color: var(--dr-accent);
}

/* A quiet breathing ground, not a spinner: the card is already a placeholder and a
   moving element would compete with the Dreamfield atmosphere behind it. */
.dr-state-card--loading[b-r16b2w0c5v] {
    animation: dr-state-card-breathe-b-r16b2w0c5v var(--motion-breathe) var(--ease-gentle) infinite;
}

@keyframes dr-state-card-breathe-b-r16b2w0c5v {
    0%, 100% { opacity: 1; }
    50% { opacity: .72; }
}

@media (prefers-reduced-motion: reduce) {
    .dr-state-card--loading[b-r16b2w0c5v] { animation: none; }
}
/* /Components/Design/StatusBadge.razor.rz.scp.css */
/* Every tint reads from a token triple rather than a retyped rgba() literal, so
   moving a brand colour moves the badges with it. */

.dr-status-badge[b-mm6n6o4oq6] {
    gap: .32rem;
}

.dr-status-badge--neutral[b-mm6n6o4oq6] {
    color: var(--dr-text);
    background: var(--dr-surface-elevated);
}

.dr-status-badge--sleeping[b-mm6n6o4oq6] {
    color: var(--dr-sleeping);
    background: rgba(var(--dr-sleeping-rgb), .14);
}

.dr-status-badge--awake[b-mm6n6o4oq6] {
    color: var(--dr-awake);
    background: rgba(var(--dr-awake-rgb), .14);
}

.dr-status-badge--recorded[b-mm6n6o4oq6] {
    color: var(--dr-recorded);
    background: rgba(var(--dr-recorded-rgb), .14);
}

.dr-status-badge--predicted[b-mm6n6o4oq6] {
    color: var(--dr-predicted);
    background: rgba(var(--dr-predicted-rgb), .16);
}

.dr-status-badge--success[b-mm6n6o4oq6] {
    color: var(--dr-success);
    background: rgba(var(--dr-success-rgb), .14);
}

.dr-status-badge--danger[b-mm6n6o4oq6] {
    color: var(--dr-danger);
    background: rgba(var(--dr-danger-rgb), .14);
}

.dr-status-badge__pulse[b-mm6n6o4oq6] {
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    background: currentColor;
    animation: pulse-dot var(--motion-pulse) var(--ease-gentle) infinite;
}

@media (prefers-reduced-motion: reduce) {
    .dr-status-badge__pulse[b-mm6n6o4oq6] { animation: none; }
}
/* /Components/Dreamfield/Dreamfield.razor.rz.scp.css */
.dreamfield[b-mdj3mc3vax] {
    --dreamspace-ambient-duration: 52s;
    --dreamspace-emphasized-duration: 8s;
    --dreamspace-approaching-duration: 18s;
    --dreamspace-active-sleep-duration: 42s;
    --dreamspace-transition-duration: 2.8s;
    --dreamspace-selection-duration: 720ms;
    --dreamspace-reduced-duration: 1ms;
    --dreamfield-sky-top: #0b1230;
    --dreamfield-sky-mid: #1a2050;
    --dreamfield-horizon: rgba(145, 151, 238, .24);
    --dreamfield-foreground: rgba(3, 6, 17, .94);
    --dreamfield-fog: rgba(142, 151, 228, .12);
    --dreamfield-focal-color: 191, 183, 255;
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    contain: strict;
    pointer-events: none;
    user-select: none;
    isolation: isolate;
    opacity: var(--dreamfield-overall-opacity, 1);
    background: var(--dreamfield-sky-top);
}

.dreamfield[b-mdj3mc3vax]::before,
.dreamfield[b-mdj3mc3vax]::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
}

/*
 * Foreground darkening is deliberately directional. An ellipse centred on the
 * horizon also darkens everything *above* it, and at 46% vertical radius the
 * whole upper sky landed past the last colour stop — a 94% opaque veil over the
 * layers that hold most of the stars. The ground body is a vertical gradient and
 * the vignette only closes the corners, so the open sky stays legible.
 */
.dreamfield[b-mdj3mc3vax]::before {
    z-index: 5;
    background:
        linear-gradient(180deg, transparent 0 58%, rgba(3, 6, 17, .3) 78%, var(--dreamfield-foreground) 100%),
        radial-gradient(ellipse 120% 104% at 50% 46%, transparent 0 58%, rgba(3, 6, 17, .28) 100%);
}

.dreamfield[b-mdj3mc3vax]::after {
    z-index: 6;
    background: linear-gradient(180deg, transparent 0 55%, var(--dreamfield-fog) 67%, rgba(3, 6, 17, .42) 82%, var(--dreamfield-foreground) 100%);
    mix-blend-mode: screen;
    opacity: .58;
}

.dreamfield-background[b-mdj3mc3vax],
[b-mdj3mc3vax] .dreamfield-background,
.dreamfield-star-layer[b-mdj3mc3vax],
[b-mdj3mc3vax] .dreamfield-star-layer,
.dreamfield-shooting-layer[b-mdj3mc3vax] {
    position: absolute;
    inset: 0;
}

[b-mdj3mc3vax] .dreamfield-background {
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 45% at 50% 64%, var(--dreamfield-horizon), transparent 76%),
        linear-gradient(180deg, var(--dreamfield-sky-top), var(--dreamfield-sky-mid) 54%, #080d1d 100%);
    opacity: .96;
    transition: background 1400ms cubic-bezier(.2, .7, .2, 1), opacity 1400ms cubic-bezier(.2, .7, .2, 1);
}

/*
 * The raster plate earns its place at the horizon: the mountain silhouette and
 * the atmosphere sitting on it are the one part of the scene that reads better
 * painted than generated. Its upper half does not — soft raster sky competing
 * with crisp code-native stars is what made the whole field look out of focus.
 * The mask keeps the mountains and lower atmosphere and lets the galaxy own the
 * upper sky.
 */
[b-mdj3mc3vax] .dreamfield-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    opacity: .44;
    filter: saturate(.94) brightness(.72) contrast(1.1);
    transform: scale(1.035);
    -webkit-mask-image: linear-gradient(180deg, transparent 0 34%, rgba(0, 0, 0, .45) 52%, #000 72%);
    mask-image: linear-gradient(180deg, transparent 0 34%, rgba(0, 0, 0, .45) 52%, #000 72%);
}

[b-mdj3mc3vax] .dreamfield-background-wash {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(8, 12, 30, .06) 0%, rgba(8, 12, 30, .17) 49%, rgba(2, 5, 15, .72) 100%),
        radial-gradient(ellipse at 50% 52%, transparent 0 31%, rgba(3, 6, 17, .34) 82%);
    transition: background 1400ms cubic-bezier(.2, .7, .2, 1);
}

[b-mdj3mc3vax] .dreamfield-atmosphere {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: .96;
    transition: opacity var(--dreamspace-transition-duration) cubic-bezier(.2, .7, .2, 1), filter var(--dreamspace-transition-duration) cubic-bezier(.2, .7, .2, 1);
}

/* Circadian modulation is additive to the sleep scene. The existing phase
 * selectors below remain later and therefore retain precedence while sleeping. */
.dreamfield[data-circadian-phase="night"][b-mdj3mc3vax] {
    --dreamfield-sky-top: color-mix(in srgb, #30294f var(--dreamfield-circadian-source-percent), #070d28 var(--dreamfield-circadian-target-percent));
    --dreamfield-sky-mid: color-mix(in srgb, #755b86 var(--dreamfield-circadian-source-percent), #151b49 var(--dreamfield-circadian-target-percent));
    --dreamfield-horizon: color-mix(in srgb, rgba(239, 188, 190, .42) var(--dreamfield-circadian-source-percent), rgba(151, 145, 242, .22) var(--dreamfield-circadian-target-percent));
    --dreamfield-focal-color: 192, 186, 255;
}

.dreamfield[data-circadian-phase="dawn"][b-mdj3mc3vax] {
    --dreamfield-sky-top: color-mix(in srgb, #070d28 var(--dreamfield-circadian-source-percent), #182957 var(--dreamfield-circadian-target-percent));
    --dreamfield-sky-mid: color-mix(in srgb, #151b49 var(--dreamfield-circadian-source-percent), #51659d var(--dreamfield-circadian-target-percent));
    --dreamfield-horizon: color-mix(in srgb, rgba(151, 145, 242, .22) var(--dreamfield-circadian-source-percent), rgba(198, 211, 255, .42) var(--dreamfield-circadian-target-percent));
    --dreamfield-focal-color: 213, 220, 255;
}

.dreamfield[data-circadian-phase="day"][b-mdj3mc3vax] {
    --dreamfield-sky-top: color-mix(in srgb, #182957 var(--dreamfield-circadian-source-percent), #566e9e var(--dreamfield-circadian-target-percent));
    --dreamfield-sky-mid: color-mix(in srgb, #51659d var(--dreamfield-circadian-source-percent), #95a7d1 var(--dreamfield-circadian-target-percent));
    --dreamfield-horizon: color-mix(in srgb, rgba(198, 211, 255, .42) var(--dreamfield-circadian-source-percent), rgba(239, 231, 213, .56) var(--dreamfield-circadian-target-percent));
    --dreamfield-focal-color: 245, 241, 224;
}

.dreamfield[data-circadian-phase="dusk"][b-mdj3mc3vax] {
    --dreamfield-sky-top: color-mix(in srgb, #566e9e var(--dreamfield-circadian-source-percent), #30294f var(--dreamfield-circadian-target-percent));
    --dreamfield-sky-mid: color-mix(in srgb, #95a7d1 var(--dreamfield-circadian-source-percent), #755b86 var(--dreamfield-circadian-target-percent));
    --dreamfield-horizon: color-mix(in srgb, rgba(239, 231, 213, .56) var(--dreamfield-circadian-source-percent), rgba(239, 188, 190, .42) var(--dreamfield-circadian-target-percent));
    --dreamfield-focal-color: 249, 209, 204;
}

.dreamfield[data-circadian-phase="day"][b-mdj3mc3vax]  .dreamfield-atmosphere {
    filter: saturate(.86) brightness(1.16);
}

.dreamfield[data-circadian-phase="dawn"][b-mdj3mc3vax]  .dreamfield-atmosphere {
    filter: saturate(.92) brightness(calc(1 + var(--dreamfield-circadian-blend, 0) * .12));
}

.dreamfield[data-circadian-phase="dusk"][b-mdj3mc3vax]  .dreamfield-atmosphere {
    filter: saturate(calc(1 + var(--dreamfield-circadian-blend, 0) * .12)) brightness(calc(1.06 - var(--dreamfield-circadian-blend, 0) * .12));
}

.dreamfield[data-circadian-phase="day"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-circadian-phase="day"][b-mdj3mc3vax]  .dreamfield-decorative-star {
    filter: saturate(.78) brightness(1.18) drop-shadow(0 0 4px rgba(255, 250, 229, .52));
}

.dreamfield[data-circadian-phase="dusk"][b-mdj3mc3vax]  .dreamfield-constellation {
    filter: sepia(.2) saturate(1.2) hue-rotate(292deg);
}

.dreamfield[data-circadian-phase="day"][b-mdj3mc3vax]  .dreamfield-constellation {
    filter: saturate(.58) brightness(1.25);
}

[b-mdj3mc3vax] .dreamfield-horizon-light,
[b-mdj3mc3vax] .dreamfield-nebula,
[b-mdj3mc3vax] .dreamfield-haze,
[b-mdj3mc3vax] .dreamfield-fog,
[b-mdj3mc3vax] .dreamfield-mountain,
[b-mdj3mc3vax] .dreamfield-foreground {
    position: absolute;
    pointer-events: none;
    will-change: transform, opacity;
}

[b-mdj3mc3vax] .dreamfield-constellation,
[b-mdj3mc3vax] .dreamfield-decorative-star {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    user-select: none;
    opacity: .22;
    mix-blend-mode: screen;
    filter: saturate(.72) brightness(1.2);
    animation: dreamfield-ambient-breathe-b-mdj3mc3vax 22s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-constellation--one { top: 12%; left: 8%; width: clamp(7rem, 16vw, 14rem); }
[b-mdj3mc3vax] .dreamfield-constellation--two { top: 24%; right: 10%; width: clamp(6rem, 14vw, 12rem); animation-delay: -7s; }
[b-mdj3mc3vax] .dreamfield-constellation--three { top: 43%; left: 32%; width: clamp(5rem, 11vw, 10rem); opacity: .14; animation-delay: -13s; }
[b-mdj3mc3vax] .dreamfield-decorative-star--one { top: 18%; left: 27%; width: 1.5rem; opacity: .66; animation-delay: -3s; }
[b-mdj3mc3vax] .dreamfield-decorative-star--two { top: 34%; right: 24%; width: 1.15rem; opacity: .56; animation-delay: -11s; }
[b-mdj3mc3vax] .dreamfield-decorative-star--three { top: 54%; left: 72%; width: .95rem; opacity: .48; animation-delay: -17s; }

@media (max-width: 600px) {
    /* Keep two distinct constellations in the compact composition. The third
       stays desktop-only so the rail/content lane remains quiet on phones. */
    [b-mdj3mc3vax] .dreamfield-constellation--three {
        display: none;
    }
    [b-mdj3mc3vax] .dreamfield-constellation--one { top: 11%; left: 4%; width: 8.5rem; opacity: .3; }
    [b-mdj3mc3vax] .dreamfield-constellation--two { top: 28%; right: 2%; width: 7.25rem; opacity: .24; }
}

@keyframes dreamfield-ambient-breathe-b-mdj3mc3vax {
    from { opacity: .12; transform: translate3d(calc(-.35% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(.2% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 - .015 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .26; transform: translate3d(calc(.35% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-.2% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .015 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

/*
 * ---- Galaxy ----
 *
 * The scene used to rely on two blurred nebula washes for its sense of depth,
 * and on device that read as haze rather than as anything in particular. This
 * is a specific object instead: one asymmetric band crossing the sky on a
 * diagonal, with an off-centre core, a thinner outer arm, dark dust lanes, and
 * the granular density of stars too small to resolve.
 *
 * Nothing here is blurred. Gradients are already resolution-independent, so the
 * structure stays sharp at any device pixel ratio, and the stipple keeps its
 * individual points. Colour stays disciplined: indigo and silver carry the
 * form, with only a trace of lavender and a small muted gold accent near the
 * core. It must read as a galaxy at a glance and then get out of the way of the
 * orbit, the planets, and the labels.
 */
[b-mdj3mc3vax] .dreamfield-galaxy {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

[b-mdj3mc3vax] .dreamfield-galaxy > div {
    position: absolute;
    /* Oversized and rotated so the band runs corner to corner with no visible
       end. The rotation lives on each child rather than the container so the
       stipple mask can share the same axis exactly. */
    inset: -40% -30%;
    transform: rotate(-27deg);
    transform-origin: 50% 50%;
    pointer-events: none;
}

[b-mdj3mc3vax] .dreamfield-galaxy__body {
    background:
        /* Core: deliberately left of centre, so the band is not symmetrical. */
        radial-gradient(ellipse 22% 13% at 37% 50%, rgba(222, 229, 252, .30), rgba(158, 171, 230, .17) 44%, transparent 78%),
        /* A small muted gold warmth inside the core, nothing more. */
        radial-gradient(ellipse 8% 5% at 35% 49%, rgba(209, 182, 129, .11), transparent 74%),
        /* The band body itself. */
        linear-gradient(180deg,
            transparent 41%,
            rgba(118, 133, 205, .10) 45.5%,
            rgba(163, 176, 227, .19) 48.5%,
            rgba(206, 215, 247, .24) 50%,
            rgba(163, 176, 227, .19) 51.5%,
            rgba(118, 133, 205, .10) 54.5%,
            transparent 59%),
        /* Outer arm: thinner, further along, and slightly off the axis. */
        radial-gradient(ellipse 30% 7% at 72% 53%, rgba(139, 150, 212, .13), transparent 76%),
        /* Trace lavender at the trailing edge only. */
        radial-gradient(ellipse 14% 8% at 19% 46%, rgba(176, 152, 224, .10), transparent 78%);
    opacity: .92;
    animation: dreamfield-galaxy-drift-b-mdj3mc3vax 214s ease-in-out infinite alternate;
}

/* Dark lanes cut slightly across the band axis rather than parallel to it, so
   they read as obscuring dust rather than as banding artefacts. */
[b-mdj3mc3vax] .dreamfield-galaxy__lanes {
    background:
        linear-gradient(178.4deg, transparent 47.2%, rgba(6, 9, 26, .34) 49.4%, transparent 51.4%),
        linear-gradient(176.6deg, transparent 51.4%, rgba(8, 11, 30, .24) 53.2%, transparent 55.4%),
        linear-gradient(181.2deg, transparent 43.6%, rgba(5, 8, 23, .19) 45.2%, transparent 47%);
    opacity: .86;
    animation: dreamfield-galaxy-drift-b-mdj3mc3vax 274s ease-in-out infinite alternate-reverse;
}

/*
 * Unresolved-star density. Two offset stipple tiles give a non-repeating-looking
 * grain, and the mask confines it to the band so star density clusters where a
 * galaxy's would. No blur and no per-star element: the whole field is two
 * background layers.
 */
[b-mdj3mc3vax] .dreamfield-galaxy__grain {
    background-image:
        radial-gradient(circle at 50% 50%, rgba(232, 237, 255, .50) 0 .55px, transparent .85px),
        radial-gradient(circle at 50% 50%, rgba(190, 202, 242, .34) 0 .45px, transparent .75px);
    background-size: 7px 7px, 11px 11px;
    background-position: 0 0, 3px 5px;
    -webkit-mask-image: linear-gradient(180deg, transparent 42%, #000 48%, #000 52%, transparent 58%);
    mask-image: linear-gradient(180deg, transparent 42%, #000 48%, #000 52%, transparent 58%);
    opacity: .58;
    animation: dreamfield-galaxy-grain-b-mdj3mc3vax 186s ease-in-out infinite alternate;
}

/* Depth, not travel: a few percent over three and a half minutes. The spatial
   multiplier keeps calmer tiers proportionally calmer, and Off/Gentle stop it
   entirely through the .dreamfield-atmosphere gating below. */
@keyframes dreamfield-galaxy-drift-b-mdj3mc3vax {
    from {
        transform: rotate(-27deg)
            translate3d(calc(-1.1% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(.5% * var(--dreamspace-motion-spatial-multiplier, 1)), 0)
            scale(calc(1 - .008 * var(--dreamspace-motion-spatial-multiplier, 1)));
    }
    to {
        transform: rotate(-27deg)
            translate3d(calc(1.1% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-.5% * var(--dreamspace-motion-spatial-multiplier, 1)), 0)
            scale(calc(1 + .008 * var(--dreamspace-motion-spatial-multiplier, 1)));
    }
}

/* The grain drifts on its own slower cycle and breathes in opacity, so the
   field never blinks in unison. */
@keyframes dreamfield-galaxy-grain-b-mdj3mc3vax {
    from {
        opacity: .46;
        transform: rotate(-27deg) translate3d(calc(.6% * var(--dreamspace-motion-spatial-multiplier, 1)), 0, 0);
    }
    to {
        opacity: .66;
        transform: rotate(-27deg) translate3d(calc(-.6% * var(--dreamspace-motion-spatial-multiplier, 1)), 0, 0);
    }
}

/* A real layered celestial material, not a blurred dot. It stays quiet until
   the day approaches sleep, then carries the same moon/world vocabulary as
   Dreamline without becoming a second timeline event. */
[b-mdj3mc3vax] .dreamfield-celestial-body {
    position: absolute;
    top: clamp(4.75rem, 10vh, 7rem);
    right: clamp(1rem, 7vw, 7rem);
    z-index: 1;
    width: clamp(4.8rem, 10vw, 8.5rem);
    aspect-ratio: 1;
    opacity: 0;
    transform: translate3d(8%, 6%, 0) scale(.76);
    transition: opacity 1400ms ease, transform 1800ms cubic-bezier(.2, .72, .2, 1), filter 1400ms ease;
    animation: dreamfield-celestial-drift-b-mdj3mc3vax 24s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-celestial-body > span {
    position: absolute;
    pointer-events: none;
}

[b-mdj3mc3vax] .dreamfield-celestial-body__halo {
    inset: -24%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(203, 211, 255, .26) 0 28%, rgba(165, 157, 242, .11) 50%, transparent 72%);
    mix-blend-mode: screen;
    animation: dreamfield-celestial-halo-b-mdj3mc3vax 8.6s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-celestial-body__orbit {
    inset: 5% -18%;
    border: 1px solid rgba(222, 226, 255, .22);
    border-right-color: rgba(244, 215, 153, .38);
    border-radius: 50%;
    transform: rotate(-18deg) scaleY(.46);
    box-shadow: 0 0 .7rem rgba(170, 176, 255, .12);
    animation: dreamfield-celestial-orbit-b-mdj3mc3vax 22s linear infinite;
}

[b-mdj3mc3vax] .dreamfield-celestial-body__disc,
[b-mdj3mc3vax] .dreamfield-celestial-body__surface,
[b-mdj3mc3vax] .dreamfield-celestial-body__terminator {
    inset: 15%;
    border-radius: 50%;
}

[b-mdj3mc3vax] .dreamfield-celestial-body__disc {
    background:
        radial-gradient(circle at 34% 27%, rgba(255, 255, 250, .98) 0 5%, rgba(219, 228, 255, .94) 18%, rgba(137, 153, 211, .94) 53%, rgba(48, 57, 111, .98) 82%, rgba(21, 26, 65, 1) 100%);
    border: 1px solid rgba(233, 239, 255, .48);
    box-shadow: inset -.45rem -.5rem 1rem rgba(10, 14, 48, .5), inset .25rem .2rem .6rem rgba(255, 255, 255, .22), 0 0 1.15rem rgba(169, 166, 245, .24);
}

[b-mdj3mc3vax] .dreamfield-celestial-body__surface {
    overflow: hidden;
    background:
        radial-gradient(ellipse 22% 15% at 67% 67%, rgba(68, 79, 142, .42), transparent 78%),
        radial-gradient(ellipse 16% 12% at 38% 45%, rgba(76, 89, 153, .35), transparent 76%),
        radial-gradient(ellipse 10% 8% at 64% 32%, transparent 52%, rgba(230, 236, 255, .28) 58% 68%, transparent 74%),
        linear-gradient(145deg, transparent 30%, rgba(213, 222, 255, .16) 49%, transparent 66%);
    mix-blend-mode: soft-light;
    animation: dreamfield-celestial-surface-b-mdj3mc3vax 16s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-celestial-body__terminator {
    background: radial-gradient(circle at 8% 74%, rgba(8, 12, 43, .94) 0 43%, rgba(16, 22, 65, .62) 56%, transparent 72%);
    transform: translate3d(-4%, 3%, 0);
    animation: dreamfield-celestial-terminator-b-mdj3mc3vax 18s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-celestial-body__dust {
    inset: -10%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 12% 53%, rgba(244, 218, 160, .82) 0 1.2px, transparent 1.8px),
        radial-gradient(circle at 76% 9%, rgba(227, 233, 255, .72) 0 1px, transparent 1.6px),
        radial-gradient(circle at 94% 63%, rgba(244, 218, 160, .58) 0 1.3px, transparent 1.9px),
        radial-gradient(circle at 38% 92%, rgba(218, 226, 255, .62) 0 .9px, transparent 1.5px);
    animation: dreamfield-celestial-dust-b-mdj3mc3vax 14s linear infinite;
}

.dreamfield[data-phase="bedtimeapproaching"][b-mdj3mc3vax]  .dreamfield-celestial-body,
.dreamfield[data-phase="sleepactive"][data-sleep-kind="night"][b-mdj3mc3vax]  .dreamfield-celestial-body,
.dreamfield[data-phase="waketransition"][b-mdj3mc3vax]  .dreamfield-celestial-body {
    opacity: .78;
    transform: translate3d(0, 0, 0) scale(1);
}

.dreamfield[data-phase="bedtimeapproaching"][b-mdj3mc3vax]  .dreamfield-celestial-body {
    opacity: .58;
    filter: saturate(.82) brightness(.88);
}

.dreamfield[data-phase="waketransition"][b-mdj3mc3vax]  .dreamfield-celestial-body {
    opacity: .5;
    filter: sepia(.22) saturate(1.22) brightness(1.14);
    transform: translate3d(-5%, 8%, 0) scale(.88);
}

@keyframes dreamfield-celestial-drift-b-mdj3mc3vax {
    from { translate: 0 calc(.35rem * var(--dreamspace-motion-spatial-multiplier, 1)); rotate: -1.5deg; }
    to { translate: calc(-.55rem * var(--dreamspace-motion-spatial-multiplier, 1)) calc(-.35rem * var(--dreamspace-motion-spatial-multiplier, 1)); rotate: 1.5deg; }
}

@keyframes dreamfield-celestial-halo-b-mdj3mc3vax {
    from { opacity: .62; scale: .94; }
    to { opacity: .96; scale: 1.06; }
}

@keyframes dreamfield-celestial-orbit-b-mdj3mc3vax {
    to { rotate: 360deg; }
}

@keyframes dreamfield-celestial-surface-b-mdj3mc3vax {
    from { translate: -2% 1%; opacity: .62; }
    to { translate: 2% -1%; opacity: .92; }
}

@keyframes dreamfield-celestial-terminator-b-mdj3mc3vax {
    from { translate: -5% 4%; opacity: .92; }
    to { translate: -2% 1%; opacity: .76; }
}

@keyframes dreamfield-celestial-dust-b-mdj3mc3vax {
    to { rotate: -360deg; }
}

/*
 * The two broad nebula bands stay, but only as faint depth behind the galaxy.
 * They are the one place a soft raster-like wash is still allowed, and they are
 * held well down so the crisp band above defines the upper sky.
 */
[b-mdj3mc3vax] .dreamfield-nebula--upper {
    top: -24%;
    right: -30%;
    left: -30%;
    height: 64%;
    background:
        radial-gradient(ellipse 30% 44% at 23% 58%, rgba(96, 123, 195, .14), transparent 74%),
        radial-gradient(ellipse 27% 34% at 72% 34%, rgba(140, 113, 201, .1), transparent 76%),
        radial-gradient(ellipse 18% 24% at 51% 66%, rgba(197, 178, 220, .055), transparent 78%);
    /* No blur filter: these are already gradients, and a 34px full-width blur
       was both the most expensive layer in the scene and the thing that made
       the upper sky read as haze. */
    opacity: .34;
    transform: translate3d(-2%, 0, 0) scale(1.08);
    animation: dreamfield-nebula-upper-b-mdj3mc3vax 118s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-nebula--lower {
    right: -34%;
    bottom: 0;
    left: -34%;
    height: 46%;
    background:
        radial-gradient(ellipse 42% 48% at 35% 75%, rgba(77, 82, 160, .14), transparent 72%),
        radial-gradient(ellipse 36% 50% at 73% 61%, rgba(145, 112, 181, .10), transparent 74%),
        linear-gradient(180deg, transparent, rgba(19, 24, 63, .1));
    opacity: .46;
    transform: translate3d(2%, 1%, 0) scale(1.06);
    animation: dreamfield-nebula-lower-b-mdj3mc3vax 146s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-horizon-light {
    right: -18%;
    bottom: 13%;
    left: -18%;
    height: 56%;
    background:
        radial-gradient(ellipse 42% 45% at 50% 70%, rgba(201, 193, 255, .2), transparent 72%),
        linear-gradient(105deg, transparent 16%, rgba(190, 184, 255, .08) 48%, transparent 74%);
    filter: blur(11px);
    opacity: .78;
    transform: translate3d(-3%, 0, 0) scale(1.03);
    animation: dreamfield-horizon-travel-b-mdj3mc3vax 26s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-haze--far {
    inset: -14% -24% 30% -24%;
    background:
        radial-gradient(ellipse 34% 29% at 27% 43%, rgba(125, 144, 219, .12), transparent 74%),
        radial-gradient(ellipse 30% 24% at 76% 34%, rgba(164, 148, 220, .1), transparent 76%);
    filter: blur(22px);
    opacity: .62;
    transform: translate3d(-2%, 0, 0) scale(1.06);
    animation: dreamfield-haze-far-b-mdj3mc3vax 48s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-haze--near {
    right: -30%;
    bottom: 12%;
    left: -30%;
    height: 42%;
    background:
        radial-gradient(ellipse 36% 38% at 20% 56%, rgba(163, 177, 232, .14), transparent 70%),
        radial-gradient(ellipse 40% 42% at 83% 62%, rgba(177, 162, 227, .1), transparent 72%);
    filter: blur(30px);
    opacity: .52;
    transform: translate3d(2%, 0, 0) scale(1.04);
    animation: dreamfield-haze-near-b-mdj3mc3vax 34s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-fog--low {
    right: -20%;
    bottom: 4%;
    left: -20%;
    height: 27%;
    background: linear-gradient(100deg, transparent, rgba(157, 166, 220, .12) 42%, rgba(199, 185, 233, .08) 63%, transparent);
    filter: blur(17px);
    opacity: .64;
    transform: translate3d(-5%, 0, 0);
    animation: dreamfield-fog-low-b-mdj3mc3vax 29s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-fog--near {
    right: -32%;
    bottom: -2%;
    left: -32%;
    height: 23%;
    background: linear-gradient(86deg, transparent 4%, rgba(111, 129, 194, .12) 36%, rgba(181, 175, 229, .15) 61%, transparent 96%);
    filter: blur(24px);
    opacity: .45;
    transform: translate3d(5%, 0, 0);
    animation: dreamfield-fog-near-b-mdj3mc3vax 22s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-mountain {
    right: -6%;
    bottom: 3%;
    left: -6%;
    height: 34%;
    transform-origin: 50% 100%;
}

[b-mdj3mc3vax] .dreamfield-mountain--far {
    background: rgba(44, 53, 101, .3);
    clip-path: polygon(0 82%, 9% 65%, 17% 74%, 26% 43%, 35% 66%, 46% 52%, 57% 71%, 67% 39%, 77% 68%, 88% 50%, 100% 77%, 100% 100%, 0 100%);
    opacity: .7;
    transform: translate3d(-1.2%, 0, 0) scale(1.02);
    animation: dreamfield-mountain-far-b-mdj3mc3vax 58s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-mountain--near {
    right: -10%;
    bottom: -1%;
    left: -10%;
    height: 27%;
    background: linear-gradient(180deg, rgba(12, 19, 47, .42), rgba(4, 7, 20, .8));
    clip-path: polygon(0 68%, 14% 46%, 27% 72%, 40% 34%, 53% 70%, 66% 48%, 79% 76%, 91% 54%, 100% 73%, 100% 100%, 0 100%);
    opacity: .82;
    transform: translate3d(1.5%, 0, 0) scale(1.03);
    animation: dreamfield-mountain-near-b-mdj3mc3vax 41s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-foreground {
    right: -8%;
    bottom: -1%;
    left: -8%;
    height: 18%;
    background: linear-gradient(180deg, rgba(7, 11, 29, .16), rgba(2, 5, 15, .7));
    clip-path: polygon(0 61%, 16% 54%, 29% 67%, 43% 57%, 56% 72%, 72% 56%, 86% 66%, 100% 51%, 100% 100%, 0 100%);
    opacity: .88;
    transform: translate3d(0, 0, 0);
    animation: dreamfield-foreground-parallax-b-mdj3mc3vax 36s ease-in-out infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-star-layer { z-index: 1; opacity: var(--dreamfield-far-opacity, 1); }
[b-mdj3mc3vax] .dreamfield-star-layer-mid { z-index: 2; opacity: var(--dreamfield-mid-opacity, 1); }
[b-mdj3mc3vax] .dreamfield-star-layer-near { z-index: 3; opacity: var(--dreamfield-near-opacity, 1); }

[b-mdj3mc3vax] .dreamfield-dust-layer {
    position: absolute;
    inset: 0;
    z-index: 3;
    overflow: hidden;
    pointer-events: none;
}

[b-mdj3mc3vax] .dreamfield-dust {
    position: absolute;
    top: var(--dreamfield-dust-y);
    left: var(--dreamfield-dust-x);
    display: block;
    width: var(--dreamfield-dust-size);
    height: var(--dreamfield-dust-size);
    border-radius: 999px;
    opacity: var(--dreamfield-dust-opacity);
    filter: blur(var(--dreamfield-dust-blur));
    transform: translate(-50%, -50%) rotate(var(--dreamfield-dust-rotation));
    animation: dreamfield-dust-drift-b-mdj3mc3vax var(--dreamfield-dust-duration) ease-in-out var(--dreamfield-dust-delay) infinite alternate;
}

[b-mdj3mc3vax] .dreamfield-dust--speck {
    box-shadow: 0 0 5px currentColor;
}

[b-mdj3mc3vax] .dreamfield-dust--fragment {
    width: calc(var(--dreamfield-dust-size) * 1.28);
    height: calc(var(--dreamfield-dust-size) * .52);
    border-radius: 48% 56% 42% 60%;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .16), 0 0 9px currentColor;
}

[b-mdj3mc3vax] .dreamfield-dust-coolblue { color: rgba(136, 190, 228, .8); background: rgba(136, 190, 228, .8); }
[b-mdj3mc3vax] .dreamfield-dust-mutedviolet { color: rgba(164, 137, 208, .78); background: rgba(164, 137, 208, .78); }
[b-mdj3mc3vax] .dreamfield-dust-palelavender { color: rgba(205, 193, 235, .75); background: rgba(205, 193, 235, .75); }
[b-mdj3mc3vax] .dreamfield-dust-rose { color: rgba(205, 150, 181, .7); background: rgba(205, 150, 181, .7); }
[b-mdj3mc3vax] .dreamfield-dust-moonlightgold { color: rgba(227, 205, 152, .68); background: rgba(227, 205, 152, .68); }

/*
 * Longhands, not the `animation` shorthand: every profile class supplies the
 * animation-name. The shorthand previously named a keyframe that does not exist
 * and only worked because the profile rules happen to come later in the file.
 * No `will-change` here — a Rich/Wide scene renders up to 160 stars, and the
 * browser already promotes an active transform/opacity animation on its own.
 */
[b-mdj3mc3vax] .dreamfield-star {
    position: absolute;
    left: var(--dreamfield-x);
    top: var(--dreamfield-y);
    display: block;
    width: var(--dreamfield-size);
    height: var(--dreamfield-size);
    opacity: var(--dreamfield-opacity);
    transform: translate(-50%, -50%) scale(var(--dreamfield-scale));
    animation-duration: calc(var(--dreamfield-twinkle-duration) * var(--dreamfield-twinkle-multiplier, 1));
    animation-timing-function: ease-in-out;
    animation-delay: var(--dreamfield-delay);
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

/*
 * The drift delay is a second, larger multiple of the per-star twinkle offset.
 * Without it every mid and near star started its drift on the same frame, which
 * read as one synchronised breath across the whole sky on load.
 */
[b-mdj3mc3vax] .dreamfield-star img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: saturate(1.02) brightness(1.12) drop-shadow(0 0 3px rgba(190, 186, 255, .28));
    animation: dreamfield-drift-b-mdj3mc3vax var(--dreamfield-drift-duration) ease-in-out calc(var(--dreamfield-delay) * 2.6) infinite alternate;
}

/*
 * `drop-shadow` is a blur pass with expanded paint bounds, and it was running
 * on every star in the sky: a Rich/Wide scene renders 160 of them, each already
 * carrying two infinite animations, so the compositor was asked for 160
 * separate filtered surfaces per frame. It was the largest single item in the
 * Dreamfield's mobile paint budget.
 *
 * The far layer is two thirds of every scene and holds the smallest, dimmest
 * stars — a 3px halo around a 2px star is not something anyone can see. It
 * keeps the colour matrix, which is cheap, and gives up the halo. Mid and near
 * stars, which are large enough for the glow to register, keep it.
 */
[b-mdj3mc3vax] .dreamfield-star-layer-far .dreamfield-star img {
    filter: saturate(1.02) brightness(1.14);
}

[b-mdj3mc3vax] .dreamfield-twinkle-nearlystatic { animation-name: dreamfield-nearly-static-b-mdj3mc3vax; }
[b-mdj3mc3vax] .dreamfield-twinkle-distantflicker { animation-name: dreamfield-distant-flicker-b-mdj3mc3vax; }
[b-mdj3mc3vax] .dreamfield-twinkle-softtwinkle { animation-name: dreamfield-soft-twinkle-b-mdj3mc3vax; }
[b-mdj3mc3vax] .dreamfield-twinkle-slowbreath { animation-name: dreamfield-slow-breath-b-mdj3mc3vax; }
[b-mdj3mc3vax] .dreamfield-twinkle-focalglow { animation-name: dreamfield-focal-glow-b-mdj3mc3vax; }

.dreamfield-shooting-layer[b-mdj3mc3vax] { z-index: 4; }

/*
 * The whole journey lives in one keyframe pair so the animated transform can
 * never drop the mirror. Previously `.from-right` set `scaleX(-1)` in a static
 * `transform` that the animation immediately overwrote, and it then travelled
 * +48vw away from a `left: 104%` origin — roughly half of all shooting stars
 * played entirely off the right edge of the screen.
 */
[b-mdj3mc3vax] .dreamfield-shooting-star {
    position: absolute;
    top: var(--dreamfield-shooting-top);
    left: 0;
    width: clamp(96px, 15vw, 240px);
    height: auto;
    opacity: 0;
    transform-origin: center;
    filter: drop-shadow(0 0 6px rgba(214, 226, 255, .45));
    /*
     * Two animations, one element. Travel owns opacity and transform and is the
     * animation whose end retires the runtime's reservation; the trail owns
     * clip-path alone, so neither can overwrite the other's property. The trail
     * window is scheduled from dreamfield.js because keyframe offsets cannot
     * read custom properties — only the phase proportions live here. The static
     * clip keeps the head alone on screen during the trail's start delay.
     */
    clip-path: inset(0 var(--dreamfield-shooting-trail-reveal, 86%) 0 0);
    animation:
        dreamfield-shooting-travel-b-mdj3mc3vax var(--dreamfield-shooting-duration) cubic-bezier(.3, .1, .4, 1) forwards,
        dreamfield-shooting-trail-b-mdj3mc3vax var(--dreamfield-shooting-trail-duration, var(--dreamfield-shooting-duration)) cubic-bezier(.22, .61, .36, 1) var(--dreamfield-shooting-trail-delay, 0ms) forwards;
    will-change: opacity, transform, clip-path;
}

@keyframes dreamfield-nearly-static-b-mdj3mc3vax {
    0%, 100% { opacity: var(--dreamfield-opacity); transform: translate(-50%, -50%) scale(var(--dreamfield-scale)); }
}

/*
 * Twinkle beats are deliberately off-centre and multi-peak rather than
 * sinusoidal. A single midpoint peak reads as one obvious loop once a hundred
 * stars share it; uneven beats let neighbouring stars fall out of step. The
 * troughs bottom out around a third of the star's base opacity, which is a
 * visible twinkle without ever letting a star blink out of the sky.
 */
@keyframes dreamfield-distant-flicker-b-mdj3mc3vax {
    0%, 100% { opacity: calc(var(--dreamfield-opacity) * .92); transform: translate(-50%, -50%) scale(var(--dreamfield-scale)); }
    21% { opacity: calc(var(--dreamfield-opacity) * .34); }
    37% { opacity: calc(var(--dreamfield-opacity) * 1.28); transform: translate(-50%, -50%) scale(calc(var(--dreamfield-scale) * (1 + .14 * var(--dreamspace-motion-spatial-multiplier, 1)))); }
    58% { opacity: calc(var(--dreamfield-opacity) * .45); }
    79% { opacity: calc(var(--dreamfield-opacity) * 1.12); }
}

@keyframes dreamfield-soft-twinkle-b-mdj3mc3vax {
    0%, 100% { opacity: calc(var(--dreamfield-opacity) * .46); transform: translate(-50%, -50%) scale(var(--dreamfield-scale)); }
    31% { opacity: calc(var(--dreamfield-opacity) * 1.22); transform: translate(-50%, -50%) scale(calc(var(--dreamfield-scale) * (1 + .16 * var(--dreamspace-motion-spatial-multiplier, 1)))); }
    54% { opacity: calc(var(--dreamfield-opacity) * .58); }
    77% { opacity: calc(var(--dreamfield-opacity) * 1.04); transform: translate(-50%, -50%) scale(calc(var(--dreamfield-scale) * (1 + .06 * var(--dreamspace-motion-spatial-multiplier, 1)))); }
}

@keyframes dreamfield-slow-breath-b-mdj3mc3vax {
    0%, 100% { opacity: calc(var(--dreamfield-opacity) * .54); transform: translate(-50%, -50%) scale(var(--dreamfield-scale)); }
    38% { opacity: calc(var(--dreamfield-opacity) * 1.18); transform: translate(-50%, -50%) scale(calc(var(--dreamfield-scale) * (1 + .2 * var(--dreamspace-motion-spatial-multiplier, 1)))); }
    69% { opacity: calc(var(--dreamfield-opacity) * .7); transform: translate(-50%, -50%) scale(calc(var(--dreamfield-scale) * (1 + .04 * var(--dreamspace-motion-spatial-multiplier, 1)))); }
}

@keyframes dreamfield-focal-glow-b-mdj3mc3vax {
    0%, 100% { opacity: calc(var(--dreamfield-opacity) * .5); transform: translate(-50%, -50%) scale(var(--dreamfield-scale)); }
    36% { opacity: calc(var(--dreamfield-opacity) * 1.24); transform: translate(-50%, -50%) scale(calc(var(--dreamfield-scale) * (1 + .28 * var(--dreamspace-motion-spatial-multiplier, 1)))); }
    66% { opacity: calc(var(--dreamfield-opacity) * .74); transform: translate(-50%, -50%) scale(calc(var(--dreamfield-scale) * (1 + .08 * var(--dreamspace-motion-spatial-multiplier, 1)))); }
}

/*
 * The phase multiplier scales drift *distance*, not duration. It used to divide
 * the duration, so a "calmer" phase such as sleep-active (.58) actually drifted
 * 1.7x faster. Travel is symmetric so the star still averages its deterministic
 * coordinate; the largest near-layer excursion is ~4px, far inside the content
 * exclusion margins.
 */
@keyframes dreamfield-drift-b-mdj3mc3vax {
    from {
        transform: translate3d(
            calc(var(--dreamfield-drift-x) * -1 * var(--dreamfield-drift-multiplier, 1) * var(--dreamspace-motion-spatial-multiplier, 1)),
            calc(var(--dreamfield-drift-y) * -1 * var(--dreamfield-drift-multiplier, 1) * var(--dreamspace-motion-spatial-multiplier, 1)),
            0);
    }
    to {
        transform: translate3d(
            calc(var(--dreamfield-drift-x) * var(--dreamfield-drift-multiplier, 1) * var(--dreamspace-motion-spatial-multiplier, 1)),
            calc(var(--dreamfield-drift-y) * var(--dreamfield-drift-multiplier, 1) * var(--dreamspace-motion-spatial-multiplier, 1)),
            0);
    }
}

@keyframes dreamfield-dust-drift-b-mdj3mc3vax {
    from {
        transform: translate3d(
            calc(-50% - var(--dreamfield-dust-drift-x) * var(--dreamspace-motion-spatial-multiplier, 1)),
            calc(-50% - var(--dreamfield-dust-drift-y) * var(--dreamspace-motion-spatial-multiplier, 1)),
            0) rotate(var(--dreamfield-dust-rotation));
    }
    to {
        transform: translate3d(
            calc(-50% + var(--dreamfield-dust-drift-x) * var(--dreamspace-motion-spatial-multiplier, 1)),
            calc(-50% + var(--dreamfield-dust-drift-y) * var(--dreamspace-motion-spatial-multiplier, 1)),
            0) rotate(var(--dreamfield-dust-rotation));
    }
}

@keyframes dreamfield-nebula-upper-b-mdj3mc3vax {
    from { opacity: .54; transform: translate3d(calc(-3% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .07 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .76; transform: translate3d(calc(3% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .11 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-nebula-lower-b-mdj3mc3vax {
    from { opacity: .48; transform: translate3d(calc(3% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .05 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .7; transform: translate3d(calc(-3% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .1 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-horizon-travel-b-mdj3mc3vax {
    from { opacity: .62; transform: translate3d(calc(-4% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .03 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .9; transform: translate3d(calc(4% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .08 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-haze-far-b-mdj3mc3vax {
    from { transform: translate3d(calc(-3% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .05 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { transform: translate3d(calc(3% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .1 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-haze-near-b-mdj3mc3vax {
    from { opacity: .4; transform: translate3d(calc(3% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .04 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .7; transform: translate3d(calc(-4% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .09 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-fog-low-b-mdj3mc3vax {
    from { opacity: .42; transform: translate3d(calc(-8% * var(--dreamspace-motion-spatial-multiplier, 1)), 0, 0); }
    to { opacity: .76; transform: translate3d(calc(8% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0); }
}

@keyframes dreamfield-fog-near-b-mdj3mc3vax {
    from { opacity: .28; transform: translate3d(calc(8% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .03 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .58; transform: translate3d(calc(-8% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .08 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-mountain-far-b-mdj3mc3vax {
    from { transform: translate3d(calc(-2% * var(--dreamspace-motion-spatial-multiplier, 1)), 0, 0) scale(calc(1 + .02 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { transform: translate3d(calc(2% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .04 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-mountain-near-b-mdj3mc3vax {
    from { transform: translate3d(calc(2% * var(--dreamspace-motion-spatial-multiplier, 1)), 0, 0) scale(calc(1 + .03 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { transform: translate3d(calc(-2% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .06 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-foreground-parallax-b-mdj3mc3vax {
    from { transform: translate3d(calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0, 0) scale(calc(1 + .02 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { transform: translate3d(calc(1% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-1% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .05 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-shooting-travel-b-mdj3mc3vax {
    0% {
        opacity: 0;
        transform: translate3d(var(--dreamfield-shooting-from-x), var(--dreamfield-shooting-from-y), 0)
            scaleX(var(--dreamfield-shooting-flip, 1)) rotate(var(--dreamfield-shooting-angle));
    }
    10% { opacity: 1; }
    68% { opacity: .82; }
    100% {
        opacity: 0;
        transform: translate3d(var(--dreamfield-shooting-to-x), var(--dreamfield-shooting-to-y), 0)
            scaleX(var(--dreamfield-shooting-flip, 1)) rotate(var(--dreamfield-shooting-angle));
    }
}

/*
 * The clip runs in the sprite's untransformed box, where the bright head is
 * always at the left edge — scaleX mirrors the clip along with the artwork, so
 * one keyframe set serves both directions. Reveal the head, lengthen the streak
 * behind it, hold, then retract back toward the head while the travel keyframe's
 * own opacity ramp carries the fade. This animation must never touch opacity:
 * travel owns that property, and a second animation on it would win outright.
 */
@keyframes dreamfield-shooting-trail-b-mdj3mc3vax {
    0% { clip-path: inset(0 var(--dreamfield-shooting-trail-reveal, 86%) 0 0); }
    30% { clip-path: inset(0 var(--dreamfield-shooting-trail-extent, 0%) 0 0); }
    62% { clip-path: inset(0 var(--dreamfield-shooting-trail-extent, 0%) 0 0); }
    90% { clip-path: inset(0 var(--dreamfield-shooting-trail-retract, 62%) 0 0); }
    100% { clip-path: inset(0 var(--dreamfield-shooting-trail-reveal, 86%) 0 0); }
}

.dreamfield[data-phase="napapproaching"][b-mdj3mc3vax] {
    --dreamfield-horizon: rgba(145, 137, 224, .2);
    --dreamfield-focal-color: 185, 177, 255;
}

.dreamfield[data-phase="napapproaching"][b-mdj3mc3vax]  .dreamfield-atmosphere {
    opacity: 1;
    filter: saturate(1.05) brightness(1.03);
}

.dreamfield[data-phase="napapproaching"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    opacity: 1;
}

.dreamfield[data-phase="bedtimeapproaching"][b-mdj3mc3vax] {
    --dreamfield-sky-top: #080e22;
    --dreamfield-horizon: rgba(190, 155, 202, .16);
    --dreamfield-focal-color: 235, 198, 187;
}

.dreamfield[data-phase="bedtimeapproaching"][b-mdj3mc3vax]  .dreamfield-atmosphere {
    opacity: .9;
    filter: saturate(.88) brightness(.93);
}

.dreamfield[data-phase="bedtimeapproaching"][b-mdj3mc3vax]  .dreamfield-nebula--lower {
    background:
        radial-gradient(ellipse 46% 54% at 35% 76%, rgba(65, 62, 141, .22), transparent 72%),
        radial-gradient(ellipse 36% 52% at 75% 64%, rgba(156, 112, 171, .15), transparent 74%),
        linear-gradient(180deg, transparent, rgba(13, 15, 49, .22));
    opacity: .82;
}

.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax] {
    --dreamfield-sky-top: #08102b;
    --dreamfield-sky-mid: #151a45;
    --dreamfield-horizon: rgba(137, 128, 224, .22);
    --dreamfield-fog: rgba(109, 107, 202, .11);
}

.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-atmosphere {
    opacity: .96;
    filter: saturate(1) brightness(1);
}

.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]::after {
    background:
        radial-gradient(circle at 78% 16%, rgba(177, 165, 255, .12), transparent 22%),
        linear-gradient(180deg, transparent 0 55%, var(--dreamfield-fog) 67%, rgba(3, 6, 17, .34) 82%, var(--dreamfield-foreground) 100%);
    opacity: .72;
}

.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-background {
    filter: saturate(.96) brightness(.98);
}

/* Rich tiers retain a readable active-sleep night. The Balanced budget that
 * follows freezes these ambient layers while retaining only focused emphasis. */
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-nebula--upper { animation-duration: 76s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-nebula--lower { animation-duration: 92s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-horizon-light { animation-duration: 38s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-haze--far { animation-duration: 52s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-haze--near { animation-duration: 44s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-fog--low { animation-duration: 38s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-fog--near { animation-duration: 30s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-mountain--far { animation-duration: 68s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-mountain--near { animation-duration: 56s; }
.dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-foreground { animation-duration: 48s; }
.dreamfield[data-phase="sleepactive"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-phase="sleepactive"] .dreamfield-next-atmosphere[b-mdj3mc3vax] { animation-duration: 12s; }

.dreamfield[data-phase="waketransition"][b-mdj3mc3vax] {
    --dreamfield-horizon: rgba(215, 185, 182, .22);
    --dreamfield-focal-color: 244, 205, 179;
}

.dreamfield[data-phase="waketransition"][b-mdj3mc3vax]  .dreamfield-atmosphere {
    opacity: 1;
    filter: saturate(1.12) brightness(1.06);
}

.dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield-transition-overlay[b-mdj3mc3vax] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 7;
}

.dreamfield-focal-overlay[b-mdj3mc3vax] {
    background:
        radial-gradient(ellipse 30% 20% at var(--dreamfield-focal-x) var(--dreamfield-focal-y), rgba(var(--dreamfield-focal-color), calc(var(--dreamfield-focal-opacity) * .56)) 0, rgba(var(--dreamfield-focal-color), calc(var(--dreamfield-focal-opacity) * .14)) 36%, transparent 78%),
        linear-gradient(125deg, transparent 26%, rgba(var(--dreamfield-focal-color), calc(var(--dreamfield-focal-opacity) * .07)) 50%, transparent 73%);
    opacity: .86;
    transform: scale(var(--dreamfield-focal-scale));
    transform-origin: var(--dreamfield-focal-x) var(--dreamfield-focal-y);
    transition: opacity 1400ms cubic-bezier(.2, .7, .2, 1), transform 1400ms cubic-bezier(.2, .7, .2, 1);
    animation: dreamfield-focal-breathe-b-mdj3mc3vax var(--dreamspace-emphasized-duration) ease-in-out infinite alternate;
}

.dreamfield-selection-overlay[b-mdj3mc3vax] {
    position: absolute;
    inset: 0;
    z-index: 8;
    pointer-events: none;
    opacity: .82;
    transition: opacity var(--dreamspace-selection-duration) cubic-bezier(.2, .7, .2, 1);
}

.dreamfield-selection-overlay[b-mdj3mc3vax]::before {
    position: absolute;
    top: var(--dreamfield-selection-y);
    left: var(--dreamfield-selection-x);
    width: clamp(6rem, 18vw, 13rem);
    height: clamp(6rem, 18vw, 13rem);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(207, 198, 255, .2), rgba(185, 177, 255, .08) 38%, transparent 72%);
    content: "";
    transform: translate(-50%, -50%) scale(.82);
    transform-origin: center;
    animation: dreamfield-selection-focus-b-mdj3mc3vax var(--dreamspace-selection-duration) cubic-bezier(.2, .7, .2, 1) both;
    transition: top var(--dreamspace-selection-duration) cubic-bezier(.2, .7, .2, 1), left var(--dreamspace-selection-duration) cubic-bezier(.2, .7, .2, 1);
}

/*
 * These light fields receive measured Dreamline coordinates, not inferred
 * prediction positions. They remain behind content and make the current moment
 * and approved next event feel part of one breathing environment without
 * drawing a shortcut that could contradict the canonical rail.
 */
.dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield-next-atmosphere[b-mdj3mc3vax] {
    position: absolute;
    inset: 0;
    z-index: 7;
    pointer-events: none;
}

.dreamfield-current-beacon[b-mdj3mc3vax] {
    background: radial-gradient(ellipse 13% 11% at var(--dreamfield-current-x) var(--dreamfield-current-y), rgba(237, 221, 167, .13), rgba(200, 226, 229, .045) 44%, transparent 76%);
    opacity: .7;
    transform-origin: var(--dreamfield-current-x) var(--dreamfield-current-y);
    animation: dreamfield-current-beacon-b-mdj3mc3vax 6.8s ease-in-out infinite alternate;
}

.dreamfield-next-atmosphere[b-mdj3mc3vax] {
    --dreamfield-next-color: 185, 177, 255;
    background:
        radial-gradient(ellipse 19% 15% at var(--dreamfield-next-x) var(--dreamfield-next-y), rgba(var(--dreamfield-next-color), calc(var(--dreamfield-next-strength) * .2)) 0, rgba(var(--dreamfield-next-color), calc(var(--dreamfield-next-strength) * .07)) 43%, transparent 78%),
        radial-gradient(ellipse 34% 24% at var(--dreamfield-next-x) var(--dreamfield-next-y), rgba(var(--dreamfield-next-color), calc(var(--dreamfield-next-strength) * .045)), transparent 72%);
    opacity: .9;
    transform-origin: var(--dreamfield-next-x) var(--dreamfield-next-y);
    transition: background 1400ms cubic-bezier(.2, .7, .2, 1), opacity 1400ms cubic-bezier(.2, .7, .2, 1);
    animation: dreamfield-next-atmosphere-b-mdj3mc3vax 9.4s ease-in-out infinite alternate;
}

.dreamfield[data-next-event="bedtime"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    --dreamfield-next-color: 230, 191, 165;
}

.dreamfield[data-next-event="wake"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    --dreamfield-next-color: 165, 221, 216;
}

.dreamfield[data-next-confidence="low"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    opacity: .58;
}

.dreamfield[data-has-prediction-range="true"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    background:
        radial-gradient(ellipse 23% 18% at var(--dreamfield-next-x) var(--dreamfield-next-y), rgba(var(--dreamfield-next-color), calc(var(--dreamfield-next-strength) * .21)) 0, rgba(var(--dreamfield-next-color), calc(var(--dreamfield-next-strength) * .08)) 45%, transparent 78%),
        radial-gradient(ellipse 38% 27% at var(--dreamfield-next-x) var(--dreamfield-next-y), rgba(var(--dreamfield-next-color), calc(var(--dreamfield-next-strength) * .055)), transparent 74%);
}

.dreamfield[data-selected-role="current"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-selected-role="wake"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before {
    background: radial-gradient(circle, rgba(247, 199, 111, .22), rgba(207, 198, 255, .07) 42%, transparent 72%);
}

.dreamfield[data-selected-role="nap"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-selected-role="active"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before {
    background: radial-gradient(circle, rgba(125, 225, 225, .2), rgba(185, 177, 255, .07) 42%, transparent 72%);
}

.dreamfield[data-selected-role="bedtime"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-selected-role="prediction"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before {
    background: radial-gradient(circle, rgba(201, 183, 255, .24), rgba(185, 177, 255, .08) 42%, transparent 72%);
}

.dreamfield-transition-presentation[b-mdj3mc3vax] {
    background: radial-gradient(ellipse 28% 22% at var(--dreamfield-transition-x) var(--dreamfield-transition-y), rgba(218, 209, 255, .22), rgba(172, 183, 246, .06) 42%, transparent 78%);
    opacity: 0;
    transform-origin: var(--dreamfield-transition-x) var(--dreamfield-transition-y);
    animation: dreamfield-sleep-started-b-mdj3mc3vax var(--dreamfield-transition-duration) ease-out both;
    contain: paint;
}

.dreamfield-transition-presentation[b-mdj3mc3vax]::before {
    position: absolute;
    top: var(--dreamfield-transition-y);
    left: var(--dreamfield-transition-x);
    width: clamp(7rem, 22vw, 16rem);
    height: clamp(7rem, 22vw, 16rem);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(218, 209, 255, .13), transparent 68%);
    content: "";
    transform: translate(-50%, -50%);
}

.dreamfield-transition-sparkle[b-mdj3mc3vax] {
    position: absolute;
    top: var(--dreamfield-transition-y);
    left: var(--dreamfield-transition-x);
    width: clamp(1.75rem, 5vw, 4rem);
    height: auto;
    opacity: .68;
    transform: translate(-50%, -50%);
    filter: saturate(.72) brightness(.9);
}

/* A planet tap is a disposable ambient acknowledgement, not a second
 * selection state. The geometry module writes the measured rendered anchor as
 * percentages, so this stays localized even when the planet is displaced from
 * its canonical rail point. Dynamic children come from JS and therefore use
 * ::deep to cross the scoped-style boundary. */
[b-mdj3mc3vax] .dreamfield-tap-reaction {
    --dreamfield-tap-duration: 1.9s;
    position: absolute;
    inset: 0;
    z-index: 9;
    pointer-events: none;
    contain: paint;
}

[b-mdj3mc3vax] .dreamfield-tap-reaction__ripple,
[b-mdj3mc3vax] .dreamfield-tap-reaction__sparkle {
    position: absolute;
    top: var(--dreamfield-tap-y);
    left: var(--dreamfield-tap-x);
    pointer-events: none;
}

[b-mdj3mc3vax] .dreamfield-tap-reaction__ripple {
    width: clamp(3rem, 9vw, 7rem);
    aspect-ratio: 1;
    border: 1px solid rgba(226, 220, 255, .74);
    border-radius: 50%;
    box-shadow: 0 0 1.2rem rgba(181, 213, 255, .32), inset 0 0 .8rem rgba(242, 225, 255, .18);
    opacity: 0;
    transform: translate(-50%, -50%) scale(.18);
    animation: dreamfield-tap-ripple-b-mdj3mc3vax var(--dreamfield-tap-duration) cubic-bezier(.16, .74, .22, 1) both;
}

[b-mdj3mc3vax] .dreamfield-tap-reaction__sparkle {
    color: rgba(255, 250, 235, .94);
    font-size: clamp(1.35rem, 3.8vw, 2.6rem);
    line-height: 1;
    text-shadow: 0 0 .75rem rgba(209, 200, 255, .78), 0 0 1.4rem rgba(165, 224, 232, .34);
    opacity: 0;
    transform: translate(-50%, -50%) scale(.2) rotate(-14deg);
    animation: dreamfield-tap-sparkle-b-mdj3mc3vax var(--dreamfield-tap-duration) cubic-bezier(.18, .72, .2, 1) both;
}

/* Semantic tap acknowledgements: the location is always the measured visible
   planet, while the gesture vocabulary follows the event's existing meaning. */
[b-mdj3mc3vax] .dreamfield-tap-reaction--sleep-start .dreamfield-tap-reaction__ripple {
    border-color: rgba(173, 213, 255, .82);
    box-shadow: 0 0 1.2rem rgba(127, 180, 255, .38), inset 0 0 .8rem rgba(202, 226, 255, .22);
    animation-name: dreamfield-tap-inward-b-mdj3mc3vax;
}

[b-mdj3mc3vax] .dreamfield-tap-reaction--sleep-start .dreamfield-tap-reaction__sparkle {
    color: rgba(214, 233, 255, .96);
    text-shadow: 0 0 .75rem rgba(147, 197, 255, .84), 0 0 1.4rem rgba(155, 185, 255, .42);
    animation-name: dreamfield-tap-inward-sparkle-b-mdj3mc3vax;
}

[b-mdj3mc3vax] .dreamfield-tap-reaction--wake-outward .dreamfield-tap-reaction__ripple {
    border-color: rgba(255, 219, 157, .88);
    box-shadow: 0 0 1.2rem rgba(255, 193, 104, .42), inset 0 0 .8rem rgba(255, 237, 197, .22);
}

[b-mdj3mc3vax] .dreamfield-tap-reaction--wake-outward .dreamfield-tap-reaction__sparkle {
    color: rgba(255, 242, 205, .98);
    text-shadow: 0 0 .75rem rgba(255, 202, 112, .9), 0 0 1.4rem rgba(255, 165, 103, .42);
}

[b-mdj3mc3vax] .dreamfield-tap-reaction--approaching {
    --dreamfield-tap-duration: 1.25s;
}

[b-mdj3mc3vax] .dreamfield-tap-reaction--approaching .dreamfield-tap-reaction__ripple {
    border-color: rgba(232, 213, 255, .94);
    box-shadow: 0 0 1.5rem rgba(208, 166, 255, .46), inset 0 0 .9rem rgba(255, 231, 197, .24);
    animation-name: dreamfield-tap-surge-b-mdj3mc3vax;
}

[b-mdj3mc3vax] .dreamfield-tap-reaction--approaching .dreamfield-tap-reaction__sparkle {
    color: rgba(255, 237, 196, .98);
    text-shadow: 0 0 .8rem rgba(224, 188, 255, .9), 0 0 1.5rem rgba(255, 207, 128, .48);
    animation-name: dreamfield-tap-surge-sparkle-b-mdj3mc3vax;
}

.dreamfield-transition-sleepended[b-mdj3mc3vax] { animation-name: dreamfield-sleep-ended-b-mdj3mc3vax; }

@keyframes dreamfield-sleep-started-b-mdj3mc3vax {
    0% { opacity: 0; transform: scale(.86); }
    18% { opacity: .62; transform: scale(1.01); }
    42% { opacity: .24; transform: scale(.97); }
    100% { opacity: 0; transform: scale(.92); }
}

@keyframes dreamfield-sleep-ended-b-mdj3mc3vax {
    0% { opacity: 0; transform: scale(.9); }
    16% { opacity: .58; transform: scale(1.02); }
    46% { opacity: .2; transform: scale(1.08); }
    100% { opacity: 0; transform: scale(1.14); }
}

@keyframes dreamfield-tap-ripple-b-mdj3mc3vax {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.18); }
    16% { opacity: .76; transform: translate(-50%, -50%) scale(.42); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes dreamfield-tap-sparkle-b-mdj3mc3vax {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.2) rotate(-14deg); }
    18% { opacity: .96; transform: translate(-50%, -50%) scale(1.08) rotate(4deg); }
    62% { opacity: .52; transform: translate(-50%, -50%) scale(.84) rotate(10deg); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(.64) rotate(16deg); }
}

@keyframes dreamfield-tap-inward-b-mdj3mc3vax {
    0% { opacity: .08; transform: translate(-50%, -50%) scale(1.1); }
    42% { opacity: .82; transform: translate(-50%, -50%) scale(.34); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(.08); }
}

@keyframes dreamfield-tap-inward-sparkle-b-mdj3mc3vax {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.9) rotate(-20deg); }
    38% { opacity: .96; transform: translate(-50%, -50%) scale(.34) rotate(-4deg); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(.08) rotate(8deg); }
}

@keyframes dreamfield-tap-surge-b-mdj3mc3vax {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.32); }
    28% { opacity: .94; transform: translate(-50%, -50%) scale(.74); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(1.34); }
}

@keyframes dreamfield-tap-surge-sparkle-b-mdj3mc3vax {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.2) rotate(-20deg); }
    22% { opacity: 1; transform: translate(-50%, -50%) scale(1.18) rotate(2deg); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(.68) rotate(14deg); }
}

@keyframes dreamfield-focal-breathe-b-mdj3mc3vax {
    from { opacity: .68; }
    to { opacity: .94; }
}

@keyframes dreamfield-selection-focus-b-mdj3mc3vax {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(calc(1 - .26 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    55% { opacity: .92; transform: translate(-50%, -50%) scale(calc(1 + .02 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    100% { opacity: .72; transform: translate(-50%, -50%) scale(calc(1 - .1 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-current-beacon-b-mdj3mc3vax {
    from { opacity: .54; transform: scale(calc(1 - .04 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .82; transform: scale(calc(1 + .05 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@keyframes dreamfield-next-atmosphere-b-mdj3mc3vax {
    from { opacity: .68; transform: scale(calc(1 - .04 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .96; transform: scale(calc(1 + .045 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-star,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-star,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-star,
.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-dust,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-dust,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-dust,
.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-constellation,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-constellation,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-constellation,
.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-decorative-star,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-decorative-star,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-decorative-star {
    animation: none;
}

/* The server cannot read this device's saved tier or OS preference. Keep only
   opted-in Today Dreamfield roots static until the encoded C# policy snapshot
   has been selected and its spatial multiplier applied by startup JS. The
   scene remains mounted; this gate only removes motion during that handoff. */
.dreamfield[data-motion-projection-pending="true"][b-mdj3mc3vax],
.dreamfield[data-motion-projection-pending="true"][b-mdj3mc3vax]::before,
.dreamfield[data-motion-projection-pending="true"][b-mdj3mc3vax]::after,
.dreamfield[data-motion-projection-pending="true"][b-mdj3mc3vax]  *,
.dreamfield[data-motion-projection-pending="true"][b-mdj3mc3vax]  *::before,
.dreamfield[data-motion-projection-pending="true"][b-mdj3mc3vax]  *::after {
    animation: none !important;
    transition: none !important;
}

.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-atmosphere *,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-atmosphere *,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-atmosphere *,
.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-atmosphere::before,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-atmosphere::before,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-atmosphere::before,
.dreamfield[data-motion="off"] .dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield[data-motion="reduced"] .dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield[data-reduced-motion="true"] .dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield[data-motion="off"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-motion="reduced"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-reduced-motion="true"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-motion="off"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-motion="reduced"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-reduced-motion="true"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-motion="off"] .dreamfield-next-atmosphere[b-mdj3mc3vax],
.dreamfield[data-motion="reduced"] .dreamfield-next-atmosphere[b-mdj3mc3vax],
.dreamfield[data-reduced-motion="true"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    animation: none;
}

.dreamfield[data-visible="false"][b-mdj3mc3vax]  .dreamfield-atmosphere *,
.dreamfield[data-visible="false"][b-mdj3mc3vax]  .dreamfield-atmosphere::before,
.dreamfield[data-visible="false"][b-mdj3mc3vax]  .dreamfield-star,
.dreamfield[data-visible="false"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-visible="false"][b-mdj3mc3vax]  .dreamfield-dust,
.dreamfield[data-visible="false"] .dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield[data-visible="false"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-visible="false"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-visible="false"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    animation-play-state: paused !important;
}

.dreamfield[data-motion="off"] .dreamfield-shooting-layer[b-mdj3mc3vax],
.dreamfield[data-motion="reduced"] .dreamfield-shooting-layer[b-mdj3mc3vax],
.dreamfield[data-reduced-motion="true"] .dreamfield-shooting-layer[b-mdj3mc3vax],
.dreamfield[data-motion="off"] .dreamfield-transition-presentation[b-mdj3mc3vax],
.dreamfield[data-motion="reduced"] .dreamfield-transition-presentation[b-mdj3mc3vax],
.dreamfield[data-reduced-motion="true"] .dreamfield-transition-presentation[b-mdj3mc3vax] { display: none; }

@media (max-width: 600px) {
    .dreamfield[b-mdj3mc3vax] { width: 100vw; height: 100dvh; min-height: 100svh; }
    [b-mdj3mc3vax] .dreamfield-background img { object-position: 58% bottom; opacity: .66; filter: saturate(1.04) brightness(.88) contrast(1.1); }
    /* Keep the compact scene visually deep without asking a phone GPU to
       continuously composite its widest blur and sub-pixel grain layers. */
    [b-mdj3mc3vax] .dreamfield-galaxy__grain,
    [b-mdj3mc3vax] .dreamfield-nebula--upper,
    [b-mdj3mc3vax] .dreamfield-haze--far { display: none; }
    [b-mdj3mc3vax] .dreamfield-background-wash {
        background:
            linear-gradient(180deg, rgba(8, 12, 30, .04) 0%, rgba(8, 12, 30, .12) 49%, rgba(2, 5, 15, .58) 100%),
            radial-gradient(ellipse at 50% 52%, transparent 0 31%, rgba(3, 6, 17, .24) 82%);
    }
    [b-mdj3mc3vax] .dreamfield-mountain--far { opacity: .9; }
    [b-mdj3mc3vax] .dreamfield-mountain--near { opacity: .96; }
    [b-mdj3mc3vax] .dreamfield-fog--low { opacity: .8; animation-duration: 26s; }
    [b-mdj3mc3vax] .dreamfield-fog--near { opacity: .66; animation-duration: 22s; }
    [b-mdj3mc3vax] .dreamfield-haze--far { opacity: .78; animation-duration: 34s; }
    [b-mdj3mc3vax] .dreamfield-haze--near { opacity: .7; animation-duration: 28s; }
    [b-mdj3mc3vax] .dreamfield-constellation { animation-name: dreamfield-mobile-ambient-breathe-b-mdj3mc3vax; animation-duration: 14s; filter: saturate(.9) brightness(1.34); }
    [b-mdj3mc3vax] .dreamfield-dust { opacity: min(1, calc(var(--dreamfield-dust-opacity) * 1.55)); animation-duration: 18s; }
    /*
     * A phone renders the same star count into roughly a fifth of the surface a
     * desktop does, at two to three times the device pixel ratio, on a GPU with
     * a fraction of the fill rate. Every halo and every per-particle blur here
     * is sub-pixel at that density, so the compact scene drops both and pays
     * for the colour matrix alone. This is the difference between a sky the
     * compositor can hold in one pass and one it re-filters element by element.
     */
    [b-mdj3mc3vax] .dreamfield-star img { filter: saturate(1.02) brightness(1.16); }
    [b-mdj3mc3vax] .dreamfield-dust { filter: none; }
    .dreamfield[b-mdj3mc3vax]::after { opacity: .62; }

    .dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-nebula--upper { animation-duration: 58s; }
    .dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-nebula--lower { animation-duration: 72s; }
    .dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-haze--far { animation-duration: 30s; }
    .dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-haze--near { animation-duration: 26s; }
    .dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-fog--low { animation-duration: 24s; }
    .dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-fog--near { animation-duration: 20s; }
}

@keyframes dreamfield-mobile-ambient-breathe-b-mdj3mc3vax {
    from { opacity: .34; transform: translate3d(calc(-.35% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(.2% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 - .012 * var(--dreamspace-motion-spatial-multiplier, 1))); }
    to { opacity: .62; transform: translate3d(calc(.35% * var(--dreamspace-motion-spatial-multiplier, 1)), calc(-.2% * var(--dreamspace-motion-spatial-multiplier, 1)), 0) scale(calc(1 + .012 * var(--dreamspace-motion-spatial-multiplier, 1))); }
}

@media (prefers-reduced-motion: reduce) {
    .dreamfield[data-motion="auto"][b-mdj3mc3vax]  .dreamfield-star,
    .dreamfield[data-motion="auto"][b-mdj3mc3vax]  .dreamfield-star img,
    .dreamfield[data-motion="auto"][b-mdj3mc3vax]  .dreamfield-dust,
    .dreamfield[data-motion="auto"][b-mdj3mc3vax]  .dreamfield-constellation,
    .dreamfield[data-motion="auto"][b-mdj3mc3vax]  .dreamfield-decorative-star,
    .dreamfield-focal-overlay[b-mdj3mc3vax],
    .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
    .dreamfield-current-beacon[b-mdj3mc3vax],
    .dreamfield-next-atmosphere[b-mdj3mc3vax],
    .dreamfield[data-phase="sleepactive"][b-mdj3mc3vax]  .dreamfield-atmosphere::before { animation: none; transition-duration: 220ms; }
    .dreamfield[data-motion="auto"][b-mdj3mc3vax]  .dreamfield-atmosphere * { animation: none; }
    .dreamfield[data-motion="auto"] .dreamfield-shooting-layer[b-mdj3mc3vax],
    .dreamfield[data-motion="auto"] .dreamfield-transition-presentation[b-mdj3mc3vax] { display: none; }
}

/* Dreamspace motion tiers are resolved by the component from the selected
 * level, the existing accessibility preset, OS preference, and scene phase.
 * The effective level is presentation policy, not a replacement for the
 * persisted selection. Gentle (including OS reduced motion) retains a living
 * sky through opacity-only beats; Off leaves the complete scene mounted but
 * fully static. */
.dreamfield[data-effective-motion-level="off"][b-mdj3mc3vax]  .dreamfield-star,
.dreamfield[data-effective-motion-level="off"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-effective-motion-level="off"][b-mdj3mc3vax]  .dreamfield-dust,
.dreamfield[data-effective-motion-level="off"][b-mdj3mc3vax]  .dreamfield-atmosphere *,
.dreamfield[data-effective-motion-level="off"][b-mdj3mc3vax]  .dreamfield-atmosphere::before,
.dreamfield[data-effective-motion-level="off"] .dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="off"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-effective-motion-level="off"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="off"] .dreamfield-next-atmosphere[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="off"] .dreamfield-transition-presentation[b-mdj3mc3vax] {
    animation: none !important;
    transition: none !important;
}

.dreamfield[data-effective-motion-level="off"] .dreamfield-shooting-layer[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="gentle"] .dreamfield-shooting-layer[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="gentle"] .dreamfield-transition-presentation[b-mdj3mc3vax] {
    display: none;
}

.dreamfield[data-effective-motion-level="gentle"][b-mdj3mc3vax]  .dreamfield-star {
    animation: dreamfield-gentle-opacity-b-mdj3mc3vax var(--dreamfield-twinkle-duration, 4.2s) ease-in-out var(--dreamfield-delay, 0s) infinite alternate !important;
}

.dreamfield[data-effective-motion-level="gentle"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-effective-motion-level="gentle"][b-mdj3mc3vax]  .dreamfield-dust {
    animation: none !important;
}

.dreamfield[data-effective-motion-level="gentle"][b-mdj3mc3vax]  .dreamfield-atmosphere *,
.dreamfield[data-effective-motion-level="gentle"][b-mdj3mc3vax]  .dreamfield-atmosphere::before,
.dreamfield[data-effective-motion-level="gentle"] .dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="gentle"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-effective-motion-level="gentle"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="gentle"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    animation: dreamfield-gentle-opacity-b-mdj3mc3vax 6s ease-in-out var(--dreamfield-delay, 0s) infinite alternate !important;
}

/* Balanced is the fresh-device budget: keep the complete scene and its
 * focal meaning, but freeze ambient travel and filter-heavy layers. The two
 * role-bearing overlays retain only a small transform/opacity breath. */
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-star,
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-star img,
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-dust,
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-constellation,
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-decorative-star,
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-atmosphere *,
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-atmosphere::before,
.dreamfield[data-effective-motion-level="balanced"] .dreamfield-focal-overlay[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="balanced"] .dreamfield-selection-overlay[b-mdj3mc3vax]::before,
.dreamfield[data-effective-motion-level="balanced"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="balanced"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    animation: none !important;
    transition: none !important;
}

.dreamfield[data-effective-motion-level="balanced"] .dreamfield-shooting-layer[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="balanced"] .dreamfield-transition-presentation[b-mdj3mc3vax] {
    display: none;
}

.dreamfield[data-effective-motion-level="balanced"] .dreamfield-current-beacon[b-mdj3mc3vax],
.dreamfield[data-effective-motion-level="balanced"] .dreamfield-next-atmosphere[b-mdj3mc3vax] {
    animation: dreamfield-balanced-emphasis-b-mdj3mc3vax 7.2s ease-in-out infinite alternate !important;
}

/* Spatial acknowledgement is intentionally absent at calm tiers. The static
 * selected/readout treatment still carries the tap's accessible meaning. */
.dreamfield[data-motion="off"][b-mdj3mc3vax]  .dreamfield-tap-reaction,
.dreamfield[data-motion="reduced"][b-mdj3mc3vax]  .dreamfield-tap-reaction,
.dreamfield[data-reduced-motion="true"][b-mdj3mc3vax]  .dreamfield-tap-reaction,
.dreamfield[data-effective-motion-level="off"][b-mdj3mc3vax]  .dreamfield-tap-reaction,
.dreamfield[data-effective-motion-level="gentle"][b-mdj3mc3vax]  .dreamfield-tap-reaction,
.dreamfield[data-effective-motion-level="balanced"][b-mdj3mc3vax]  .dreamfield-tap-reaction,
.dreamfield[data-visible="false"][b-mdj3mc3vax]  .dreamfield-tap-reaction {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .dreamfield[data-motion="auto"][b-mdj3mc3vax]  .dreamfield-tap-reaction {
        display: none !important;
    }
}

/* Gentle is deliberately opacity-only. This keyframe is shared by atmosphere
 * ribbons, constellations, focal light, and star wrappers without introducing
 * a per-element JavaScript loop or any translation/parallax side effect. */
@keyframes dreamfield-gentle-opacity-b-mdj3mc3vax {
    from { opacity: .68; }
    to { opacity: 1; }
}

@keyframes dreamfield-balanced-emphasis-b-mdj3mc3vax {
    from { opacity: .66; transform: scale(.992); }
    to { opacity: .9; transform: scale(1.008); }
}
/* /Components/Dreamfield/DreamspaceMotionPreview.razor.rz.scp.css */
.dreamspace-motion-preview[b-yplut5ol0t] {
    display: grid;
    gap: .45rem;
    align-content: center;
    min-width: 10rem;
    padding: .75rem;
    border: 1px solid rgba(var(--dr-primary-rgb), .22);
    border-radius: var(--dr-radius-small);
    background: linear-gradient(145deg, rgba(var(--dr-primary-rgb), .12), rgba(var(--dr-bg-rgb), .62));
}

.dreamspace-motion-preview__sky[b-yplut5ol0t] {
    position: relative;
    min-height: 5.6rem;
    overflow: hidden;
    border-radius: .55rem;
    background: radial-gradient(circle at 50% 35%, rgba(var(--dr-primary-rgb), .28), transparent 48%), linear-gradient(180deg, #171b3c, #101326);
}

.dreamspace-motion-preview__sky[b-yplut5ol0t]::after {
    position: absolute;
    right: -12%;
    bottom: -48%;
    left: -12%;
    height: 72%;
    border-radius: 50% 50% 0 0;
    background: linear-gradient(180deg, rgba(var(--dr-success-rgb), .16), rgba(var(--dr-success-rgb), .03));
    content: "";
}

.dreamspace-motion-preview__star[b-yplut5ol0t] {
    position: absolute;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    background: #eeeaff;
    box-shadow: 0 0 .45rem rgba(228, 223, 255, .8);
    animation: dreamspace-preview-twinkle-b-yplut5ol0t 3.8s ease-in-out infinite;
}

.dreamspace-motion-preview__star--one[b-yplut5ol0t] { top: 22%; left: 20%; }
.dreamspace-motion-preview__star--two[b-yplut5ol0t] { top: 34%; left: 68%; width: .16rem; height: .16rem; animation-delay: -1.2s; }
.dreamspace-motion-preview__star--three[b-yplut5ol0t] { top: 18%; left: 48%; width: .12rem; height: .12rem; animation-delay: -2.2s; }

.dreamspace-motion-preview__orbit[b-yplut5ol0t] {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 6.4rem;
    height: 2.25rem;
    border: 1px solid rgba(218, 210, 255, .64);
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(-16deg);
    animation: dreamspace-preview-orbit-b-yplut5ol0t 8s linear infinite;
}

.dreamspace-motion-preview__planet[b-yplut5ol0t] {
    position: absolute;
    top: 40%;
    left: 50%;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: radial-gradient(circle at 32% 28%, #fff, #cfc5ff 48%, #766db8);
    box-shadow: 0 0 .8rem rgba(204, 195, 255, .72);
    transform: translate(-50%, -50%);
}

.dreamspace-motion-preview__caption[b-yplut5ol0t] {
    color: var(--dr-text-muted);
    font-size: .78rem;
    font-weight: 750;
    text-align: center;
}

[data-motion-level="off"] .dreamspace-motion-preview__star[b-yplut5ol0t],
[data-motion-level="off"] .dreamspace-motion-preview__orbit[b-yplut5ol0t],
[data-motion-level="gentle"] .dreamspace-motion-preview__orbit[b-yplut5ol0t] {
    animation: none;
}

[data-motion-level="gentle"] .dreamspace-motion-preview__star[b-yplut5ol0t] {
    animation-name: dreamspace-preview-gentle-twinkle-b-yplut5ol0t;
}

[data-motion-level="balanced"] .dreamspace-motion-preview__orbit[b-yplut5ol0t] { animation: none; }
[data-motion-level="balanced"] .dreamspace-motion-preview__planet[b-yplut5ol0t] { animation: dreamspace-preview-balanced-focus-b-yplut5ol0t 7.2s ease-in-out infinite alternate; }
[data-motion-level="lively"] .dreamspace-motion-preview__orbit[b-yplut5ol0t] { animation-duration: 8s; }
[data-motion-level="immersive"] .dreamspace-motion-preview__orbit[b-yplut5ol0t] { animation-duration: 5s; }

@keyframes dreamspace-preview-twinkle-b-yplut5ol0t {
    0%, 100% { opacity: .42; transform: scale(.82); }
    50% { opacity: 1; transform: scale(1.18); }
}

@keyframes dreamspace-preview-gentle-twinkle-b-yplut5ol0t {
    0%, 100% { opacity: .56; }
    50% { opacity: .92; }
}

@keyframes dreamspace-preview-balanced-focus-b-yplut5ol0t {
    from { opacity: .7; transform: translate(-50%, -50%) scale(.992); }
    to { opacity: .94; transform: translate(-50%, -50%) scale(1.008); }
}

@keyframes dreamspace-preview-orbit-b-yplut5ol0t {
    from { transform: translate(-50%, -50%) rotate(-16deg); }
    to { transform: translate(-50%, -50%) rotate(344deg); }
}

@media (prefers-reduced-motion: reduce) {
    .dreamspace-motion-preview__orbit[b-yplut5ol0t] {
        animation: none;
    }

    .dreamspace-motion-preview__star[b-yplut5ol0t] {
        animation-name: dreamspace-preview-gentle-twinkle-b-yplut5ol0t;
        animation-duration: 4.8s;
    }
}
/* /Components/Dreamline/CaregiverProviderStatus.razor.rz.scp.css */
.caregiver-provider-status[b-m2q7vpyskq] {
    display: inline-flex;
    width: .6rem;
    height: .6rem;
    margin-left: .35rem;
    vertical-align: .05em;
    align-items: center;
    justify-content: center;
}

.caregiver-provider-status__dot[b-m2q7vpyskq] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: #858297;
}

.caregiver-provider-status--connected .caregiver-provider-status__dot[b-m2q7vpyskq] {
    background: #7dd8a2;
    box-shadow: 0 0 0 .12rem rgba(125, 216, 162, .12);
}
/* /Components/Dreamline/TodayDreamline.razor.rz.scp.css */
.dreamline-panel[b-c7ajha8bux] {
    /* Normal Today has one fewer mobile wrapper than the preview capture host.
       Trim the whole instrument there, not just its orbit, so both hosts share
       the same panel, content, and 1000x640 stage widths. Preview neutralizes
       this value because its page wrapper already contributes the 16px trim. */
    --dreamline-mobile-panel-inline-trim: 16px;
    /* Dreamline is a semantic instrument, not a window through whichever host
       atmosphere happens to sit behind it. An opaque shared ground makes the
       live Today composition and the deterministic Preview composition paint
       from the same night surface while the SVG keeps owning stars, dust, and
       orbit atmosphere inside the instrument. */
    --dreamline-panel-ground: var(--dr-bg, #111422);
    width: min(100%, 760px);
    margin-inline: auto;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(24px, 3.4vw, 48px) clamp(20px, 3.8vw, 56px) clamp(18px, 2.2vw, 30px);
    border: 1px solid rgba(178, 186, 245, .2);
    border-radius: 34px;
    background:
        radial-gradient(ellipse 68% 58% at 48% 46%, rgba(73, 59, 158, .28), transparent 70%),
        radial-gradient(circle at 86% 43%, rgba(200, 126, 223, .16), transparent 32%),
        radial-gradient(circle at 7% 52%, rgba(87, 155, 221, .15), transparent 31%),
        linear-gradient(155deg, rgba(34, 29, 83, .18), transparent 42%, rgba(28, 42, 94, .14)),
        var(--dreamline-panel-ground);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 34px 90px rgba(1, 5, 18, .38),
        0 0 80px rgba(75, 65, 169, .08);
    backdrop-filter: none;
}

.dreamline-panel[data-today-timeline-route-owned="true"][b-c7ajha8bux] {
    /* The persistent clock must not restart the generic panel fade on a native
       action response or circuit attachment. Its own artwork keeps its motion. */
    animation: none;
}

.dreamline-heading[b-c7ajha8bux] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: clamp(14px, 2vw, 24px);
}

.dreamline-heading .eyebrow[b-c7ajha8bux] {
    margin-bottom: 8px;
    color: rgba(199, 190, 255, .86);
    font-size: clamp(.72rem, 1.15vw, 1rem);
    letter-spacing: .28em;
}

.dreamline-heading h2[b-c7ajha8bux] {
    margin: 0;
    color: #f8f7ff;
    font-family: var(--dr-font-display, "Avenir Next", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif);
    font-size: clamp(2.35rem, 5.2vw, 4.35rem);
    font-weight: 720;
    letter-spacing: -.045em;
    line-height: .96;
    text-shadow: 0 4px 26px rgba(204, 194, 255, .14);
}

.dreamline-day-label[b-c7ajha8bux] {
    display: inline-flex;
    align-items: center;
    min-height: 58px;
    padding: 12px 24px 12px 18px;
    border: 1px solid rgba(204, 201, 255, .28);
    border-radius: 999px;
    color: rgba(224, 221, 255, .78);
    background: rgba(20, 25, 59, .62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 24px rgba(145, 131, 225, .08);
    font-size: clamp(.72rem, 1.1vw, 1rem);
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.dreamline-day-label[b-c7ajha8bux]::before {
    content: "☾";
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border: 1px solid rgba(207, 200, 255, .25);
    border-radius: 50%;
    color: rgba(205, 199, 255, .92);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
}

.dreamline-stage-envelope[b-c7ajha8bux] {
    /* The orbit keeps its authored 1000x640 projection. Semantic event bodies
       may occupy one fixed CSS-pixel lane above or below it, so reserve those
       lanes in normal flow instead of clipping them or stretching the clock. */
    --dreamline-vertical-lane-reserve: 72px;
    width: min(100%, 460px);
    max-width: 460px;
    margin: 0 auto 8px;
    padding-block: var(--dreamline-vertical-lane-reserve);
}

.dreamline-stage[b-c7ajha8bux] {
    position: relative;
    /* One centred, phone-like composition at every viewport. The SVG still
       owns the time geometry; this cap only prevents desktop from magnifying
       the same clock into a wall-sized illustration. */
    width: min(100%, 460px);
    aspect-ratio: 1000 / 640;
    max-width: 460px;
    min-height: 0;
    margin: 0 auto;
    overflow: visible;
    border-radius: 26px;
    outline: none;
    touch-action: auto;
    transition: box-shadow 220ms ease;
    /* Procedural depth belongs to the stage itself; it stays soft and
       unblurred so the orbit remains crisp against the fixed Dreamfield. */
    background:
        radial-gradient(ellipse 38% 48% at 28% 40%, rgba(155, 128, 255, .18), transparent 72%),
        radial-gradient(ellipse 34% 46% at 72% 53%, rgba(244, 194, 117, .15), transparent 74%),
        radial-gradient(ellipse 76% 28% at 50% 51%, rgba(113, 144, 203, .13), transparent 76%),
        rgba(18, 20, 55, .14);
}

.dreamline-stage:focus-visible[b-c7ajha8bux] {
    box-shadow: 0 0 0 2px rgba(190, 180, 255, .5), 0 0 0 7px rgba(190, 180, 255, .09);
}

.dreamline-svg[b-c7ajha8bux],
.dreamline-node-layer[b-c7ajha8bux] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.dreamline-svg[b-c7ajha8bux] {
    z-index: 1;
    overflow: visible;
}

.dreamline-node-layer[b-c7ajha8bux] {
    z-index: 4;
}

/* The server already supplies real events at exact civil-time bearings.
   Keep that SVG visible while browser measurements refine its physical scale.
   Only the measured hit layer waits; native event-list controls remain usable
   during loading, a disconnected circuit, or a failed geometry import. */
.dreamline-stage:not([data-dreamline-screen-metrics-ready="true"]) .dreamline-node-layer[b-c7ajha8bux] {
    visibility: hidden;
}

.dreamline-stage:not([data-dreamline-screen-metrics-ready="true"]) .dreamline-nodes .dreamline-event[b-c7ajha8bux] {
    opacity: var(--dreamline-event-final-opacity, 1);
    animation: none;
}

.dreamline-screen-metrics-fallback[b-c7ajha8bux] {
    position: absolute;
    inset: 12px;
    z-index: 5;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 10px;
    overflow: auto;
    border: 1px solid rgba(190, 180, 255, .2);
    border-radius: 18px;
    background: rgba(13, 17, 47, .9);
}

/* Route-owned Today keeps its server-rendered clock and readout in view while
   this compact event list carries chronology until browser metrics are checked. */
.dreamline-panel[data-today-timeline-route-owned="true"] .dreamline-screen-metrics-fallback[b-c7ajha8bux] {
    position: relative;
    inset: auto;
    align-content: start;
    width: min(100%, 460px);
    max-height: min(32vh, 13rem);
    margin: 12px auto 0;
    z-index: auto;
    background: rgba(13, 17, 47, .74);
    box-shadow: 0 8px 24px rgba(4, 7, 25, .22);
}

.dreamline-screen-metrics-fallback__message[b-c7ajha8bux] {
    margin: 0;
    color: rgba(241, 239, 255, .84);
    font-size: .78rem;
    line-height: 1.35;
}

.dreamline-screen-metrics-fallback__events[b-c7ajha8bux] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: 6px;
}

.dreamline-screen-metrics-fallback__item[b-c7ajha8bux] {
    min-width: 0;
}

.dreamline-screen-metrics-fallback__event[b-c7ajha8bux] {
    width: 100%;
    min-width: 48px;
    min-height: 48px;
    padding: 8px 10px;
    border: 1px solid rgba(190, 180, 255, .24);
    border-radius: 12px;
    background: rgba(72, 72, 130, .28);
    color: #f6f3ff;
    font: inherit;
    font-size: .74rem;
    line-height: 1.25;
    text-align: left;
}

.dreamline-screen-metrics-fallback__event[aria-pressed="true"][b-c7ajha8bux],
.dreamline-screen-metrics-fallback__event:focus-visible[b-c7ajha8bux] {
    border-color: rgba(220, 212, 255, .82);
    outline: 2px solid rgba(190, 180, 255, .48);
    outline-offset: 1px;
}

/* A dense narrow state can leave no legal vertical gap for the wide SVG clock
   footprint. Keep the exact time readable in the envelope's reserved flow
   space while leaving the authored orbit and event geometry untouched. */
.dreamline-readout-fallback[b-c7ajha8bux] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: .55rem;
    width: min(calc(100% - 24px), 320px);
    margin: 10px auto 0;
    padding: 8px 14px;
    border: 1px solid rgba(190, 180, 255, .28);
    border-radius: 14px;
    background: rgba(13, 17, 47, .82);
    color: #f6f3ff;
    box-shadow: 0 8px 20px rgba(9, 12, 37, .2);
}

.dreamline-readout-fallback__label[b-c7ajha8bux] {
    color: rgba(224, 218, 255, .76);
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dreamline-readout-fallback__time[b-c7ajha8bux] {
    font-family: var(--dr-font-display, "Avenir Next", "SF Pro Rounded", "Century Gothic", ui-rounded, "Segoe UI Variable Display", "Segoe UI", sans-serif);
    font-size: 1.25rem;
    font-variant-numeric: tabular-nums lining-nums;
    font-weight: 720;
}

.dreamline-cosmos[b-c7ajha8bux] {
    opacity: .97;
    pointer-events: none;
}

.dreamline-cosmos__field[b-c7ajha8bux] {
    filter: blur(20px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.dreamline-cosmos__field--violet[b-c7ajha8bux] {
    fill: var(--dreamline-paint-cosmos-violet-field);
    opacity: .58;
}

.dreamline-cosmos__field--cyan[b-c7ajha8bux] {
    fill: var(--dreamline-paint-cosmos-cyan-field);
    opacity: .44;
}

.dreamline-cosmos__field--rose[b-c7ajha8bux] {
    fill: var(--dreamline-paint-cosmos-rose-field);
    opacity: .24;
}

.dreamline-cosmos__constellation[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(190, 204, 255, .4);
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 4px rgba(139, 164, 255, .2));
}

.dreamline-cosmos__constellation circle[b-c7ajha8bux] {
    fill: rgba(244, 239, 255, .9);
    stroke: rgba(154, 190, 255, .58);
    stroke-width: 1;
}

.dreamline-cosmos__constellation--west[b-c7ajha8bux] { opacity: .82; }
.dreamline-cosmos__constellation--east[b-c7ajha8bux] { opacity: .9; }
.dreamline-cosmos__constellation--south[b-c7ajha8bux] { opacity: .68; }

.dreamline-cosmos__star[b-c7ajha8bux] {
    fill: #c8dfff;
    opacity: .64;
    /* Restrained, deliberately out of step: the nth-child offsets below keep
       neighbouring stars from breathing together, which is the difference
       between a sky and a string of fairy lights. */
    animation: dreamline-cosmos-twinkle-b-c7ajha8bux 19s ease-in-out infinite;
}

.dreamline-cosmos__star:nth-of-type(3n)[b-c7ajha8bux] { animation-duration: 24.5s; animation-delay: -7.3s; }
.dreamline-cosmos__star:nth-of-type(3n + 1)[b-c7ajha8bux] { animation-duration: 17.5s; animation-delay: -13.1s; }
.dreamline-cosmos__star:nth-of-type(5n)[b-c7ajha8bux] { animation-duration: 29s; animation-delay: -4.7s; }

@keyframes dreamline-cosmos-twinkle-b-c7ajha8bux {
    0%, 100% { opacity: .4; }
    43% { opacity: .68; }
    71% { opacity: .46; }
}

.dreamline-cosmos__star--bright[b-c7ajha8bux] {
    fill: #f8e8d4;
    opacity: .94;
    filter: drop-shadow(0 0 8px rgba(219, 208, 255, .72));
}

.dreamline-cosmos__star--soft[b-c7ajha8bux] {
    fill: #c9b9ff;
    opacity: .75;
}

.dreamline-cosmos__debris[b-c7ajha8bux] {
    fill: rgba(178, 164, 221, .55);
    stroke: rgba(229, 210, 242, .46);
    stroke-width: 1;
}

.dreamline-cosmos__glint[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(218, 229, 255, .76);
    stroke-width: 1.25;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 5px rgba(151, 183, 255, .5));
    opacity: .74;
}

.dreamline-cosmos__glint--warm[b-c7ajha8bux] {
    stroke: rgba(255, 230, 190, .86);
    filter: drop-shadow(0 0 6px rgba(245, 189, 130, .48));
}

.dreamline-layer[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-rail[b-c7ajha8bux] {
    pointer-events: none;
}

/* Deterministic projected annulus geometry comes from DreamlineCurve. CSS
   supplies paint only; no mesh point or timestamp is animated here. */
[data-dreamline-layer="surface-rear"][b-c7ajha8bux],
[data-dreamline-layer="surface-front"][b-c7ajha8bux] { pointer-events: none; }

.dreamline-surface__top[b-c7ajha8bux],
.dreamline-surface__wall[b-c7ajha8bux] {
    stroke: rgba(222, 218, 255, .2);
    stroke-width: .75;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

[data-dreamline-layer="surface-rear"] .dreamline-surface__top[b-c7ajha8bux] {
    fill: var(--dreamline-paint-surface-rear);
    opacity: .52;
}

[data-dreamline-layer="surface-front"] .dreamline-surface__top[b-c7ajha8bux] {
    fill: var(--dreamline-paint-surface-front);
    opacity: .86;
    filter: drop-shadow(0 7px 9px rgba(9, 8, 37, .34));
}

.dreamline-surface__wall[b-c7ajha8bux] { fill: var(--dreamline-paint-surface-wall); }
[data-dreamline-layer="surface-rear"] .dreamline-surface__wall[b-c7ajha8bux] { opacity: .44; }
[data-dreamline-layer="surface-front"] .dreamline-surface__wall[b-c7ajha8bux] { opacity: .78; }

.dreamline-surface__rim[b-c7ajha8bux],
.dreamline-surface__edge[b-c7ajha8bux],
.dreamline-surface__highlight[b-c7ajha8bux] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.dreamline-front-semantic-repaint[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-surface__rim--rear[b-c7ajha8bux] {
    stroke: rgba(153, 148, 220, .22);
    stroke-width: .8;
}

.dreamline-surface__rim--front[b-c7ajha8bux] {
    stroke: rgba(213, 208, 255, .58);
    stroke-width: 1.15;
}

.dreamline-surface__edge[b-c7ajha8bux] {
    stroke: rgba(35, 34, 75, .72);
    stroke-width: 1.1;
}

.dreamline-surface__highlight[b-c7ajha8bux] {
    stroke: rgba(191, 239, 246, .72);
    stroke-width: 1.35;
    opacity: .76;
    filter: drop-shadow(0 0 5px rgba(113, 222, 235, .32));
}

.dreamline-rail--rear .dreamline-rail__path[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(164, 170, 225, .42);
    stroke-width: 1.2px;
    opacity: .45;
    filter: drop-shadow(0 0 4px rgba(118, 105, 181, .12));
}

.dreamline-rail--front .dreamline-rail__path[b-c7ajha8bux] {
    fill: none;
    stroke: var(--dreamline-paint-rail-gradient);
    stroke-width: 2.4px;
    opacity: .95;
    filter: drop-shadow(0 0 7px rgba(159, 216, 207, .3));
}

.dreamline-rail path[b-c7ajha8bux],
.dreamline-orbit path[b-c7ajha8bux],
.dreamline-event line[b-c7ajha8bux],
.dreamline-event path[b-c7ajha8bux],
.dreamline-comparison-branch line[b-c7ajha8bux] {
    vector-effect: non-scaling-stroke;
}

.dreamline-path[b-c7ajha8bux],
.dreamline-prediction-range[b-c7ajha8bux],
.dreamline-accuracy-ribbon[b-c7ajha8bux],
.dreamline-sleep-segment[b-c7ajha8bux],
.dreamline-active-continuation[b-c7ajha8bux],
.dreamline-orbit__glow[b-c7ajha8bux],
.dreamline-orbit__line[b-c7ajha8bux] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Historical forecast windows are neutral context. They sit underneath the
   live planning ribbon and never score the recorded event with green/red. */
.dreamline-accuracy-ribbon[b-c7ajha8bux] {
    stroke: rgba(190, 195, 213, .30);
    stroke-width: 5.5;
    opacity: .68;
    filter: none;
}

/* Rear rail: the quiet canonical track behind the event treatment. */
.dreamline-path--inactive[b-c7ajha8bux] {
    stroke: rgba(164, 170, 225, .3);
    stroke-width: 1.2px;
    opacity: .45;
    filter: drop-shadow(0 0 5px rgba(118, 105, 181, .1));
}

/* Memory rail: recorded past. Static — the past does not move. */
.dreamline-path--memory[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-rail-gradient);
    stroke-width: 2.2;
    stroke-dashoffset: 0;
    filter: drop-shadow(0 0 6px rgba(159, 216, 207, .22));
}

/* Active sleep still uses the canonical rail geometry, but its completed span
   and its measured forward estimate need their own paint. These paths were
   retained in the SVG during the VFX refactor while their paint rules were
   accidentally lost, leaving the live sleep story visually silent. */
.dreamline-path--active[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-rail-gradient);
    stroke-width: 2.4px;
    stroke-dashoffset: 0;
    opacity: .95;
    filter: drop-shadow(0 0 7px rgba(159, 216, 207, .3));
}

.dreamline-sleep-segment[b-c7ajha8bux] {
    stroke-width: 7;
    opacity: .76;
}

.dreamline-sleep-segment.completed[b-c7ajha8bux] {
    stroke: rgba(112, 103, 165, .34);
}

.dreamline-sleep-segment.completed.continuity[b-c7ajha8bux] {
    stroke: rgba(154, 139, 203, .48);
    filter: drop-shadow(0 0 6px rgba(176, 160, 240, .18));
}

.dreamline-sleep-segment.active[b-c7ajha8bux] {
    stroke: rgba(165, 148, 236, .68);
    filter: drop-shadow(0 0 8px rgba(186, 169, 250, .3));
}

/* A calm static continuation keeps the estimate legible at every motion tier.
   Guidance, motes, and fragments are the only continuously travelling rails. */
.dreamline-active-continuation[b-c7ajha8bux] {
    stroke: rgba(203, 194, 255, .52);
    stroke-width: 5;
    stroke-dasharray: 2 13;
    opacity: .9;
    pointer-events: none;
}

.dreamline-prediction-range--outer[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-range-gradient);
    stroke-width: 12;
    opacity: .44;
    filter: blur(3px);
}

.dreamline-prediction-range--inner[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-range-gradient);
    stroke-width: 5.2;
    opacity: 1;
    filter: drop-shadow(0 0 6px rgba(234, 226, 255, .82))
            drop-shadow(0 0 11px rgba(158, 139, 238, .5));
}

/* Horizon rail: the future from Now to domain end. Static, dotted. */
/*
    The diurnal band. Wide and soft so it reads as the atmosphere the rail
    hangs in rather than as a second rail: at 13 units against the structural
    rail's 1.2 it is unmistakably background, and every band is well under half
    opacity so the memory and horizon rails stay the brightest thing on the
    ring.

    This is where the scene's colour story lives. Night is the deep indigo the
    Dreamfield is already made of, so the ring disappears into the sky across
    the small hours; day is a warm pale gold that belongs to the same light the
    wake sun is drawn with; dawn and dusk carry the transition so the change
    never lands as a hard edge. Butt caps, not round, so adjacent bands meet
    exactly at their boundary instead of overlapping into a darker seam.
*/
.dreamline-daynight__band[b-c7ajha8bux] {
    fill: none;
    stroke-width: 13;
    stroke-linecap: butt;
    pointer-events: none;
}

.dreamline-daynight__band--night[b-c7ajha8bux] {
    stroke: #3B3A72;
    opacity: .40;
}

.dreamline-daynight__band--dawn[b-c7ajha8bux] {
    stroke: #9B7FB8;
    opacity: .34;
}

.dreamline-daynight__band--day[b-c7ajha8bux] {
    stroke: #C9B48A;
    opacity: .30;
}

.dreamline-daynight__band--dusk[b-c7ajha8bux] {
    stroke: #8B6F9E;
    opacity: .34;
}

.dreamline-path--horizon[b-c7ajha8bux] {
    stroke: rgba(174, 160, 230, .44);
    stroke-width: 1.8;
    stroke-linecap: round;
    filter: drop-shadow(0 0 4px rgba(135, 118, 198, .1));
}

/* Path-bound material only: two long aurora filaments plus one asymmetric
   head-and-trail signal. Negative dash offset follows the canonical clockwise
   direction without detached particles or repeated-head aliasing. */
.dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-orbit__streak-trail[b-c7ajha8bux] {
    fill: none;
    /* Keep the travelling material physically legible when the 1000-unit SVG
       is reduced to an iPhone-width composition. The canonical path and its
       timestamp geometry still scale normally; only decorative stroke weight
       is held in screen space. */
    vector-effect: non-scaling-stroke;
    pointer-events: none;
}

/* Two irregular, low-opacity cloud bands travel on the canonical ellipse.
   They are deliberately soft and asymmetrical: a moving atmosphere rather
   than another solid ring or a detached packet. */
.dreamline-orbit__nebula[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-orbit-nebula-gradient);
    stroke-linecap: butt;
    animation: none;
}

.dreamline-orbit__nebula--primary[b-c7ajha8bux] {
    stroke-width: 9;
    stroke-dasharray: 72 18 34 12 20 844;
    opacity: .3;
    filter: blur(3px);
}

.dreamline-orbit__nebula--secondary[b-c7ajha8bux] {
    stroke-width: 7;
    stroke-dasharray: 38 14 22 18 56 852;
    stroke-dashoffset: -280;
    opacity: .24;
    filter: blur(2.4px);
}

.dreamline-orbit__aurora--primary[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-orbit-gradient);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 300 700;
    opacity: .56;
    animation: dreamline-orbit-aurora-primary-b-c7ajha8bux 20s linear infinite;
}

.dreamline-orbit__aurora--secondary[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-dust-gradient);
    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-dasharray: 180 820;
    opacity: .4;
    animation: dreamline-orbit-aurora-secondary-b-c7ajha8bux 31s linear infinite;
}

.dreamline-orbit__streak[b-c7ajha8bux] {
    stroke: rgba(238, 231, 255, .84);
    stroke-width: 2.4;
    stroke-linecap: round;
    /* One asymmetric path-bound head gives the eye a stable object to follow.
       Four identical heads aliased into a directionless shimmer on iPhone. */
    stroke-dasharray: 44 18 14 924;
    opacity: .82;
    animation: dreamline-orbit-spark-streak-b-c7ajha8bux 16s linear infinite;
}

.dreamline-orbit__streak-trail[b-c7ajha8bux] {
    stroke: rgba(143, 211, 255, .42);
    stroke-width: 1;
    stroke-linecap: round;
    stroke-dasharray: 180 820;
    opacity: .5;
    animation: dreamline-orbit-spark-trail-b-c7ajha8bux 16s linear infinite;
}

@keyframes dreamline-orbit-aurora-primary-b-c7ajha8bux {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -1000; }
}

@keyframes dreamline-orbit-aurora-secondary-b-c7ajha8bux {
    from { stroke-dashoffset: -310; }
    to { stroke-dashoffset: -1310; }
}

@keyframes dreamline-orbit-spark-streak-b-c7ajha8bux {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -1000; }
}

@keyframes dreamline-orbit-spark-trail-b-c7ajha8bux {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -1000; }
}

@keyframes dreamline-orbit-nebula-flow-b-c7ajha8bux {
    from { stroke-dashoffset: 0; opacity: .22; }
    48% { opacity: .52; }
    to { stroke-dashoffset: -1000; opacity: .22; }
}

@keyframes dreamline-orbit-nebula-drift-b-c7ajha8bux {
    from { stroke-dashoffset: -280; opacity: .18; }
    56% { opacity: .42; }
    to { stroke-dashoffset: -1280; opacity: .18; }
}

/* The one moving guidance signal is clipped to the current-to-primary span
   by its SVG mask. It never changes the rail or timestamps beneath it. */
.dreamline-path--guidance[b-c7ajha8bux] {
    stroke: rgba(240, 229, 255, .72);
    stroke-width: 2.2;
    stroke-dasharray: 1.4 18;
    animation: dreamline-guidance-flow-b-c7ajha8bux 6.5s linear infinite;
    filter: drop-shadow(0 0 7px rgba(206, 179, 255, .38));
}

/* Three chevrons ahead of Now, tangent-aligned on the same sector path.
   Static — they mark position, not motion. */
.dreamline-chevron[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(210, 199, 244, .64);
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

/* ---- Orbit: static bloom, band, and rail, plus animated motes and fragments ---- */

.dreamline-orbit__phase[b-c7ajha8bux] {
    fill: none;
    stroke-width: 13;
    stroke-linecap: round;
    opacity: .72;
    filter: blur(3px);
}

.dreamline-orbit__phase--day[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-day-arc-gradient);
}

.dreamline-orbit__phase--night[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-night-arc-gradient);
}

.dreamline-orbit__glow[b-c7ajha8bux] {
    stroke: rgba(174, 205, 240, .16);
    stroke-width: 10;
    filter: blur(8px);
    animation: none; /* static bloom */
}

.dreamline-orbit__line[b-c7ajha8bux] {
    stroke: var(--dreamline-paint-orbit-gradient);
    stroke-width: 1.6;
    stroke-dasharray: .8 18;
    opacity: .82;
    animation: none; /* static band */
}

.dreamline-orbit[b-c7ajha8bux] {
    filter: drop-shadow(0 0 18px rgba(135, 118, 214, .08));
}

@keyframes dreamline-orbit-phase-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .52; }
    50% { opacity: .9; }
}

.dreamline-day-clock[b-c7ajha8bux] { pointer-events: none; opacity: .90; }
.dreamline-day-clock__label[b-c7ajha8bux] { overflow: visible; }
.dreamline-day-clock__tick[b-c7ajha8bux] {
    stroke: rgba(202, 207, 239, .38);
    stroke-width: 1;
    stroke-linecap: butt;
    vector-effect: non-scaling-stroke;
}
/* Ticks are the clock's structure while the eight three-hour landmarks carry
   the numerals. Lengths come from the layout's outer/inner pair; weight and
   contrast establish the same hierarchy as the labels. */
.dreamline-day-clock__tick--boundary[b-c7ajha8bux] { stroke: rgba(190, 198, 236, .42); stroke-width: 1; }
.dreamline-day-clock__tick--half-hour[b-c7ajha8bux] { stroke: rgba(192, 201, 235, .48); stroke-width: .9; }
.dreamline-day-clock__tick--minor-hour[b-c7ajha8bux] { stroke: rgba(204, 210, 243, .62); stroke-width: 1.05; }
.dreamline-day-clock__tick--three-am[b-c7ajha8bux],
.dreamline-day-clock__tick--nine-am[b-c7ajha8bux],
.dreamline-day-clock__tick--three-pm[b-c7ajha8bux],
.dreamline-day-clock__tick--nine-pm[b-c7ajha8bux] { stroke: rgba(226, 229, 250, .76); stroke-width: 1.35; }
.dreamline-day-clock__tick--midnight[b-c7ajha8bux] { stroke: rgba(196, 210, 248, .86); stroke-width: 1.75; }
.dreamline-day-clock__tick--noon[b-c7ajha8bux] { stroke: rgba(248, 231, 197, .82); stroke-width: 1.6; }
.dreamline-day-clock__time[b-c7ajha8bux],
.dreamline-day-clock__time-depth[b-c7ajha8bux] {
    font-family: var(--dr-font-display, "Avenir Next", "SF Pro Rounded", "Century Gothic", ui-rounded, "Segoe UI Variable Display", "Segoe UI", sans-serif);
    /* A measured planar em. One shared SVG matrix supplies the clock-plane
       foreshortening; the fallback is the source size for a ~390px stage. */
    font-size: var(--dreamline-clock-label-size, 68px);
    font-weight: 700;
    letter-spacing: .01em;
    font-variant-numeric: tabular-nums lining-nums;
    paint-order: stroke fill;
    stroke-linejoin: round;
    text-anchor: middle;
}
.dreamline-day-clock__time[b-c7ajha8bux] {
    fill: var(--dreamline-paint-clock-ink);
    stroke: rgba(22, 24, 52, .38);
    stroke-width: .42px;
}
.dreamline-day-clock__time-depth[b-c7ajha8bux] {
    fill: var(--dreamline-paint-clock-depth);
    stroke: rgba(17, 19, 44, .42);
    stroke-width: .62px;
    opacity: .58;
}
.dreamline-day-clock__label--primary .dreamline-day-clock__time[b-c7ajha8bux],
.dreamline-day-clock__label--primary .dreamline-day-clock__time-depth[b-c7ajha8bux] {
    font-size: calc(var(--dreamline-clock-label-size, 68px) * var(--dreamline-clock-primary-em, 1.08));
    font-weight: 740;
}
.dreamline-day-clock__label--secondary .dreamline-day-clock__time[b-c7ajha8bux],
.dreamline-day-clock__label--secondary .dreamline-day-clock__time-depth[b-c7ajha8bux] {
    font-size: calc(var(--dreamline-clock-label-size, 68px) * var(--dreamline-clock-secondary-em, 1));
    font-weight: 700;
}
/* There is one numeral per three-hour mark and it is shown at every width. The
   stylesheet used to carry a wide/compact pair and swap which one displayed at
   640px, because all twenty-four hours were labelled and a phone could not fit
   the wide set. Eight numerals fit everywhere, so the swap is gone — and it has
   to go, not merely be unused: leaving the rule that hid the wide variant
   below 640px while no compact variant is rendered means a phone shows no
   numerals at all, which is exactly what it did. */

/*
    Readout: the live clock, or the selected event. It is SVG typography on the
    same bounded plane as the hour slots. Source order puts the ink above
    planner/event artwork, while C# chooses a deterministic clear vertical slot
    when visible event envelopes occupy the authored centre.
*/
.dreamline-readout[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-readout--time[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-readout__time[b-c7ajha8bux],
.dreamline-readout__time-depth[b-c7ajha8bux] {
    paint-order: stroke fill;
    font-family: var(--dr-font-display, "Avenir Next", "SF Pro Rounded", "Century Gothic", ui-rounded, "Segoe UI Variable Display", "Segoe UI", sans-serif);
    font-size: var(--dreamline-readout-time-size, 85px);
    font-weight: 720;
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "kern" 1, "tnum" 1, "lnum" 1;
    font-kerning: normal;
    font-optical-sizing: auto;
    letter-spacing: -.018em;
    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
}
.dreamline-readout__time[b-c7ajha8bux] {
    fill: var(--dreamline-paint-readout-ink);
    stroke: rgba(33, 37, 69, .46);
    stroke-width: .36px;
    paint-order: stroke fill;
    font-size: var(--dreamline-readout-time-size, 85px);
}
.dreamline-readout__time-depth[b-c7ajha8bux] {
    fill: var(--dreamline-paint-readout-depth);
    stroke: rgba(27, 30, 55, .38);
    stroke-width: .34px;
    opacity: .3;
}

/* Selection deliberately has no typographic treatment of its own. The centre
   time renders identically in both modes; the spoke is what identifies which
   node the time belongs to. */

.dreamline-readout__spoke[b-c7ajha8bux] {
    stroke: rgba(214, 205, 255, .5);
    stroke-width: 1.4;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

/* A selected event draws one direct link to its exact clock anchor, then holds. */
.dreamline-readout[data-dreamline-readout-mode="selected"] .dreamline-readout__spoke[b-c7ajha8bux] {
    stroke: rgba(232, 224, 255, .72);
    stroke-dasharray: 1;
    animation: dreamline-readout-retarget-b-c7ajha8bux .34s ease-out 1 both;
}

@keyframes dreamline-readout-retarget-b-c7ajha8bux {
    from { stroke-dashoffset: 1; }
    to { stroke-dashoffset: 0; }
}

/* Mobile keeps the path-bound material broad enough to read, not as beads. */
@media (max-width: 600px) {
    .dreamline-orbit__aurora--primary[b-c7ajha8bux] { stroke-width: 2.35; }
    .dreamline-orbit__streak[b-c7ajha8bux] { stroke-width: 2.7; }
    .dreamline-path--guidance[b-c7ajha8bux] {
        stroke-width: 2.8;
        stroke-dasharray: 2.8 12;
        opacity: .9;
        filter: drop-shadow(0 0 8px rgba(206, 179, 255, .5));
    }
    .dreamline-prediction-range--outer[b-c7ajha8bux] { stroke-width: 13.5; opacity: .5; }
    .dreamline-prediction-range--inner[b-c7ajha8bux] { stroke-width: 5.6; opacity: 1; }
    .dreamline-sleep-segment[b-c7ajha8bux] { stroke-width: 8.2; }
    .dreamline-active-continuation[b-c7ajha8bux] { stroke-width: 5.8; opacity: .96; }
}

.dreamline-event[b-c7ajha8bux] {
    --dreamline-event-final-opacity: 1;
    --dreamline-artwork-depth-opacity: 1;
    --planet-fill: rgba(111, 103, 160, .94);
    --planet-ring: rgba(210, 204, 244, .48);
    --planet-halo: rgba(157, 144, 219, .12);
    opacity: 0;
    animation: dreamline-node-reveal-b-c7ajha8bux 620ms cubic-bezier(.22, .82, .22, 1) forwards;
    animation-delay: var(--dreamline-reveal-delay, 0ms);
}

/* Fallback and rerouted guidance stays usable and authoritative — the engine
   selected it — but it is desaturated slightly so a native prediction still
   reads as the more confident of the two. */
[data-dreamline-guidance-tone="fallback"] .dreamline-event__icon[b-c7ajha8bux],
[data-dreamline-guidance-tone="rerouted"] .dreamline-event__icon[b-c7ajha8bux] {
    filter: saturate(.86);
}

[data-dreamline-guidance-tone="fallback"] .dreamline-event__dot[b-c7ajha8bux],
[data-dreamline-guidance-tone="rerouted"] .dreamline-event__dot[b-c7ajha8bux] {
    stroke-dasharray: 9 5;
}

[data-dreamline-active-endpoint] .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .9;
}

/* A missed window still belongs on the orbit — the caregiver should be able to
   see that it came and went — but it must never read as something to act on.
   It sits back: dimmer, cooler, and ringed with a broken outline that says
   "this passed" rather than "this is next". */
[data-dreamline-missed] .dreamline-event__icon[b-c7ajha8bux] {
    opacity: .42;
    filter: grayscale(.72) brightness(.86);
}

[data-dreamline-missed] .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .18;
}

[data-dreamline-missed] .dreamline-event__ring[b-c7ajha8bux] {
    stroke: rgba(196, 190, 226, .34);
    stroke-dasharray: 3 7;
}

.dreamline-event__planet[b-c7ajha8bux] {
    transform-box: fill-box;
    transform-origin: center;
    opacity: clamp(.92, var(--dreamline-artwork-depth-opacity, 1), 1);
}

.dreamline-event__pin[b-c7ajha8bux] {
    fill: rgba(240, 243, 255, .82);
    stroke: rgba(116, 132, 197, .92);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 5px rgba(191, 205, 255, .58));
}

.dreamline-event__pin.selected[b-c7ajha8bux] {
    fill: #fff;
    stroke: rgba(226, 190, 255, .96);
}

/* The pin is the exact civil-time bearing. Bodies may sit off the rail only
   along this short normal connector, never along the tangent. */
.dreamline-event__connector[b-c7ajha8bux] {
    --dreamline-connector-opacity: .52;
    pointer-events: none;
    stroke: rgba(187, 201, 244, .52);
    stroke-width: 2.25;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 3px rgba(163, 180, 244, .28));
    opacity: var(--dreamline-connector-opacity);
    animation: dreamline-connector-reveal-b-c7ajha8bux 420ms ease-out both;
    animation-delay: var(--dreamline-reveal-delay, 0ms);
}

/* Visual strength and authority are presentation hierarchy inputs, not
   confidence claims. Keep their adjustment restrained and local to the
   leader/ring/halo channels. */
.dreamline-event--strength-low .dreamline-event__connector[b-c7ajha8bux],
.dreamline-event--authority-recorded .dreamline-event__connector[b-c7ajha8bux] {
    --dreamline-connector-opacity: .42;
}

.dreamline-event--strength-high .dreamline-event__connector[b-c7ajha8bux],
.dreamline-event--authority-authoritative-primary .dreamline-event__connector[b-c7ajha8bux] {
    --dreamline-connector-opacity: .62;
}

@keyframes dreamline-connector-reveal-b-c7ajha8bux {
    from { opacity: 0; stroke-dashoffset: 12; }
    to { opacity: var(--dreamline-connector-opacity); stroke-dashoffset: 0; }
}

.dreamline-event--bedtime .dreamline-event__connector[b-c7ajha8bux],
.dreamline-event--napstart .dreamline-event__connector[b-c7ajha8bux] {
    stroke: rgba(174, 161, 222, .54);
    --dreamline-connector-opacity: .66;
    filter: drop-shadow(0 2px 4px rgba(52, 39, 103, .42));
}

/* Screen-down sleep bodies sit on the recessed side of the projected orbit.
   The exact pin and leader remain full-fidelity; only the decorative body is
   reduced so it reads as depth instead of a foreground planet over the clock. */
.dreamline-event--bedtime .dreamline-event__planet[b-c7ajha8bux],
.dreamline-event--napstart .dreamline-event__planet[b-c7ajha8bux] {
    opacity: .82;
}

.dreamline-event--wake .dreamline-event__connector[b-c7ajha8bux],
.dreamline-event--napend .dreamline-event__connector[b-c7ajha8bux],
.dreamline-event--current .dreamline-event__connector[b-c7ajha8bux] {
    stroke: rgba(183, 225, 232, .58);
}

.dreamline-event__stack-badge[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-stack-badges[b-c7ajha8bux] {
    overflow: visible;
    pointer-events: none;
}

.dreamline-event__halo[b-c7ajha8bux],
.dreamline-event__dot[b-c7ajha8bux] {
    transform-box: fill-box;
    transform-origin: center;
}

/* A flat disc at half opacity has a visible rim, so it read as an overlay
   sitting on top of the planet rather than light coming from behind it. The
   blur pushes that rim below the point where the eye resolves it as an edge,
   and the lower opacity keeps the glow subordinate to the body. Every event
   gets the same treatment; only the colour changes with state. */
.dreamline-event__halo[b-c7ajha8bux] {
    fill: var(--planet-halo);
    opacity: .3;
    filter: blur(6px);
}

.dreamline-event--strength-low .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .22;
}

.dreamline-event--strength-high .dreamline-event__halo[b-c7ajha8bux],
.dreamline-event--authority-authoritative-primary .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .36;
}

.dreamline-event--authority-current .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .4;
}

.dreamline-event__ring-overlay[b-c7ajha8bux] {
    pointer-events: none;
}

/* The companion-pack overlays share the planet's local transform but keep a
   separate calm luminance pulse. Opacity only means the exact timestamp
   anchor, planet, and connector never move for decoration. */
/* Two rings exist in the whole scene and they must not compete. Selection is
   the assertive one: it sits on the body at 1.8 stroke and .96 opacity, and it
   is the answer to "which event am I reading". The live marker's ring is the
   quieter of the two — thinner and dimmer — so "now" stays findable at a glance
   without ever looking like the caregiver has selected it. */
.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-ring="active"] {
    stroke-width: 1.1;
    opacity: .62;
    animation: dreamline-ring-breathe-b-c7ajha8bux 4.8s ease-in-out infinite;
}

.dreamline-event--strength-low[b-c7ajha8bux]  [data-dreamline-ring],
.dreamline-event--authority-recorded[b-c7ajha8bux]  [data-dreamline-ring] {
    opacity: .72;
}

.dreamline-event--strength-high[b-c7ajha8bux]  [data-dreamline-ring],
.dreamline-event--authority-authoritative-primary[b-c7ajha8bux]  [data-dreamline-ring] {
    opacity: .88;
}

.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-ring="predicted"] {
    animation: dreamline-ring-breathe-b-c7ajha8bux 7.4s ease-in-out infinite;
    animation-delay: -2.2s;
}

/* The component compensates a prediction master to the same readable body
   floor as a recorded nap start. The fallback plate therefore keeps no stroke:
   a hard ring would be a second visual contour, not useful prediction meaning.
   Its fill still carries the fallback if artwork fails to draw. */
.dreamline-event__dot[b-c7ajha8bux] {
    fill: var(--planet-fill);
    stroke: none;
    filter: drop-shadow(0 8px 10px rgba(2, 5, 18, .34));
}

/*
    The dot is the artwork's fallback plate — it only shows through if the body
    fails to draw. Behind a prediction glyph there is no body to fall back to,
    just an open silhouette, so the plate became a solid disc that filled the
    glyph in. It is unpainted rather than removed: the geometry verifier
    measures this element to prove the planet sits on its projected display
    point, and deleting it would fail `planet-missing`.
*/
.dreamline-event--predicted .dreamline-event__dot[b-c7ajha8bux] {
    fill: none;
    stroke: none;
    filter: none;
}

/*
    Prediction artwork is a supplied painterly planet/orbit trace, not a flat
    icon. Keep a diffuse depth shadow so the clouds and ring separate from the
    rail without adding a cartoon outline.
*/
/*
    Recorded versus predicted, now that body type is spent on the event itself.

    A sun is a wake whether it happened or is expected, which is correct: they
    are the same event at different certainty. What separates them is how
    material the body is. A prediction has not fully condensed -- its disc is
    translucent enough to read as provisional, while its halo stays at full
    strength so it still feels present rather than merely dim. A recorded event
    is solid.

    Two channels carry this, not one: opacity on the body and a dashed tether
    on the connector below. Recorded-versus-predicted therefore survives
    greyscale and survives a caregiver who cannot separate these hues, which
    the previous treatment -- a 13% brightness lift that was invisible at node
    size -- did not.
*/
.dreamline-event--predicted .dreamline-event__icon[b-c7ajha8bux] {
    --dreamline-selection-base-opacity: .74;
    opacity: var(--dreamline-selection-base-opacity);
    filter: saturate(1.06)
        drop-shadow(0 0 7px rgba(190, 198, 255, .34))
        drop-shadow(0 4px 8px rgba(2, 5, 18, .38));
}

/* The halo is deliberately exempt: dimming it too would read as a weak event
   rather than an unconfirmed one. */
.dreamline-event--predicted .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .3;
}

/* The tether says provisional the way a dashed line always has. Non-scaling
   so the dash reads the same at every bearing of the projection. */
.dreamline-event--predicted .dreamline-event__connector[b-c7ajha8bux] {
    --dreamline-connector-opacity: .78;
    stroke-dasharray: 4 5;
}

/* A forecast is not inert — it is the thing the caregiver is waiting on. One
   slow opacity breath, no movement: the pin's exact bearing is the point of it.
   `approaching` already runs its own faster pulse on the halo, so this stays
   deliberately below that in both rate and depth. */
.dreamline-event--predicted[b-c7ajha8bux]  [data-dreamline-prediction-glyph] {
    transform-box: fill-box;
    transform-origin: center;
    animation: dreamline-glyph-breathe-b-c7ajha8bux 9s ease-in-out infinite;
}

.dreamline-event--predicted.primary-next[b-c7ajha8bux]  [data-dreamline-prediction-glyph] {
    animation-duration: 6.4s;
}

@keyframes dreamline-glyph-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .96; }
    50% { opacity: 1; }
}

/* The artwork is the planet body, so it must not be flattened to a silhouette.
   State is carried by the ring, the halo, and how brightly the body is lit. */
.dreamline-event__icon[b-c7ajha8bux] {
    --dreamline-selection-base-opacity: 1;
    pointer-events: none;
    filter: drop-shadow(0 6px 9px rgba(2, 5, 18, .38));
}

.dreamline-event--completed .dreamline-event__icon[b-c7ajha8bux] {
    filter: drop-shadow(0 6px 9px rgba(2, 5, 18, .38));
}

/* Completed icon opacity is now driven by temporal tier, not a blanket fade.
   --temporal-icon-opacity is consumed by the tier rules below. */
.dreamline-event--temporal-recentpast .dreamline-event__icon[b-c7ajha8bux] {
    --dreamline-selection-base-opacity: .97;
    opacity: var(--dreamline-selection-base-opacity);
}

/* ---- Celestial vitality preview companions ------------------------------
   The preview PNGs are deliberately explicit same-origin <image> layers. They
   sit beside (not inside) the secure embedded SVG loaders and inherit the
   existing node geometry. Clean keeps edges crisp; Painterly adds only local
   material richness, never a scene-wide filter or background effect. */
.dreamline-event__now-horizon[b-c7ajha8bux],
.dreamline-event__memory-cloud[b-c7ajha8bux] {
    overflow: visible;
    pointer-events: none;
    user-select: none;
}

.dreamline-event[data-dreamline-art-variant="clean"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    opacity: .22;
}

.dreamline-event[data-dreamline-art-variant="painterly"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    opacity: .18;
    filter: saturate(1.12) contrast(1.08);
}

.dreamline-event[data-dreamline-art-variant="clean"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    opacity: .28;
}

.dreamline-event[data-dreamline-art-variant="painterly"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    opacity: .34;
    filter: saturate(.72) brightness(.88);
}

.dreamline-v3[data-dreamline-time-band="night"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    filter: saturate(.88) contrast(1.08) brightness(.82) hue-rotate(5deg);
}

.dreamline-v3[data-dreamline-time-band="dawn"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    filter: saturate(1) contrast(1.1) brightness(.94) hue-rotate(-8deg);
}

.dreamline-v3[data-dreamline-time-band="day"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    filter: saturate(1.04) contrast(1.1) brightness(.98) hue-rotate(-14deg);
}

.dreamline-v3[data-dreamline-time-band="dusk"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    filter: saturate(1) contrast(1.1) brightness(.94) hue-rotate(12deg);
}

.dreamline-event--current[data-dreamline-current-sleeping="true"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    opacity: .54;
    filter: saturate(.82) contrast(1.08) brightness(.8) hue-rotate(18deg);
}

.dreamline-event--current[data-dreamline-current-sleeping="true"] .dreamline-now-atmosphere__shell[b-c7ajha8bux] {
    fill: rgba(151, 123, 246, .1);
    stroke: none;
}

.dreamline-event--current[data-dreamline-current-sleeping="true"] .dreamline-now-atmosphere__terminator[b-c7ajha8bux] {
    fill: rgba(111, 91, 192, .26);
}

.dreamline-event--predicted .dreamline-event__sun-vfx[b-c7ajha8bux] {
    opacity: .72;
}

.dreamline-event--predicted .dreamline-sun-vfx__motes[b-c7ajha8bux] {
    opacity: .5;
}

.dreamline-event__now-atmosphere[b-c7ajha8bux],
.dreamline-event__memory-overlay[b-c7ajha8bux],
.dreamline-event__sun-vfx[b-c7ajha8bux] {
    overflow: visible;
    pointer-events: none;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-now-atmosphere__shell[b-c7ajha8bux] {
    fill: rgba(108, 173, 255, .08);
    stroke: none;
    stroke-width: 0;
    vector-effect: non-scaling-stroke;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-now-atmosphere__terminator[b-c7ajha8bux] {
    fill: rgba(34, 28, 108, .34);
    stroke: none;
    stroke-width: 0;
    vector-effect: non-scaling-stroke;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-now-atmosphere__continent[b-c7ajha8bux] {
    fill: rgba(84, 239, 219, .66);
    stroke: rgba(202, 255, 244, .42);
    stroke-width: .7;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: screen;
    filter: drop-shadow(0 0 1.4px rgba(64, 226, 230, .72));
}

.dreamline-now-atmosphere__horizon-ribbon[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(143, 237, 255, .9);
    stroke-width: 1.8;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: screen;
    filter: drop-shadow(0 0 1.6px rgba(114, 175, 255, .82));
}

.dreamline-now-atmosphere__aurora[b-c7ajha8bux] {
    fill: var(--dreamline-paint-now-aurora-fill);
    stroke: none;
    stroke-width: 0;
    opacity: .58;
    mix-blend-mode: screen;
    transform-box: fill-box;
    transform-origin: center;
    pointer-events: none;
}

.dreamline-now-atmosphere__energy[b-c7ajha8bux] {
    fill: var(--dreamline-paint-now-energy-fill);
    stroke: none;
    stroke-width: 0;
    opacity: .46;
    mix-blend-mode: screen;
    transform-box: fill-box;
    transform-origin: center;
    pointer-events: none;
}

.dreamline-now-atmosphere__storm-cells[b-c7ajha8bux] {
    fill: rgba(197, 229, 255, .34);
    stroke: rgba(125, 231, 255, .38);
    stroke-width: .65;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: screen;
    opacity: .7;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-event__moon-vfx[b-c7ajha8bux] {
    overflow: visible;
    pointer-events: none;
}

.dreamline-event[data-dreamline-material-family="moon"] .dreamline-event__icon[b-c7ajha8bux] {
    opacity: .18;
    filter: saturate(.72) brightness(.64);
}

.dreamline-moon-vfx__atmosphere[b-c7ajha8bux] {
    fill: none;
    stroke: var(--dreamline-paint-moon-rim);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
    opacity: .74;
    filter: drop-shadow(0 0 1.6px rgba(189, 212, 255, .48));
}

.dreamline-moon-vfx__night-disc[b-c7ajha8bux] {
    fill: rgba(7, 9, 34, .98);
    stroke: rgba(139, 155, 217, .42);
    stroke-width: .75;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 2.2px rgba(112, 126, 202, .42));
}

.dreamline-moon-vfx__pearl[b-c7ajha8bux] {
    fill: var(--dreamline-paint-moon-pearl);
    stroke: none;
    opacity: 1;
    mix-blend-mode: screen;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-moon-vfx__pearl-rim[b-c7ajha8bux] {
    fill: var(--dreamline-paint-moon-rim);
    stroke: rgba(255, 255, 255, .88);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
    opacity: .9;
    mix-blend-mode: screen;
}

.dreamline-moon-vfx__terminator[b-c7ajha8bux] {
    fill: rgba(5, 7, 29, .9);
    stroke: rgba(230, 236, 255, .5);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
    opacity: .94;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-moon-vfx__earthshine[b-c7ajha8bux] {
    fill: rgba(8, 11, 42, .82);
    stroke: none;
    opacity: .96;
    mix-blend-mode: multiply;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-moon-vfx__crescent-edge[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(245, 248, 255, .78);
    stroke-width: 2.35;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    opacity: .96;
    filter: drop-shadow(0 0 1.2px rgba(198, 220, 255, .64));
}

.dreamline-moon-vfx__sleep-star[b-c7ajha8bux] {
    fill: rgba(255, 229, 153, .98);
    stroke: rgba(255, 252, 228, .92);
    stroke-width: .72;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 1.8px rgba(255, 218, 132, .82));
}

.dreamline-moon-vfx__mare[b-c7ajha8bux] {
    opacity: .76;
}

.dreamline-moon-vfx__mare circle[b-c7ajha8bux],
.dreamline-moon-vfx__mare ellipse[b-c7ajha8bux] {
    fill: rgba(35, 40, 82, .58);
    stroke: rgba(235, 240, 255, .2);
    stroke-width: .55;
    vector-effect: non-scaling-stroke;
}

.dreamline-moon-vfx__crater-rims[b-c7ajha8bux] {
    fill: rgba(26, 31, 72, .24);
    stroke: rgba(231, 238, 255, .46);
    stroke-width: .72;
    vector-effect: non-scaling-stroke;
    opacity: .8;
}

.dreamline-sun-vfx__corona-lobes[b-c7ajha8bux] {
    fill: var(--dreamline-paint-sun-corona-lobes);
    stroke: none;
    opacity: 1;
    filter: drop-shadow(0 0 2.4px rgba(255, 112, 28, .78));
    mix-blend-mode: screen;
}

.dreamline-event__sun-vfx__corona[b-c7ajha8bux],
.dreamline-sun-vfx__corona[b-c7ajha8bux] {
    fill: rgba(255, 190, 88, .04);
    stroke: rgba(255, 228, 166, .54);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
}

.dreamline-sun-vfx__convection--back[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(255, 171, 59, .72);
    stroke-width: 1.05;
    stroke-linecap: round;
    stroke-dasharray: 4 2.5 7 3;
    vector-effect: non-scaling-stroke;
    opacity: .12;
}

.dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(255, 247, 213, .78);
    stroke-width: .92;
    stroke-linecap: round;
    stroke-dasharray: 3.5 2 6 2.5;
    vector-effect: non-scaling-stroke;
    opacity: .1;
}

.dreamline-sun-vfx__limb-shade[b-c7ajha8bux] {
    fill: var(--dreamline-paint-sun-limb-shade);
    stroke: none;
    opacity: .92;
    mix-blend-mode: multiply;
}

.dreamline-sun-vfx__plasma-cells[b-c7ajha8bux] {
    opacity: .92;
    mix-blend-mode: normal;
    pointer-events: none;
}

.dreamline-sun-vfx__photosphere[b-c7ajha8bux] {
    fill: var(--dreamline-paint-sun-photosphere);
    stroke: rgba(255, 205, 104, .36);
    stroke-width: .65;
    vector-effect: non-scaling-stroke;
    opacity: 1;
}

.dreamline-sun-vfx__hot-core[b-c7ajha8bux] {
    fill: var(--dreamline-paint-sun-hot-core);
    stroke: none;
    vector-effect: non-scaling-stroke;
    opacity: .9;
    mix-blend-mode: screen;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-sun-vfx__sunspots[b-c7ajha8bux] {
    fill: rgba(92, 32, 22, .68);
    stroke: rgba(255, 181, 74, .22);
    stroke-width: .45;
    vector-effect: non-scaling-stroke;
    opacity: .52;
    mix-blend-mode: multiply;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-sun-vfx__plasma-cell--hot[b-c7ajha8bux] {
    fill: rgba(255, 241, 161, .72);
}

.dreamline-sun-vfx__plasma-cell--warm[b-c7ajha8bux] {
    fill: rgba(194, 70, 27, .54);
}

.dreamline-sun-vfx__plasma-cell--amber[b-c7ajha8bux] {
    fill: rgba(113, 35, 28, .58);
}

.dreamline-sun-vfx__limb[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(255, 211, 118, .5);
    stroke-width: .85;
    vector-effect: non-scaling-stroke;
    opacity: .6;
}

.dreamline-sun-vfx__faculae[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(255, 251, 225, .68);
    stroke-width: .78;
    stroke-linecap: round;
    stroke-dasharray: 2.4 1.8 4.2 2.2;
    vector-effect: non-scaling-stroke;
    opacity: .48;
}

.dreamline-sun-vfx__surface-troughs[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(188, 111, 35, .46);
    stroke-width: .8;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    opacity: .38;
    mix-blend-mode: multiply;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-sun-vfx__core-kernel[b-c7ajha8bux] {
    fill: var(--dreamline-paint-sun-core-kernel);
    stroke: none;
    vector-effect: non-scaling-stroke;
    opacity: .68;
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-sun-vfx__flare[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(255, 101, 31, .98);
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: screen;
    filter: drop-shadow(0 0 1.8px rgba(255, 72, 25, .86));
}

.dreamline-sun-vfx__flare--secondary[b-c7ajha8bux] {
    stroke: rgba(255, 154, 46, .96);
    stroke-width: 1.55;
}

.dreamline-sun-vfx__prominence-flow[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(255, 248, 194, 1);
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-dasharray: 10 90;
    stroke-dashoffset: 0;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: screen;
    filter: drop-shadow(0 0 1.4px rgba(255, 211, 106, .9));
}

.dreamline-sun-vfx__prominence-flow--secondary[b-c7ajha8bux] {
    stroke: rgba(255, 223, 134, .96);
    stroke-dasharray: 8 92;
}

.dreamline-sun-vfx__core[b-c7ajha8bux] {
    fill: rgba(255, 251, 224, .26);
    stroke: none;
    vector-effect: non-scaling-stroke;
}

.dreamline-sun-vfx__motes circle[b-c7ajha8bux] {
    fill: rgba(255, 241, 182, .9);
    vector-effect: non-scaling-stroke;
}

.dreamline-event__memory-overlay[data-dreamline-memory-cloud="recent"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    opacity: .2;
}

.dreamline-event__memory-overlay[data-dreamline-memory-cloud="mid"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    opacity: .28;
}

.dreamline-event__memory-overlay[data-dreamline-memory-cloud="old"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    opacity: .36;
}

.dreamline-stack-constellation[b-c7ajha8bux] {
    overflow: visible;
}

.dreamline-stack-constellation__line[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(210, 221, 255, .82);
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.dreamline-stack-constellation__star[b-c7ajha8bux] {
    fill: rgba(243, 238, 255, .98);
    stroke: rgba(150, 205, 255, .9);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
}

.dreamline-stack-constellation__count-backdrop[b-c7ajha8bux] {
    fill: var(--dreamline-paint-stack-badge);
    stroke: rgba(220, 239, 255, .86);
    stroke-width: 1.15;
    vector-effect: non-scaling-stroke;
}

.dreamline-stack-constellation text[b-c7ajha8bux] {
    fill: rgba(250, 248, 255, .98);
    stroke: rgba(35, 27, 92, .92);
    stroke-width: 1.35px;
    paint-order: stroke fill;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -.15px;
}

@keyframes dreamline-now-aurora-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .34; }
    50% { opacity: .96; }
}

@keyframes dreamline-now-upper-veil-b-c7ajha8bux {
    0%, 100% { opacity: .42; transform: translate(-1.2px, .5px); }
    40% { opacity: .82; transform: translate(2.2px, -1.1px); }
    72% { opacity: .56; transform: translate(.4px, .8px); }
}

@keyframes dreamline-now-lower-veil-b-c7ajha8bux {
    0%, 100% { opacity: .32; transform: translate(.9px, .4px); }
    52% { opacity: .7; transform: translate(-1.7px, -.8px); }
}

@keyframes dreamline-now-storm-drift-b-c7ajha8bux {
    0%, 100% { opacity: .48; transform: translate(-1px, .35px); }
    38% { opacity: .9; transform: translate(1.4px, -.65px); }
    72% { opacity: .64; transform: translate(.25px, .5px); }
}

@keyframes dreamline-now-veil-lively-b-c7ajha8bux {
    0%, 100% { opacity: .38; transform: translate(-.45px, .25px); }
    50% { opacity: .68; transform: translate(.8px, -.35px); }
}

@keyframes dreamline-now-terminator-drift-b-c7ajha8bux {
    0%, 100% { opacity: .68; transform: translate(-.6px, .2px); }
    50% { opacity: .9; transform: translate(1.2px, -.5px); }
}

@keyframes dreamline-now-shell-breath-b-c7ajha8bux {
    0%, 100% { opacity: .58; }
    50% { opacity: .92; }
}

@keyframes dreamline-now-horizon-vitality-b-c7ajha8bux {
    0%, 100% { opacity: .64; }
    50% { opacity: .84; }
}

@keyframes dreamline-memory-drift-b-c7ajha8bux {
    0%, 100% { opacity: .72; transform: translate3d(-1.4px, .8px, 0) scale(.985); }
    50% { opacity: 1; transform: translate3d(1.8px, -1.1px, 0) scale(1.015); }
}

@keyframes dreamline-memory-shimmer-b-c7ajha8bux {
    0%, 100% { opacity: var(--dreamline-memory-veil-opacity, .5); }
    50% { opacity: min(1, calc(var(--dreamline-memory-veil-opacity, .5) + .16)); }
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="recent"] .dreamline-event__memory-cloud[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="recent"] .dreamline-event__memory-cloud[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="recent"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    --dreamline-memory-veil-opacity: .2;
    animation: dreamline-memory-shimmer-b-c7ajha8bux 6s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="mid"] .dreamline-event__memory-cloud[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="mid"] .dreamline-event__memory-cloud[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="mid"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    --dreamline-memory-veil-opacity: .28;
    animation: dreamline-memory-shimmer-b-c7ajha8bux 9s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="old"] .dreamline-event__memory-cloud[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="old"] .dreamline-event__memory-cloud[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__memory-overlay[data-dreamline-memory-cloud="old"] .dreamline-event__memory-cloud[b-c7ajha8bux] {
    --dreamline-memory-veil-opacity: .36;
    animation: dreamline-memory-shimmer-b-c7ajha8bux 12s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

@keyframes dreamline-sun-convection-back-b-c7ajha8bux {
    0%, 100% { opacity: .06; stroke-dashoffset: 0; transform: translate3d(-.18px, .1px, 0); }
    44% { opacity: .18; stroke-dashoffset: -8; transform: translate3d(.22px, -.12px, 0); }
    72% { opacity: .1; stroke-dashoffset: -13; transform: translate3d(.06px, .08px, 0); }
}

@keyframes dreamline-sun-convection-front-b-c7ajha8bux {
    0%, 100% { opacity: .05; stroke-dashoffset: 0; transform: translate3d(.16px, -.09px, 0); }
    48% { opacity: .16; stroke-dashoffset: 7; transform: translate3d(-.2px, .12px, 0); }
    78% { opacity: .09; stroke-dashoffset: 11; transform: translate3d(-.04px, -.06px, 0); }
}

@keyframes dreamline-sun-motes-b-c7ajha8bux {
    0%, 100% { opacity: .08; }
    50% { opacity: .22; }
}

@keyframes dreamline-sun-corona-vitality-b-c7ajha8bux {
    from { opacity: .44; }
    to { opacity: .78; }
}

@keyframes dreamline-sun-core-vitality-b-c7ajha8bux {
    from { opacity: .7; transform: scale(.94); }
    to { opacity: 1; transform: scale(1.08); }
}

@keyframes dreamline-moon-rim-shimmer-b-c7ajha8bux {
    from { opacity: .48; }
    to { opacity: 1; }
}

@keyframes dreamline-sun-hot-core-weather-b-c7ajha8bux {
    0%, 100% { opacity: .68; transform: translate(-.7px, .38px); }
    46% { opacity: 1; transform: translate(.9px, -.55px); }
}

@keyframes dreamline-sunspot-weather-b-c7ajha8bux {
    0%, 100% { opacity: .08; transform: translate(-.12px, .06px); }
    52% { opacity: .18; transform: translate(.16px, -.09px); }
}

@keyframes dreamline-sun-surface-weather-b-c7ajha8bux {
    0%, 100% { opacity: .04; transform: translate(-.12px, .06px); }
    44% { opacity: .12; transform: translate(.16px, -.09px); }
    76% { opacity: .07; transform: translate(.03px, .07px); }
}

@keyframes dreamline-sun-kernel-weather-b-c7ajha8bux {
    0%, 100% { opacity: .76; transform: translate(-.45px, .2px) scale(.94); }
    48% { opacity: 1; transform: translate(.62px, -.34px) scale(1.06); }
}

@keyframes dreamline-sun-faculae-vitality-b-c7ajha8bux {
    0%, 100% { opacity: .05; stroke-dashoffset: 0; transform: translate(0, 0); }
    48% { opacity: .14; stroke-dashoffset: -5; transform: translate(.12px, -.09px); }
    76% { opacity: .08; stroke-dashoffset: -8; transform: translate(-.06px, .05px); }
}

@keyframes dreamline-sun-limb-vitality-b-c7ajha8bux {
    from { opacity: .52; }
    to { opacity: .88; }
}

@keyframes dreamline-sun-corona-weather-b-c7ajha8bux {
    0%, 100% { opacity: .44; }
    42% { opacity: .82; }
    74% { opacity: .6; }
}

@keyframes dreamline-sun-plasma-weather-b-c7ajha8bux {
    0%, 100% { opacity: .34; }
    36% { opacity: .76; }
    68% { opacity: .48; }
}

@keyframes dreamline-moon-surface-vitality-b-c7ajha8bux {
    from { opacity: .48; }
    to { opacity: 1; }
}

@keyframes dreamline-moon-terminator-vitality-b-c7ajha8bux {
    from { opacity: .7; }
    to { opacity: .98; }
}

@keyframes dreamline-moon-pearl-vitality-b-c7ajha8bux {
    0%, 100% { opacity: .58; transform: translate(-.65px, .34px); }
    50% { opacity: .96; transform: translate(.85px, -.5px); }
}

@keyframes dreamline-moon-terminator-drift-b-c7ajha8bux {
    0%, 100% { opacity: .7; transform: translate(-.75px, .28px); }
    50% { opacity: .98; transform: translate(1px, -.42px); }
}

@keyframes dreamline-moon-earthshine-vitality-b-c7ajha8bux {
    0%, 100% { opacity: .7; transform: translate(.65px, .24px); }
    50% { opacity: .96; transform: translate(-.78px, -.36px); }
}

@keyframes dreamline-moon-crater-glint-b-c7ajha8bux {
    0%, 100% { opacity: .5; transform: translate(-.35px, .18px); }
    52% { opacity: .9; transform: translate(.48px, -.26px); }
}

@keyframes dreamline-moon-atmosphere-breathe-b-c7ajha8bux {
    from { opacity: .56; }
    to { opacity: .9; }
}

@keyframes dreamline-moon-crescent-vitality-b-c7ajha8bux {
    0%, 100% { opacity: .62; }
    48% { opacity: 1; }
}

@keyframes dreamline-moon-pearl-rim-vitality-b-c7ajha8bux {
    0%, 100% { opacity: .5; }
    44% { opacity: 1; }
    76% { opacity: .68; }
}

@keyframes dreamline-moon-mare-vitality-b-c7ajha8bux {
    0%, 100% { opacity: .4; }
    52% { opacity: .76; }
}

@keyframes dreamline-primary-endpoint-vitality-b-c7ajha8bux {
    from { opacity: .28; }
    to { opacity: .72; }
}

@keyframes dreamline-stack-twinkle-b-c7ajha8bux {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

@keyframes dreamline-sun-flare-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .62; stroke-width: 1.45; }
    42% { opacity: 1; stroke-width: 2; }
    74% { opacity: .8; stroke-width: 1.7; }
}

@keyframes dreamline-sun-flare-flow-b-c7ajha8bux {
    from { opacity: .38; stroke-dashoffset: 0; }
    38% { opacity: 1; }
    to { opacity: .56; stroke-dashoffset: -100; }
}

/* Balanced is intentionally local and bounded: no scene-wide particles and
   no filter animation. The four canonical, path-bound rail-material layers
   are the only continuously painted rail-flow exception. */
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-now-atmosphere__aurora[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-now-atmosphere__energy[b-c7ajha8bux] {
    animation: dreamline-now-aurora-breathe-b-c7ajha8bux 5.5s ease-in-out infinite alternate;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__memory-overlay[b-c7ajha8bux] {
    animation: dreamline-memory-drift-b-c7ajha8bux 30s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-sun-vfx__convection--back[b-c7ajha8bux] {
    animation: dreamline-sun-convection-back-b-c7ajha8bux 10s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    animation: dreamline-sun-convection-front-b-c7ajha8bux 10s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-sun-vfx__motes[b-c7ajha8bux] {
    animation: dreamline-sun-motes-b-c7ajha8bux 6s ease-in-out infinite alternate;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--current .dreamline-event__now-horizon[b-c7ajha8bux] {
    animation: dreamline-now-horizon-vitality-b-c7ajha8bux 7.4s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-now-atmosphere__aurora[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-now-atmosphere__energy[b-c7ajha8bux] {
    animation: dreamline-now-veil-lively-b-c7ajha8bux 7.2s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-now-atmosphere__aurora[b-c7ajha8bux] {
    animation: dreamline-now-upper-veil-b-c7ajha8bux 4.4s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-now-atmosphere__energy[b-c7ajha8bux] {
    animation: dreamline-now-lower-veil-b-c7ajha8bux 5.8s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-now-atmosphere__storm-cells[b-c7ajha8bux] {
    animation: dreamline-now-storm-drift-b-c7ajha8bux 3.7s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.3s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-now-atmosphere__terminator[b-c7ajha8bux] {
    animation: dreamline-now-terminator-drift-b-c7ajha8bux 9s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-now-atmosphere__shell[b-c7ajha8bux] {
    animation: dreamline-now-shell-breath-b-c7ajha8bux 5.8s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event__memory-overlay[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__memory-overlay[b-c7ajha8bux] {
    animation: dreamline-memory-drift-b-c7ajha8bux var(--dreamline-memory-duration, 28s) ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__convection--back[b-c7ajha8bux] {
    animation: dreamline-sun-convection-back-b-c7ajha8bux 7.5s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    animation: dreamline-sun-convection-front-b-c7ajha8bux 7.5s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__motes[b-c7ajha8bux] {
    animation: dreamline-sun-motes-b-c7ajha8bux 4.8s ease-in-out infinite alternate;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__convection--back[b-c7ajha8bux] {
    animation: dreamline-sun-convection-back-b-c7ajha8bux 3.2s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .6s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    animation: dreamline-sun-convection-front-b-c7ajha8bux 3.2s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.9s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__motes[b-c7ajha8bux] {
    animation: dreamline-sun-motes-b-c7ajha8bux 2.4s ease-in-out infinite alternate;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.2s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__corona[b-c7ajha8bux] {
    animation: dreamline-sun-corona-vitality-b-c7ajha8bux 3.4s ease-in-out infinite alternate;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.4s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__core[b-c7ajha8bux] {
    animation: dreamline-sun-core-vitality-b-c7ajha8bux 2.6s ease-in-out infinite alternate;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .3s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event[data-dreamline-material-family="moon"]:not(.selected)[b-c7ajha8bux]  [data-dreamline-planet-layer="rim-light"],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event[data-dreamline-material-family="moon"]:not(.selected)[b-c7ajha8bux]  [data-dreamline-layered-layer="rim-light"] {
    animation: dreamline-moon-rim-shimmer-b-c7ajha8bux 2.8s ease-in-out infinite alternate;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event[data-dreamline-material-family="moon"]:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event[data-dreamline-material-family="moon"]:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-layered-layer="surface-texture"] {
    animation: dreamline-moon-surface-vitality-b-c7ajha8bux 3.6s ease-in-out infinite alternate;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .8s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event[data-dreamline-material-family="moon"]:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event[data-dreamline-material-family="moon"]:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-layered-layer="shadow"] {
    animation: dreamline-moon-terminator-vitality-b-c7ajha8bux 4.2s ease-in-out infinite alternate;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 2.1s);
}

/* Mid-past Suns retain quieter internal plasma so the default/high-history
   fixture still reads as alive. The farthest memories keep their construction
   static and subordinate. */
.dreamline-event--temporal-midpast .dreamline-event__sun-vfx[b-c7ajha8bux],
.dreamline-event--temporal-midpast .dreamline-event__sun-core-underpaint[b-c7ajha8bux] {
    opacity: .66;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-oldpast) .dreamline-sun-vfx__hot-core[b-c7ajha8bux] {
    animation: dreamline-sun-hot-core-weather-b-c7ajha8bux 2.9s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-oldpast) .dreamline-sun-vfx__sunspots[b-c7ajha8bux] {
    animation: dreamline-sunspot-weather-b-c7ajha8bux 4.1s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.8s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-oldpast) .dreamline-sun-vfx__surface-troughs[b-c7ajha8bux] {
    animation: dreamline-sun-surface-weather-b-c7ajha8bux 3.3s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.2s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-oldpast) .dreamline-sun-vfx__core-kernel[b-c7ajha8bux] {
    animation: dreamline-sun-kernel-weather-b-c7ajha8bux 2.7s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .4s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__faculae[b-c7ajha8bux] {
    animation: dreamline-sun-faculae-vitality-b-c7ajha8bux 3.8s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__limb[b-c7ajha8bux] {
    animation: dreamline-sun-limb-vitality-b-c7ajha8bux 4.6s ease-in-out infinite alternate;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 2.2s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__corona-lobes[b-c7ajha8bux] {
    animation: dreamline-sun-corona-weather-b-c7ajha8bux 5.8s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.4s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__plasma-cells[b-c7ajha8bux] {
    animation: dreamline-sun-plasma-weather-b-c7ajha8bux 5.2s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .6s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__corona-lobes[b-c7ajha8bux] {
    animation: dreamline-sun-corona-weather-b-c7ajha8bux 3.6s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.4s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__plasma-cells[b-c7ajha8bux] {
    animation: dreamline-sun-plasma-weather-b-c7ajha8bux 3.2s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .6s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-moon-vfx__pearl[b-c7ajha8bux] {
    animation: dreamline-moon-pearl-vitality-b-c7ajha8bux 4.8s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .9s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-moon-vfx__terminator[b-c7ajha8bux] {
    animation: dreamline-moon-terminator-drift-b-c7ajha8bux 6.2s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 2.6s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast) .dreamline-moon-vfx__earthshine[b-c7ajha8bux] {
    animation: dreamline-moon-earthshine-vitality-b-c7ajha8bux 5.4s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.5s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast) .dreamline-moon-vfx__crescent-edge[b-c7ajha8bux] {
    animation: dreamline-moon-crescent-vitality-b-c7ajha8bux 3.9s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 2s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast) .dreamline-moon-vfx__crater-rims[b-c7ajha8bux] {
    animation: dreamline-moon-crater-glint-b-c7ajha8bux 4.2s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.6s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event:not(.dreamline-event--temporal-midpast):not(.dreamline-event--temporal-oldpast) .dreamline-moon-vfx__atmosphere[b-c7ajha8bux] {
    animation: dreamline-moon-atmosphere-breathe-b-c7ajha8bux 4.8s ease-in-out infinite alternate;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - .8s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux] {
    animation: dreamline-moon-pearl-rim-vitality-b-c7ajha8bux 5.6s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.1s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-moon-vfx__mare[b-c7ajha8bux] {
    animation: dreamline-moon-mare-vitality-b-c7ajha8bux 7.4s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 2.3s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux] {
    animation: dreamline-moon-pearl-rim-vitality-b-c7ajha8bux 3.6s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.1s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-moon-vfx__mare[b-c7ajha8bux] {
    animation: dreamline-moon-mare-vitality-b-c7ajha8bux 5.2s ease-in-out infinite;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 2.3s);
}

.dreamline-event--temporal-oldpast .dreamline-event__sun-vfx[b-c7ajha8bux],
.dreamline-event--temporal-oldpast .dreamline-event__sun-core-underpaint[b-c7ajha8bux] {
    opacity: .46;
}

.dreamline-event--predicted .dreamline-event__moon-vfx[b-c7ajha8bux] {
    opacity: .66;
}

.dreamline-event--temporal-midpast .dreamline-event__moon-vfx[b-c7ajha8bux] {
    opacity: .58;
}

.dreamline-event--temporal-oldpast .dreamline-event__moon-vfx[b-c7ajha8bux] {
    opacity: .36;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__convection[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__corona[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__corona-lobes[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__plasma-cells[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__core[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__faculae[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__limb[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__motes[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__flare[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-sun-vfx__prominence-flow[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-midpast .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-midpast .dreamline-moon-vfx__mare[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-moon-vfx__pearl[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-moon-vfx__terminator[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-moon-vfx__mare[b-c7ajha8bux] {
    animation: none !important;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="state-overlay"],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event.primary-next .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer="state-overlay"] {
    animation: dreamline-primary-endpoint-vitality-b-c7ajha8bux 2.8s ease-in-out infinite alternate;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-stack-constellation__star[b-c7ajha8bux] {
    animation: dreamline-stack-twinkle-b-c7ajha8bux 2.8s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__now-atmosphere[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__memory-overlay[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__sun-vfx[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event__moon-vfx[b-c7ajha8bux] {
    opacity: 1;
}

/* Reassert temporal salience after the Immersive presence lift. The host VFX
   remains inside the same clipped hull, and older bodies never regain a newer
   body's contrast through corona or pearl overlays. */
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-midpast .dreamline-event__sun-vfx[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-midpast .dreamline-event__moon-vfx[b-c7ajha8bux] {
    opacity: .62;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-event__sun-vfx[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-event__moon-vfx[b-c7ajha8bux] {
    opacity: .38;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__flare[b-c7ajha8bux] {
    animation: dreamline-sun-flare-breathe-b-c7ajha8bux 5.2s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__flare[b-c7ajha8bux] {
    animation: dreamline-sun-flare-breathe-b-c7ajha8bux 3.6s ease-in-out infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__flare--secondary[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__flare--secondary[b-c7ajha8bux] {
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.35s);
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-sun-vfx__prominence-flow[b-c7ajha8bux] {
    animation: dreamline-sun-flare-flow-b-c7ajha8bux 4s linear infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__prominence-flow[b-c7ajha8bux] {
    animation: dreamline-sun-flare-flow-b-c7ajha8bux 2.4s linear infinite;
    animation-delay: var(--dreamline-vitality-delay, -7s);
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-sun-vfx__prominence-flow--secondary[b-c7ajha8bux] {
    animation-duration: 3.1s;
    animation-direction: reverse;
    animation-delay: calc(var(--dreamline-vitality-delay, -7s) - 1.1s);
}

/* Forecast bodies keep the same celestial identity. Their material is slower
   and quieter, never replaced by a different marker type. */
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--predicted .dreamline-sun-vfx__convection--back[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--predicted .dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    animation-duration: 13.5s !important;
    opacity: .65;
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--predicted .dreamline-sun-vfx__motes[b-c7ajha8bux] {
    animation-duration: 8.1s !important;
    opacity: .65;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--predicted .dreamline-sun-vfx__convection--back[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--predicted .dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    animation-duration: 10.125s !important;
    opacity: .65;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--predicted .dreamline-sun-vfx__motes[b-c7ajha8bux] {
    animation-duration: 6.48s !important;
    opacity: .65;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--predicted .dreamline-sun-vfx__convection--back[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--predicted .dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    animation-duration: 4.2s !important;
    opacity: .65;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--predicted .dreamline-sun-vfx__motes[b-c7ajha8bux] {
    animation-duration: 3.2s !important;
    opacity: .65;
}

/* Off and Gentle (including explicit Reduced) leave every distinction visible
   while eliminating spatial motion. Gentle retains only an opacity-only
   breath; the OS preference is stricter and freezes that breath below. */
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__now-atmosphere[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__memory-overlay[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__convection--back[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__convection--front[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__motes[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__flare[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__prominence-flow[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__faculae[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__limb[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__corona-lobes[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-sun-vfx__plasma-cells[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-moon-vfx__pearl[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-moon-vfx__terminator[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-moon-vfx__mare[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__now-atmosphere[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__memory-overlay[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__convection--back[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__convection--front[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__motes[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__flare[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__prominence-flow[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__faculae[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__limb[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__corona-lobes[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__plasma-cells[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__pearl[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__terminator[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__mare[b-c7ajha8bux] {
    animation: none !important;
    transition: none !important;
}

.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-now-atmosphere__aurora[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-now-atmosphere__energy[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__memory-cloud[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__corona[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__corona-lobes[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__core[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__plasma-cells[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-sun-vfx__limb[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__pearl[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__terminator[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-moon-vfx__mare[b-c7ajha8bux] {
    animation: dreamline-gentle-opacity-b-c7ajha8bux 6s ease-in-out infinite alternate !important;
    animation-delay: var(--dreamline-vitality-delay, -7s) !important;
}

.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__connector[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__connector[b-c7ajha8bux] {
    animation: none !important;
    opacity: var(--dreamline-connector-opacity);
    stroke-dashoffset: 0;
}

/* Explicit Reduced (the effective Gentle tier) keeps the prediction glyph
   legible without its continuous opacity breath. The existing Gentle rules
   intentionally retain a small current/next ring emphasis, so only this
   nonsemantic glyph animation is frozen here. */
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-prediction-glyph] {
    animation: none !important;
}

/* A chosen event keeps its ambient material alive at reduced local amplitude;
   selection itself is the finite 520ms light sweep below, never a new timer. */
.dreamline-event.selected .dreamline-event__planet[b-c7ajha8bux] {
    --dreamline-motion-spatial-multiplier: .75;
}

.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__now-atmosphere[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__now-atmosphere *[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__now-horizon[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__memory-overlay[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__memory-overlay *[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-sun-vfx[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-sun-vfx *[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__moon-vfx[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__moon-vfx *[b-c7ajha8bux] {
    animation-play-state: paused !important;
}

.dreamline-event--temporal-midpast .dreamline-event__icon[b-c7ajha8bux] {
    --dreamline-selection-base-opacity: .9;
    opacity: var(--dreamline-selection-base-opacity);
}

.dreamline-event--temporal-oldpast .dreamline-event__icon[b-c7ajha8bux] {
    --dreamline-selection-base-opacity: .8;
    opacity: var(--dreamline-selection-base-opacity);
}

.dreamline-event--temporal-oldpast.selected .dreamline-event__icon[b-c7ajha8bux],
.dreamline-event--temporal-midpast.selected .dreamline-event__icon[b-c7ajha8bux] {
    --dreamline-selection-base-opacity: .92;
    opacity: var(--dreamline-selection-base-opacity);
}

.dreamline-event--completed[b-c7ajha8bux] {
    --planet-fill: rgba(74, 70, 112, .55);
    --planet-ring: rgba(180, 173, 220, .38);
    --planet-halo: rgba(132, 120, 188, .08);
}

.dreamline-event--predicted[b-c7ajha8bux],
.dreamline-event--future[b-c7ajha8bux] {
    --planet-fill: rgba(59, 51, 104, .5);
    --planet-ring: rgba(233, 226, 255, .84);
    --planet-halo: rgba(190, 177, 250, .2);
}

.dreamline-event--future[b-c7ajha8bux] {
    --dreamline-event-final-opacity: .76;
}

/* Predictions remain visually subordinate to the live Now planet, but their
   supplied blue-grey artwork must stay legible against the night sky on a
   phone. Do not inherit the deeper fade used by ordinary future context. */
.dreamline-event--predicted[b-c7ajha8bux] {
    --dreamline-event-final-opacity: .94;
}

.dreamline-event.confidence-high[b-c7ajha8bux],
.dreamline-node.confidence-high[b-c7ajha8bux] {
    --confidence-opacity: 1;
}

.dreamline-event.confidence-medium[b-c7ajha8bux],
.dreamline-node.confidence-medium[b-c7ajha8bux] {
    --confidence-opacity: .86;
}

.dreamline-event.confidence-low[b-c7ajha8bux],
.dreamline-node.confidence-low[b-c7ajha8bux] {
    --confidence-opacity: .62;
}

/* ---- Temporal depth: layer-specific treatments replace whole-node opacity ----
   Past nodes fade their atmosphere and terminator rather than the whole planet.
   Selected old nodes retain inspectable treatment without moving or resizing. */

/* MidPast: slightly muted atmosphere, reduced halo */
.dreamline-event--temporal-midpast .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .62;
}

.dreamline-event--temporal-midpast[b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"] {
    opacity: .68;
}

.dreamline-event--temporal-midpast[b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"] {
    opacity: .72;
}

/* OldPast: deeper fade, but still selectable and tappable */
.dreamline-event--temporal-oldpast .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .38;
}

.dreamline-event--temporal-oldpast .dreamline-event__dot[b-c7ajha8bux] {
    opacity: .64;
}

.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"] {
    opacity: .46;
}

.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"] {
    opacity: .52;
}

.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"] {
    opacity: .6;
}

.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"] {
    opacity: .34;
}

.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"],
.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    opacity: .52;
}

/* Selected / Primary nodes regain full inspectable treatment regardless of age */
.dreamline-event--temporal-oldpast.selected .dreamline-event__dot[b-c7ajha8bux],
.dreamline-event--temporal-midpast.selected .dreamline-event__dot[b-c7ajha8bux] {
    opacity: 1;
}

.dreamline-event--temporal-oldpast.selected .dreamline-event__halo[b-c7ajha8bux],
.dreamline-event--temporal-midpast.selected .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .82;
}

.dreamline-event--temporal-oldpast.selected[b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"],
.dreamline-event--temporal-midpast.selected[b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"] {
    opacity: .88;
}

.dreamline-event--temporal-oldpast.selected[b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"],
.dreamline-event--temporal-midpast.selected[b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"] {
    opacity: .86;
}

.dreamline-event--temporal-oldpast.selected[b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"] {
    opacity: .84;
}

.dreamline-event--completed[b-c7ajha8bux] {
    --dreamline-event-final-opacity: .82;
}

.dreamline-event.primary-next[b-c7ajha8bux],
.dreamline-event--current[b-c7ajha8bux] {
    --dreamline-event-final-opacity: 1;
}

.dreamline-event--current[b-c7ajha8bux] {
    --planet-fill: rgba(52, 62, 96, .42);
    --planet-ring: rgba(241, 255, 252, .98);
    --planet-halo: rgba(169, 241, 229, .3);
}

.dreamline-event--current .dreamline-event__dot[b-c7ajha8bux] {
    animation: dreamline-current-breathe-b-c7ajha8bux 4.8s ease-in-out infinite;
}

.dreamline-event--current .dreamline-event__icon[b-c7ajha8bux] {
    filter: saturate(1.08) brightness(1.03) drop-shadow(0 6px 9px rgba(2, 5, 18, .38));
}

.dreamline-event.primary-next .dreamline-event__icon[b-c7ajha8bux] {
    filter: saturate(1.04) brightness(1.02) drop-shadow(0 6px 9px rgba(2, 5, 18, .38));
}

/* Small-scale celestial material contract
   ----------------------------------------
   Body type is an independent server-authored channel. At the 35-52px phone
   floor, the approved gradients still contain the intended construction, but
   their low-frequency layers collapse together unless the host preserves local
   contrast. These rules affect paint only: no transform, radius, envelope,
   anchor, collision bound, or interaction target changes here.

   Both semantic layer vocabularies are covered: the recorded-master vocabulary
   and the protected prediction-glyph vocabulary. The masters and glyph source
   files remain byte exact. */
.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-planet-layer="planet-core"],
.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-layered-layer="body"] {
    filter: saturate(1.2) contrast(1.32) brightness(.86);
}

.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"],
.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-layered-layer="surface-texture"] {
    opacity: 1;
    filter: saturate(1.42) contrast(1.72) brightness(.72);
    mix-blend-mode: multiply;
}

.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"],
.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-layered-layer="shadow"] {
    opacity: .86;
    filter: saturate(1.25) contrast(1.42) brightness(.66);
}

.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-planet-layer="rim-light"],
.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-layered-layer="rim-light"] {
    opacity: .9;
    filter: saturate(1.18) contrast(1.24);
}

.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"],
.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-layered-layer="atmosphere-back"] {
    opacity: .54;
}

.dreamline-event[data-dreamline-material-family="sun"][b-c7ajha8bux]  [data-dreamline-layered-layer="halo"] {
    opacity: .24;
}

/* Prediction masters deliberately keep their inner painted body smaller than
   the shared semantic frame. Their exact-size host dot is the authoritative
   semantic core, so type-specific underpaint restores the promised physical
   body floor behind the untouched glyph instead of scaling or editing it. */
.dreamline-event--predicted[data-dreamline-material-family="sun"] .dreamline-event__dot[b-c7ajha8bux] {
    fill: var(--dreamline-paint-sun-underpaint);
    opacity: 1;
}

.dreamline-event--predicted[data-dreamline-material-family="moon"] .dreamline-event__dot[b-c7ajha8bux] {
    fill: var(--dreamline-paint-moon-underpaint);
    opacity: 1;
}

.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-planet-layer="planet-core"],
.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-layered-layer="body"] {
    filter: saturate(.88) contrast(1.46) brightness(1.12);
}

.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"],
.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-layered-layer="surface-texture"] {
    opacity: 1;
    filter: saturate(.82) contrast(1.88) brightness(.94);
    mix-blend-mode: soft-light;
}

.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"] ellipse {
    opacity: .56;
}

.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"],
.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-layered-layer="shadow"] {
    opacity: .92;
    filter: saturate(.84) contrast(1.68) brightness(.5);
}

.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-planet-layer="rim-light"],
.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-layered-layer="rim-light"] {
    opacity: .98;
    filter: saturate(.76) contrast(1.34) brightness(1.38);
}

.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"],
.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-layered-layer="atmosphere-back"] {
    opacity: .5;
}

.dreamline-event[data-dreamline-material-family="moon"][b-c7ajha8bux]  [data-dreamline-layered-layer="halo"] {
    opacity: .18;
}

/* Now focal-energy contract
   -------------------------
   Now is the one living world and the energy source of the instrument. Its
   authority comes from stronger internal separation and a local blue-violet
   bloom, not from another ring or a larger radius. Everything remains inside
   the already-authored salient clip, so the 50px core / 58px P95 contract,
   collision envelope, exact timestamp pin, and 48px control do not change. */
.dreamline-event[data-dreamline-screen-role="now"] .dreamline-event__planet[b-c7ajha8bux] {
    opacity: 1;
}

.dreamline-event[data-dreamline-screen-role="now"] .dreamline-event__icon[b-c7ajha8bux] {
    filter: saturate(1.18) contrast(1.08) brightness(1.03)
        drop-shadow(0 0 8px rgba(107, 192, 255, .24))
        drop-shadow(0 6px 9px rgba(2, 5, 18, .38));
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="planet-core"] {
    filter: saturate(1.16) contrast(1.12) brightness(1.02);
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="terminator-shadow"] {
    opacity: .9;
    filter: saturate(1.08) contrast(1.18) brightness(.84);
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] {
    filter: saturate(1.12) contrast(1.22);
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] path {
    opacity: .46;
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    opacity: .94;
    filter: saturate(1.18) contrast(1.16);
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="halo"] {
    opacity: .76;
    filter: saturate(1.24) contrast(1.1);
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"] {
    opacity: .42;
}

.dreamline-event[data-dreamline-screen-role="now"][b-c7ajha8bux]  [data-dreamline-planet-layer="rim-light"] {
    opacity: .58;
}

.dreamline-event[data-dreamline-screen-role="now"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    opacity: .74;
}

.dreamline-event[data-dreamline-screen-role="now"][data-dreamline-current-sleeping="true"] .dreamline-event__now-horizon[b-c7ajha8bux] {
    opacity: .56;
}

.dreamline-event[data-dreamline-screen-role="now"] .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .46;
}

/* The procedural plasma is host composition, not approved source artwork.
   Open asymmetric arcs expose the master's granulation and limb instead of
   resolving as filled yellow plates or a clipped estimated-endpoint ellipse. */
.dreamline-event__sun-vfx > .dreamline-sun-vfx__corona[b-c7ajha8bux] {
    fill: rgba(255, 176, 72, .08);
    stroke: rgba(255, 226, 166, .68);
}

.dreamline-event__sun-vfx .dreamline-sun-vfx__convection--back[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(229, 139, 38, .62);
    stroke-width: 1.2;
}

.dreamline-event__sun-vfx .dreamline-sun-vfx__convection--front[b-c7ajha8bux] {
    fill: none;
    stroke: rgba(255, 250, 224, .92);
    stroke-width: 1.05;
}

.dreamline-event__sun-core-underpaint[b-c7ajha8bux] {
    opacity: .34;
}

.dreamline-event__sun-core-underpaint > .dreamline-sun-vfx__core[b-c7ajha8bux] {
    fill: var(--dreamline-paint-sun-hot-core);
    transform-box: fill-box;
    transform-origin: center;
}

/* Now's dedicated blue-violet bloom breathes without changing its authored
   radius. The active ring remains the only persistent Current contour. */
.dreamline-event--current .dreamline-event__halo[b-c7ajha8bux] {
    animation: dreamline-halo-breathe-b-c7ajha8bux 4.8s ease-in-out infinite;
}

.dreamline-event.primary-next .dreamline-event__dot[b-c7ajha8bux],
.dreamline-event.selected .dreamline-event__dot[b-c7ajha8bux] {
    filter: drop-shadow(0 0 12px rgba(213, 205, 255, .48)) drop-shadow(0 8px 12px rgba(2, 5, 18, .34));
}

.dreamline-event.primary-next:not(.selected) .dreamline-event__dot[b-c7ajha8bux] {
    stroke-width: 3;
}

/*
    One selected state, one outline. The selected ring overlay is already a
    crisp circle just outside the planet body, so the generic halo and the dot's
    own stroke sitting at almost the same radius only added contours - three
    concentric circles read as planets stacked on planets rather than as one
    chosen planet. The glow stays; the extra edges go.
*/
.dreamline-event.selected .dreamline-event__halo[b-c7ajha8bux] {
    opacity: .12;
}

.dreamline-event.selected .dreamline-event__dot[b-c7ajha8bux] {
    stroke: transparent;
}

/* The artwork's own edge strokes stand down while a planet is selected. The
   rule lives at the end of the stylesheet, after the rim-shimmer animation,
   because a keyframe that drives opacity beats a static declaration no matter
   how the two rules are ordered — see the selected-edge block below. */

.dreamline-event.primary-next .dreamline-event__halo[b-c7ajha8bux] {
    animation: dreamline-primary-halo-b-c7ajha8bux 8.6s ease-in-out infinite alternate;
}

.dreamline-event.approaching .dreamline-event__halo[b-c7ajha8bux] {
    animation: dreamline-approaching-b-c7ajha8bux 2.4s ease-in-out infinite;
}

/* A prediction's soft mass now comes entirely from its state-overlay bloom,
   which is authored as a gradient with no edge anywhere in it. This disc sat
   underneath that bloom at a fixed radius, so the two masses resolved as two
   separate circles at phone node size — one of the contours that made a
   prediction read as a reticle. Emphasis between ordinary, primary and
   approaching predictions is carried by the overlay's warmth instead, so the
   three opacity steps that used to live here are gone with it. */
.dreamline-event--predicted .dreamline-event__halo[b-c7ajha8bux] {
    opacity: 0;
}

/* Sleep/awake state belongs around the live planet, not inside it. The state
   attribute is already emitted from server-authoritative active-session data;
   changing only the halo keeps the Now artwork singular and readable. */
.dreamline-event--current[data-dreamline-current-sleeping="true"] .dreamline-event__halo[b-c7ajha8bux] {
    fill: rgba(151, 123, 246, .3);
}

.dreamline-event--current[data-dreamline-current-sleeping="false"] .dreamline-event__halo[b-c7ajha8bux] {
    fill: rgba(103, 190, 255, .3);
}

/* The nap asset carries a literal Z motif for source fidelity. At phone size
   it can dominate the orbit/cloud silhouette, so soften only that semantic
   layer; bedtime and wake retain their full supplied traces. */
.dreamline-event--predicted .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-prediction-glyph="nap"] [data-dreamline-layered-layer="semantic-motif"] {
    opacity: .42;
}

/* --- Layer-level motion for layered SVG events ----------------------------- */

.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="ring-main"],
.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="ring-back"],
.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="ring-front"] {
    transform-box: fill-box;
    transform-origin: center;
    animation: dreamline-v5-ring-tilt-b-c7ajha8bux 42s linear infinite;
}

/* Cloud bands stay attached to the planet but change projected width and
   depth. The back band recedes as the front band advances, which reads as a
   slow roll around the sphere's x-axis rather than a flat card rotation. */
.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="clouds-back"],
.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="atmosphere-back"] {
    transform-box: fill-box;
    transform-origin: center;
    animation: dreamline-v5-cloud-parallax-back-b-c7ajha8bux 14s ease-in-out infinite;
}

.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="clouds-front"] {
    transform-box: fill-box;
    transform-origin: center;
    animation: dreamline-v5-cloud-parallax-front-b-c7ajha8bux 14s ease-in-out infinite;
}

.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="halo"],
.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="rim-light"] {
    animation: dreamline-v5-breathe-b-c7ajha8bux 7.2s ease-in-out infinite;
}

.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="ring-dust"],
.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="sparkles"] {
    animation: dreamline-v5-twinkle-b-c7ajha8bux 6.4s ease-in-out infinite;
}

.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer="state-overlay"],
.dreamline-event.selected[b-c7ajha8bux]  [data-dreamline-layered-layer="state-overlay"],
.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-layered-layer="state-overlay"] {
    animation: dreamline-state-overlay-reveal-b-c7ajha8bux 520ms cubic-bezier(.2, .8, .2, 1) both;
}

/* Selected-state emphasis keeps an expanded halo/ring ring */
.dreamline-event.selected[b-c7ajha8bux]  [data-dreamline-ring="selected"] {
    animation: none;
    stroke-width: 1.8 !important;
    opacity: .96;
}

.dreamline-event--bedtime.continuity[b-c7ajha8bux] {
    --planet-fill: rgba(75, 67, 111, .55);
    --planet-ring: rgba(238, 211, 151, .76);
    --planet-halo: rgba(226, 196, 136, .13);
}

.dreamline-event--wake.continuity[b-c7ajha8bux] {
    --planet-ring: rgba(205, 235, 224, .7);
}

.dreamline-annotations[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-comparison-branch line[b-c7ajha8bux] {
    stroke: rgba(183, 174, 224, .35);
    stroke-width: 1;
    stroke-dasharray: 3 5;
}

.dreamline-comparison-branch circle[b-c7ajha8bux] {
    fill: rgba(207, 199, 245, .72);
}

.dreamline-node-layer[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-node-positioner[b-c7ajha8bux] {
    position: absolute;
    z-index: 4;
    width: 48px;
    height: 48px;
    margin: 0;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.dreamline-node-positioner.dreamline-node--current[b-c7ajha8bux] {
    z-index: 8;
}

.dreamline-node-positioner.dreamline-node--predicted[b-c7ajha8bux],
.dreamline-node-positioner.dreamline-node--future[b-c7ajha8bux] {
    z-index: 7;
}

.dreamline-node-positioner.stack-member-hidden[b-c7ajha8bux] {
    z-index: 5;
    pointer-events: none;
}

.dreamline-node-positioner.stacked:not(.stack-member-hidden)[b-c7ajha8bux] {
    z-index: 9;
}

.dreamline-node[b-c7ajha8bux] {
    position: relative;
    z-index: inherit;
    display: block;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: transparent;
    pointer-events: auto;
    transform: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.dreamline-node--current[b-c7ajha8bux] {
    z-index: 8;
}

.dreamline-node--predicted[b-c7ajha8bux],
.dreamline-node--future[b-c7ajha8bux] {
    z-index: 7;
}

.dreamline-node.stack-member-hidden[b-c7ajha8bux] {
    z-index: 5;
    pointer-events: none;
}

.dreamline-node.stacked:not(.stack-member-hidden)[b-c7ajha8bux] {
    z-index: 9;
}

.dreamline-node.stacked .dreamline-node__hit[b-c7ajha8bux] {
    inset: 0;
}

.dreamline-node__hit[b-c7ajha8bux] {
    position: absolute;
    inset: 3px;
    border: 1px solid transparent;
    border-radius: inherit;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

/*
    Hover and keyboard focus only. Selection used to light this ring too, which
    stacked a fourth circle outside the selected planet's own ring; selection is
    now shown by the ring and named in the detail panel, so this stays a pointer
    and focus affordance.
*/
.dreamline-node:hover .dreamline-node__hit[b-c7ajha8bux],
.dreamline-node:focus-visible .dreamline-node__hit[b-c7ajha8bux] {
    border-color: rgba(225, 219, 255, .52);
    box-shadow: 0 0 0 5px rgba(192, 181, 249, .11);
    transform: scale(1.08);
}

.dreamline-node:focus-visible[b-c7ajha8bux] {
    outline: none;
}

/*
    The selected event, explained in words, below the stage. It sits outside the
    SVG on purpose: nothing here competes with the orbit for space, so a tapped
    planet's meaning cannot be reduced to a floating timestamp. Body text stays
    at 1rem so it is legible at 320px.
*/
.dreamline-detail[b-c7ajha8bux] {
    width: min(430px, 100%);
    margin: 0 auto 14px;
    padding: 14px 16px 16px;
    border: 1px solid rgba(214, 207, 255, .14);
    border-radius: 18px;
    background: rgba(9, 17, 38, .5);
}

.dreamline-detail__eyebrow[b-c7ajha8bux] {
    margin: 0 0 2px;
    color: rgba(196, 188, 240, .82);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dreamline-detail__title[b-c7ajha8bux] {
    margin: 0;
    color: #f6f3ff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.25;
}

.dreamline-detail__time[b-c7ajha8bux] {
    margin: 2px 0 0;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
}

.dreamline-detail__source[b-c7ajha8bux] {
    margin: 6px 0 0;
    color: rgba(206, 199, 244, .92);
    font-size: 1rem;
    font-weight: 600;
}

.dreamline-detail__meaning[b-c7ajha8bux] {
    margin: 2px 0 0;
    color: rgba(226, 221, 250, .88);
    font-size: 1rem;
    line-height: 1.4;
}

.dreamline-detail__fact[b-c7ajha8bux] {
    margin: 6px 0 0;
    color: rgba(198, 191, 236, .8);
    font-size: .92rem;
    line-height: 1.4;
}

/*
    One press between "what did I tap" and everything else. Sized as a real
    touch target rather than a text link, because on a phone this is the only
    control inside the readout.
*/
.dreamline-detail__toggle[b-c7ajha8bux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    margin-top: 10px;
    padding: 8px 14px;
    border: 1px solid rgba(205, 197, 250, .24);
    border-radius: 14px;
    color: #f1eeff;
    background: rgba(151, 137, 219, .12);
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.dreamline-detail__toggle:hover[b-c7ajha8bux] {
    border-color: rgba(222, 215, 255, .34);
    background: rgba(151, 137, 219, .2);
}

.dreamline-detail__toggle:focus-visible[b-c7ajha8bux] {
    outline: 3px solid var(--dr-focus, #f2c46d);
    outline-offset: 2px;
}

.dreamline-detail__static-details > summary[b-c7ajha8bux],
.dream-engine__static-details > summary[b-c7ajha8bux] {
    list-style: none;
    cursor: pointer;
}

.dreamline-detail__static-details > summary[b-c7ajha8bux]::-webkit-details-marker,
.dream-engine__static-details > summary[b-c7ajha8bux]::-webkit-details-marker {
    display: none;
}

.dreamline-detail__static-details > summary[b-c7ajha8bux]::marker,
.dream-engine__static-details > summary[b-c7ajha8bux]::marker {
    content: "";
}

.dreamline-detail__static-details .dreamline-return-now[b-c7ajha8bux] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.dreamline-detail__body[b-c7ajha8bux] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(214, 207, 255, .12);
}

.dreamline-detail__body > :first-child[b-c7ajha8bux] {
    margin-top: 0;
}

.dreamline-detail__disclaimer[b-c7ajha8bux] {
    margin: 10px 0 0;
    color: rgba(198, 191, 236, .82);
    font-size: .88rem;
    line-height: 1.4;
}

/*
    The forecast record, after guidance, as a link rather than a card. It is
    deliberately quiet: reaching it should never feel more urgent than reading
    the orbit.
*/
.dreamline-forecast-link[b-c7ajha8bux] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-top: 14px;
    padding: 6px 2px;
    color: rgba(206, 199, 244, .92);
    font-size: .9rem;
    font-weight: 640;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.dreamline-forecast-link:hover[b-c7ajha8bux] {
    color: #f4f1ff;
}

.dreamline-forecast-link:focus-visible[b-c7ajha8bux] {
    outline: 3px solid var(--dr-focus, #f2c46d);
    outline-offset: 3px;
    border-radius: 8px;
}

.dreamline-return-now[b-c7ajha8bux] {
    min-height: 44px;
    padding: 8px 15px;
    border: 1px solid rgba(205, 197, 250, .28);
    border-radius: 999px;
    color: #f4f1ff;
    background: rgba(151, 137, 219, .15);
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.dreamline-return-now:hover[b-c7ajha8bux] {
    border-color: rgba(222, 215, 255, .34);
    background: rgba(151, 137, 219, .24);
}

.dreamline-return-now:focus-visible[b-c7ajha8bux] {
    outline: 3px solid var(--dr-focus, #f2c46d);
    outline-offset: 2px;
}

.dreamline-detail .dreamline-return-now[b-c7ajha8bux] {
    margin-top: 14px;
}

.dreamline-guidance[b-c7ajha8bux] {
    padding: clamp(16px, 2.6vw, 24px);
    border: 1px solid rgba(214, 207, 255, .11);
    border-radius: 22px;
    background: rgba(5, 12, 29, .34);
}

.dreamline-guidance-heading[b-c7ajha8bux] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px 16px;
}

.dreamline-guidance-heading > div[b-c7ajha8bux] { flex: 1 0 10rem; min-width: 0; }
.dreamline-guidance-heading .badge[b-c7ajha8bux] { max-width: 100%; white-space: normal; }

.dreamline-guidance-heading h3[b-c7ajha8bux] {
    margin: 2px 0 0;
    font-size: clamp(1rem, 2vw, 1.18rem);
}

.prediction-label[b-c7ajha8bux] {
    margin: 18px 0 2px;
    color: rgba(217, 212, 239, .72);
    font-size: .82rem;
    font-weight: 680;
}

.prediction-time[b-c7ajha8bux] {
    margin: 0;
}

.prediction-value[b-c7ajha8bux] {
    color: #faf9ff;
    font-size: clamp(1.55rem, 4vw, 2.2rem);
    font-weight: 780;
    letter-spacing: -.045em;
}

/* Names the range in words directly under the estimate, so the window's
   opening is never mistaken for the estimated time. It carries the meaning in
   text rather than in the track's colour. */
.prediction-window-label[b-c7ajha8bux] {
    margin: 14px 0 0;
    color: rgba(211, 206, 232, .78);
    font-size: .78rem;
    font-weight: 650;
}

/* Tonight's bedtime when the headline is something else, e.g. a nap now. */
.prediction-secondary[b-c7ajha8bux] {
    margin: 12px 0 0;
    color: rgba(211, 206, 232, .82);
    font-size: .82rem;
    font-weight: 650;
}

.prediction-window[b-c7ajha8bux] {
    display: grid;
    grid-template-columns: auto minmax(70px, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    color: rgba(211, 206, 232, .72);
    font-size: .76rem;
    font-weight: 650;
}

.window-track[b-c7ajha8bux] {
    position: relative;
    height: 5px;
    overflow: visible;
    border-radius: 999px;
    background: rgba(197, 188, 240, .14);
}

.window-track[b-c7ajha8bux]::before {
    content: "";
    position: absolute;
    inset: 0;
    width: var(--window-progress, 50%);
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(159, 216, 207, .65), rgba(198, 189, 255, .72));
}

.window-track i[b-c7ajha8bux] {
    position: absolute;
    top: 50%;
    left: var(--window-progress, 50%);
    width: 10px;
    height: 10px;
    border: 2px solid rgba(244, 241, 255, .9);
    border-radius: 50%;
    background: #8d82ca;
    box-shadow: 0 0 10px rgba(198, 189, 255, .5);
    transform: translate(-50%, -50%);
}

.dream-engine[b-c7ajha8bux] {
    margin-top: 20px;
    border-top: 1px solid rgba(214, 207, 255, .1);
    padding-top: 14px;
}

.dream-engine__toggle[b-c7ajha8bux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 10px 0;
    border: 0;
    color: rgba(241, 238, 255, .92);
    background: transparent;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.dream-engine__toggle span:first-child[b-c7ajha8bux] {
    display: grid;
    gap: 3px;
}

.dream-engine__toggle small[b-c7ajha8bux] {
    color: rgba(194, 188, 218, .68);
    font-size: .75rem;
    font-weight: 560;
}

.dream-engine__static-details > summary[b-c7ajha8bux] {
    width: 100%;
}

.dream-engine__body[b-c7ajha8bux] {
    display: grid;
    gap: 12px;
    padding-top: 8px;
}

.prediction-model-list[b-c7ajha8bux] {
    display: grid;
    gap: 10px;
}

.prediction-model[b-c7ajha8bux] {
    padding: 13px 14px;
    border: 1px solid rgba(214, 207, 255, .1);
    border-radius: 16px;
    background: rgba(255, 255, 255, .025);
}

.prediction-model.is-selected[b-c7ajha8bux] {
    border-color: rgba(187, 176, 244, .26);
    background: rgba(149, 135, 219, .08);
}

.prediction-model-heading[b-c7ajha8bux] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.prediction-model-heading span[b-c7ajha8bux] {
    color: rgba(191, 184, 217, .7);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.prediction-model p[b-c7ajha8bux] {
    margin: 7px 0 0;
    color: rgba(211, 206, 231, .74);
    font-size: .82rem;
    line-height: 1.5;
}

.prediction-model-time[b-c7ajha8bux] {
    color: rgba(244, 241, 255, .94) !important;
    font-weight: 720;
}

.prediction-model-reason[b-c7ajha8bux],
.prediction-model-intro[b-c7ajha8bux] {
    color: rgba(190, 184, 214, .7) !important;
}

.prediction-explanation[b-c7ajha8bux] {
    display: grid;
    gap: 5px;
    margin-top: 18px;
    padding: 14px 15px;
    border: 1px solid rgba(199, 190, 244, .14);
    border-radius: 15px;
    background: rgba(255, 255, 255, .025);
}

.prediction-explanation p[b-c7ajha8bux] {
    margin: 0;
    color: rgba(224, 219, 242, .82);
    font-size: .9rem;
    line-height: 1.55;
}

.prediction-explanation .prediction-explanation__label[b-c7ajha8bux] {
    color: rgba(194, 184, 244, .78);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dreamline-geometry-debug[b-c7ajha8bux] {
    display: grid;
    gap: 4px;
    margin: 12px 0;
    padding: 12px;
    border: 1px solid rgba(255, 202, 128, .25);
    border-radius: 14px;
    color: rgba(255, 235, 205, .86);
    background: rgba(38, 25, 14, .62);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .68rem;
}

.dreamline-loading-track[b-c7ajha8bux] {
    height: 220px;
    margin-top: 14px;
    border-radius: 24px;
    background: linear-gradient(100deg, rgba(255,255,255,.025), rgba(255,255,255,.075), rgba(255,255,255,.025));
    background-size: 220% 100%;
    animation: dreamline-loading-b-c7ajha8bux 1.8s ease-in-out infinite;
}

@keyframes dreamline-guidance-flow-b-c7ajha8bux {
    to { stroke-dashoffset: -54; }
}

@keyframes dreamline-node-reveal-b-c7ajha8bux {
    from { opacity: 0; }
    to { opacity: var(--dreamline-event-final-opacity, 1); }
}

@keyframes dreamline-current-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .72; transform: scale(1); }
    50% { opacity: 1; transform: scale(1); }
}

@keyframes dreamline-halo-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .34; transform: scale(calc(1 - .08 * var(--dreamline-motion-spatial-multiplier, 1))); }
    50% { opacity: .7; transform: scale(calc(1 + .08 * var(--dreamline-motion-spatial-multiplier, 1))); }
}

@keyframes dreamline-ring-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .68; }
    50% { opacity: 1; }
}

@keyframes dreamline-primary-halo-b-c7ajha8bux {
    from { opacity: .26; transform: scale(calc(1 - .06 * var(--dreamline-motion-spatial-multiplier, 1))); }
    to { opacity: .58; transform: scale(calc(1 + .08 * var(--dreamline-motion-spatial-multiplier, 1))); }
}

@keyframes dreamline-approaching-b-c7ajha8bux {
    0%, 100% { opacity: .25; }
    50% { opacity: .78; }
}

@keyframes dreamline-loading-b-c7ajha8bux {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

/* ---- Planet motion tiers ----
   Mutually exclusive animation treatment inside the body wrapper only.
   Desynchronized with deterministic negative phase offsets.
   Past tiers (MidPast, OldPast) run no cloud/sparkle motion. */

/* Motion here is driven by a node's role in the day — live, authoritative,
   approaching — never by the caregiver having tapped it. Selection must not
   *start* motion: tapping a quiet past planet still leaves it quiet, because a
   tap is a request to read something, not to animate it.

   Selection must not stop motion either. Suppressing every internal layer on
   the selected node froze the live planet the moment it was tapped, which on
   device read as the orbit having died. The two edge strokes that fight the
   selection ring still stand down (see the selection-ring note below); the
   body's own clouds, surface, and sparkle keep whatever their temporal tier
   already earned. */

.dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer] {
    transform-box: fill-box;
    transform-origin: center;
}

/* Primary: the authoritative next event — slow pulse */
.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"] {
    animation: dreamline-halo-breathing-b-c7ajha8bux 5.6s ease-in-out infinite;
    animation-delay: -3.2s;
}

/* Approaching: prediction near its window — quick alert pulse */
.dreamline-event.approaching[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"] {
    animation: dreamline-approaching-pulse-b-c7ajha8bux 3.4s ease-in-out infinite;
    animation-delay: -1.8s;
}

@keyframes dreamline-approaching-pulse-b-c7ajha8bux {
    0%, 100% { opacity: .32; }
    50% { opacity: .84; }
}

/* Future: predicted or routine ahead — slow drift */
.dreamline-event--future[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] {
    animation: dreamline-cloud-drift-back-b-c7ajha8bux 14s ease-in-out infinite;
    animation-delay: -7s;
}
.dreamline-event--future[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    animation: dreamline-cloud-drift-front-b-c7ajha8bux 18s ease-in-out infinite;
    animation-delay: -11s;
}

/* Quiet: completed, non-selected — minimal cloud motion */
.dreamline-event--completed[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] {
    animation: dreamline-cloud-drift-back-b-c7ajha8bux 28s ease-in-out infinite;
    animation-delay: -16s;
}
.dreamline-event--completed[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    animation: dreamline-cloud-drift-front-b-c7ajha8bux 34s ease-in-out infinite;
    animation-delay: -19s;
}

/* An older memory is quieter through its veil, not a static or undersized
   substitute. Its material retains the same restrained internal motion. */
.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"],
.dreamline-event--temporal-oldpast[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    animation-play-state: running;
}

/* MidPast: reduced sparkle */
.dreamline-event--temporal-midpast[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"] {
    animation: dreamline-sparkle-twinkle-b-c7ajha8bux 14s ease-in-out infinite;
    animation-delay: -6s;
}

/* Current breathes */
.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"] {
    animation: dreamline-halo-breathing-b-c7ajha8bux 4.2s ease-in-out infinite;
    animation-delay: -2.1s;
}

/* The live planet is the most active body: the two cloud sheets move at
   different rates while the timestamp bearing itself remains fixed. */
.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] {
    animation: dreamline-cloud-drift-back-b-c7ajha8bux 8s ease-in-out infinite;
    animation-delay: -3s;
}

.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    animation: dreamline-cloud-drift-front-b-c7ajha8bux 11s ease-in-out infinite;
    animation-delay: -6s;
}

.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] {
    animation: dreamline-cloud-drift-back-b-c7ajha8bux 20s ease-in-out infinite;
    animation-delay: -9s;
}

.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    animation: dreamline-cloud-drift-front-b-c7ajha8bux 25s ease-in-out infinite;
    animation-delay: -14s;
}

@keyframes dreamline-halo-breathing-b-c7ajha8bux {
    0%, 100% { opacity: .52; }
    50% { opacity: .82; }
}

@keyframes dreamline-cloud-drift-back-b-c7ajha8bux {
    0% { transform: translateX(0); }
    50% { transform: translateX(calc(4px * var(--dreamline-motion-spatial-multiplier, 1))); }
    100% { transform: translateX(0); }
}

@keyframes dreamline-cloud-drift-front-b-c7ajha8bux {
    0% { transform: translateX(0); }
    50% { transform: translateX(calc(-6px * var(--dreamline-motion-spatial-multiplier, 1))); }
    100% { transform: translateX(0); }
}

/* Sparkle twinkle: applied only to future/recent nodes */
.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"],
.dreamline-event--future[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"],
.dreamline-event--predicted[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"] {
    animation: dreamline-sparkle-twinkle-b-c7ajha8bux 7.5s ease-in-out infinite;
    animation-delay: -4s;
}
.dreamline-event:nth-child(odd)[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"] {
    animation-delay: -8s;
}

.dreamline-event.approaching[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"] {
    animation: dreamline-sparkle-twinkle-b-c7ajha8bux 3.8s ease-in-out infinite;
    filter: brightness(1.24);
}

@keyframes dreamline-sparkle-twinkle-b-c7ajha8bux {
    0%, 100% { opacity: .42; }
    25% { opacity: .82; }
    50% { opacity: .34; }
    75% { opacity: .7; }
}

/* ---- Responsive: soften panel boundary, recover mobile width ---- */
@media (max-width: 600px) {
    .dreamline-panel[b-c7ajha8bux] {
        padding: clamp(18px, 2.8vw, 28px) clamp(12px, 2.2vw, 20px) clamp(14px, 1.8vw, 22px);
        border-radius: 26px;
        border-color: rgba(178, 186, 245, .14);
    }

    .dreamline-stage[b-c7ajha8bux] {
        border-radius: 18px;
    }
}

.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"] {
    animation: dreamline-surface-drift-b-c7ajha8bux 14s ease-in-out infinite;
}
.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"] {
    animation: dreamline-surface-drift-b-c7ajha8bux 18s ease-in-out infinite;
}

@keyframes dreamline-surface-drift-b-c7ajha8bux {
    0% { transform: translateY(0); }
    50% { transform: translateY(calc(1.2px * var(--dreamline-motion-spatial-multiplier, 1))); }
    100% { transform: translateY(0); }
}

.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="rim-light"] {
    animation: dreamline-rim-shimmer-b-c7ajha8bux 6s ease-in-out infinite;
}
.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="rim-light"] {
    animation: dreamline-rim-shimmer-b-c7ajha8bux 8.5s ease-in-out infinite;
}

.dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="state-overlay"],
.dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="state-overlay"] {
    animation: dreamline-state-glow-b-c7ajha8bux 5.2s ease-in-out infinite;
}

@keyframes dreamline-state-glow-b-c7ajha8bux {
    0%, 100% { opacity: .04; }
    50% { opacity: .18; }
}

/*
    The planet artwork draws its own edge twice — an atmosphere stroke just
    outside the body and a rim light on it. Unselected that reads as one soft
    edge, but the selection ring sits further out again, so a chosen planet
    showed a contour at the body and a detached ring around it: a bullseye on
    device even where it looked clean at desktop scale. The selection ring is
    the outline while a planet is selected, so both artwork edge strokes stand
    down and come straight back when it is deselected.

    The rim shimmer has to be cancelled alongside the opacity: it animates the
    same property, and a running keyframe wins over a static declaration
    regardless of specificity or source order. Hiding the layer without also
    stopping the animation leaves the edge pulsing between .4 and .64, which is
    how a selected primary-next planet kept its second contour.
*/
.dreamline-event.selected[b-c7ajha8bux]  [data-dreamline-planet-layer="atmosphere-back"],
.dreamline-event.selected[b-c7ajha8bux]  [data-dreamline-planet-layer="rim-light"] {
    animation: none;
    opacity: 0;
}

.dreamline-event.selected .dreamline-event__planet[b-c7ajha8bux] {
    animation: none;
}

/* Selection is a single finite, geometry-neutral material sweep. The icon's
   opacity may acknowledge the action, but its semantic core and composed
   envelopes cannot scale: Now's dominance contract applies at every animation
   phase, not only after the sweep settles. The selected ring is static; it
   carries the persistent state after this sweep completes. */
.dreamline-event.selected:not(.dreamline-event--current) .dreamline-event__icon[b-c7ajha8bux] {
    animation: dreamline-selection-sweep-b-c7ajha8bux 520ms cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes dreamline-selection-sweep-b-c7ajha8bux {
    0% { opacity: calc(var(--dreamline-selection-base-opacity, 1) * .78); }
    45% { opacity: calc(var(--dreamline-selection-base-opacity, 1) * 1.08); }
    100% { opacity: var(--dreamline-selection-base-opacity, 1); }
}

@keyframes dreamline-state-overlay-reveal-b-c7ajha8bux {
    0% { opacity: .04; transform: scale(.96); }
    55% { opacity: .22; transform: scale(1.025); }
    100% { opacity: 1; transform: scale(1); }
}

/*
    Past events carry no ring of their own. The generic halo is a filled disc
    sitting a planet-radius-plus-16 out from the body, and at the .38–.5 the
    temporal tiers gave it, its edge resolved as a circle — so every recorded
    event looked ringed even though no ring overlay was ever emitted for one.
    Only the live, predicted and selected states earn a contour.
*/
.dreamline-event--completed .dreamline-event__halo[b-c7ajha8bux] {
    opacity: 0;
}

/*
    The artwork's own glow goes with it on past events. It adds about 14% to a
    planet's visual footprint — 3.7px on a recorded event at phone width — and
    that overhang is what made two crowded past planets bleed into each other
    even once their bodies were clear of one another. Dropping it here buys the
    separation without moving any planet off its rail anchor, which is the
    trade the alternative (raising MinimumPlanetSeparation from 108 to ~141)
    would have forced.

    The live and predicted states keep their glow: that is where it carries
    meaning, and those two are never the crowded ones. Restoring it everywhere
    is a one-line revert if the flatter past planets read worse in practice.
*/
.dreamline-event--completed[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"] {
    opacity: 0;
}

@keyframes dreamline-rim-shimmer-b-c7ajha8bux {
    0%, 100% { opacity: .4; }
    50% { opacity: .64; }
}

/* History and low-confidence nodes stay calm. */
.dreamline-event.confidence-low[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"],
.dreamline-event.confidence-low[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"],
.dreamline-event.confidence-low[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"],
.dreamline-event.confidence-medium[b-c7ajha8bux]  [data-dreamline-planet-layer="sparkles"] {
    animation-duration: 30s !important;
}

/* ── Phased introduction ─────────────────────────────────────────── */

@media (max-width: 640px) {
    /* No label display swap here. The eight three-hour numerals show at every
       width; their size is measured from the actual stage width, so a phone
       gets the same local-day clock at a smaller scale. */
    .dreamline-panel[b-c7ajha8bux] {
        width: calc(100% - var(--dreamline-mobile-panel-inline-trim));
        margin-inline: auto;
        padding: 16px 8px 14px;
        border-radius: 24px;
    }

    .dreamline-stage[b-c7ajha8bux] {
        min-height: 0;
        margin-inline: auto;
        width: 100%;
        border-radius: 22px;
    }

    .dreamline-heading[b-c7ajha8bux] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 10px;
    }

    .dreamline-heading > div:first-child[b-c7ajha8bux] {
        min-width: 0;
        flex: 1 1 12rem;
    }

    .dreamline-heading .eyebrow[b-c7ajha8bux] {
        margin-bottom: 2px;
        font-size: .58rem;
        letter-spacing: .18em;
    }

    .dreamline-heading h2[b-c7ajha8bux] {
        font-size: clamp(1.7rem, 9vw, 2.6rem);
    }

    .dreamline-day-label[b-c7ajha8bux] {
        flex: 0 1 auto;
        max-width: 100%;
        min-height: 32px;
        padding: 4px 8px 4px 6px;
        font-size: .54rem;
        letter-spacing: .01em;
    }

    .dreamline-day-label[b-c7ajha8bux]::before {
        width: 20px;
        height: 20px;
        margin-right: 4px;
        font-size: .9rem;
    }

    .dreamline-detail[b-c7ajha8bux] {
        margin-bottom: 11px;
        padding: 12px 13px 14px;
    }

    .dreamline-detail__time[b-c7ajha8bux] {
        font-size: 1.45rem;
    }

    .dreamline-guidance[b-c7ajha8bux] {
        padding: 15px;
        border-radius: 18px;
    }

    .prediction-window[b-c7ajha8bux] {
        gap: 7px;
        font-size: .69rem;
    }

    .prediction-model-heading[b-c7ajha8bux] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    /* Mobile paint budget: Safari pays heavily for continuously composited
       backdrop, blend, and nested SVG animation layers. Keep the meaningful
       Current/primary event motion, but freeze ambient decoration and completed
       history on compact screens. The scene remains fully drawn and every
       event stays interactive; only non-semantic movement/compositing changes. */
    .dreamline-panel[b-c7ajha8bux] {
        backdrop-filter: none;
    }

    /* Keep the user-visible clockwise flow on phones, but avoid continuously
       repainting two full-ellipse Gaussian blurs in WebKit. The dash material
       itself remains animated and path-bound. */
    .dreamline-v3 .dreamline-orbit__nebula[b-c7ajha8bux] {
        filter: none;
    }

    .dreamline-v3[data-effective-motion-level="off"] .dreamline-clock-atmosphere[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="off"] .dreamline-supplied-vfx[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="gentle"] .dreamline-clock-atmosphere[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="gentle"] .dreamline-supplied-vfx[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="balanced"] .dreamline-clock-atmosphere[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="balanced"] .dreamline-supplied-vfx[b-c7ajha8bux] {
        /* The base supplied-asset rules are declared later in the stylesheet,
           so this compact override must win explicitly. */
        mix-blend-mode: normal !important;
    }

    .dreamline-v3[data-effective-motion-level="balanced"] .dreamline-cosmos__star[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="balanced"] .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
    .dreamline-v3[data-effective-motion-level="balanced"] .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
    .dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--completed .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
    .dreamline-v3[data-effective-motion-level="lively"] .dreamline-cosmos__star[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="lively"] .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
    .dreamline-v3[data-effective-motion-level="lively"] .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
    .dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--temporal-midpast .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
    .dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--temporal-oldpast .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
    .dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--temporal-midpast .dreamline-event__memory-overlay[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--temporal-oldpast .dreamline-event__memory-overlay[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="immersive"] .dreamline-cosmos__star[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="immersive"] .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
    .dreamline-v3[data-effective-motion-level="immersive"] .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
    .dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-midpast .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
    .dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
    .dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-midpast .dreamline-event__memory-overlay[b-c7ajha8bux],
    .dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--temporal-oldpast .dreamline-event__memory-overlay[b-c7ajha8bux] {
        animation: none !important;
        transition: none !important;
    }
}

@media (max-width: 380px) {
    .dreamline-return-now[b-c7ajha8bux] {
        padding-inline: 11px;
        font-size: .72rem;
    }

    .dreamline-guidance-heading[b-c7ajha8bux] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .dreamline-guidance-heading > div[b-c7ajha8bux] { flex: 0 1 auto; }
}

.dreamline-v3[data-dreamline-visible="false"] .dreamline-path--guidance[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-orbit__streak-trail[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__ring-overlay[b-c7ajha8bux]  [data-dreamline-ring],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-prediction-glyph],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-cosmos__star[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-stack-constellation__star[b-c7ajha8bux],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-orbit__phase[b-c7ajha8bux] {
    animation-play-state: paused !important;
}

.dreamline-v3[data-motion="off"] .dreamline-path--guidance[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-path--guidance[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-orbit__streak-trail[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-orbit__streak-trail[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-event[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-event[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-event__ring-overlay[b-c7ajha8bux]  [data-dreamline-ring],
.dreamline-v3[data-motion="reduced"] .dreamline-event__ring-overlay[b-c7ajha8bux]  [data-dreamline-ring],
.dreamline-v3[data-motion="off"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
.dreamline-v3[data-motion="reduced"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
.dreamline-v3[data-motion="off"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-motion="reduced"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-motion="off"] .dreamline-event.selected .dreamline-event__icon[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-event.selected .dreamline-event__icon[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-readout__spoke[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-readout__spoke[b-c7ajha8bux],
.dreamline-v3[data-motion="off"] .dreamline-orbit__phase[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-orbit__phase[b-c7ajha8bux] {
    animation: none !important;
    transition: none !important;
}

/* No pulse and no retarget draw, but the spoke must still be fully drawn:
   stroke-dashoffset is the animation's own start value, so it has to be
   restored explicitly once the animation is removed. */
.dreamline-v3[data-motion="off"] .dreamline-readout__spoke[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-readout__spoke[b-c7ajha8bux] {
    opacity: 1;
    stroke-dashoffset: 0 !important;
}

.dreamline-v3[data-motion="off"] .dreamline-event[b-c7ajha8bux],
.dreamline-v3[data-motion="reduced"] .dreamline-event[b-c7ajha8bux] {
    opacity: var(--dreamline-event-final-opacity, 1);
}

/* Shared Dreamspace motion tiers. The orbit and canonical event anchors remain
 * mounted at every tier; only decorative travel is gated. Gentle keeps opacity
 * breathing while removing rail, parallax, cloud, and event translation. */
.dreamline-v3[data-effective-motion-level="off"] .dreamline-path--guidance[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__streak-trail[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__dot[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__planet[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__halo[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event.selected .dreamline-event__icon[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__ring-overlay[b-c7ajha8bux]  [data-dreamline-ring],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-prediction-glyph],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-cosmos__star[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-stack-constellation__star[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-readout__spoke[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__phase[b-c7ajha8bux] {
    animation: none !important;
    transition: none !important;
}

.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-orbit__streak-trail[b-c7ajha8bux] {
    opacity: 0;
}

.dreamline-v3[data-effective-motion-level="off"] .dreamline-event[b-c7ajha8bux] {
    opacity: var(--dreamline-event-final-opacity, 1);
}

.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-path--guidance[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__streak-trail[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__planet[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event.selected .dreamline-event__icon[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer="surface-texture"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-stack-constellation__star[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-readout__spoke[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__phase[b-c7ajha8bux] {
    animation: none !important;
    transition: none !important;
}

.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__aurora[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__nebula[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-orbit__streak-trail[b-c7ajha8bux] {
    opacity: 0;
}

.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event--current .dreamline-event__dot[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event--current .dreamline-event__halo[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event.primary-next:not(.dreamline-event--predicted) .dreamline-event__halo[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event--current[b-c7ajha8bux]  [data-dreamline-ring="active"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-ring="predicted"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="state-overlay"],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="state-overlay"] {
    animation: dreamline-gentle-opacity-b-c7ajha8bux 6s ease-in-out infinite alternate !important;
}

/* Balanced is the fresh-device budget. It keeps the canonical rail, event
   geometry, supplied art, and all interaction mounted, but freezes every
   nonessential continuous layer. Only safe local current/next circles receive
   restrained transform/opacity emphasis; authored SVG groups stay opacity-only
   so their supplied transform attributes retain their exact registration. */
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-path--guidance[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__planet[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__halo[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-prediction-glyph],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-cosmos__star[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-readout__spoke[b-c7ajha8bux] {
    animation: none !important;
    transition: none !important;
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--current .dreamline-event__dot[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--current .dreamline-event__halo[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event.primary-next .dreamline-event__halo[b-c7ajha8bux] {
    animation: dreamline-balanced-emphasis-b-c7ajha8bux 7.2s ease-in-out infinite alternate !important;
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--current[b-c7ajha8bux]  [data-dreamline-ring="active"],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-ring="predicted"],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event--current[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event.primary-next[b-c7ajha8bux]  [data-dreamline-planet-layer="halo"] {
    animation: dreamline-balanced-opacity-b-c7ajha8bux 7.2s ease-in-out infinite alternate !important;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__aurora--primary[b-c7ajha8bux] { animation-duration: 10.5s; }
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__aurora--secondary[b-c7ajha8bux] { animation-duration: 16s; }
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__streak-trail[b-c7ajha8bux] { animation-duration: 9.5s; }
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__nebula--primary[b-c7ajha8bux] {
    animation: dreamline-orbit-nebula-flow-b-c7ajha8bux 14s linear infinite;
}
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__nebula--secondary[b-c7ajha8bux] {
    animation: dreamline-orbit-nebula-drift-b-c7ajha8bux 20s linear infinite;
}
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__aurora--primary[b-c7ajha8bux] { animation-duration: 7.6s; }
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__aurora--secondary[b-c7ajha8bux] { animation-duration: 11.8s; }
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__streak[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__streak-trail[b-c7ajha8bux] { animation-duration: 6s; }
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__nebula--primary[b-c7ajha8bux] {
    animation: dreamline-orbit-nebula-flow-b-c7ajha8bux 6.8s linear infinite;
}
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__nebula--secondary[b-c7ajha8bux] {
    animation: dreamline-orbit-nebula-drift-b-c7ajha8bux 9.8s linear infinite;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__streak[b-c7ajha8bux] {
    stroke: rgba(250, 245, 255, .98);
    stroke-width: 3.8;
    opacity: 1;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__streak-trail[b-c7ajha8bux] {
    stroke: rgba(133, 217, 255, .72);
    stroke-width: 2.4;
    opacity: .7;
}

/* Lively and Immersive are deliberately visible even on a phone: the rail
   gains a few local, asynchronous material knots and the recorded bodies gain
   faster internal cloud/sparkle motion. Nothing translates the planet, pin, or
   rail group, so clock bearings stay exact. */
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__phase[b-c7ajha8bux] {
    animation: dreamline-orbit-phase-breathe-b-c7ajha8bux 7.8s ease-in-out infinite;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__phase[b-c7ajha8bux] {
    animation: dreamline-orbit-phase-breathe-b-c7ajha8bux 5.8s ease-in-out infinite;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__phase--day[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__phase--day[b-c7ajha8bux] {
    animation-delay: -1.7s;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__phase--night[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__phase--night[b-c7ajha8bux] {
    animation-delay: -4.3s;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--completed:not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] {
    animation-duration: 16s;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-event--completed:not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    animation-duration: 20s;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--completed:not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-back"] {
    animation-duration: 11s;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-event--completed:not(.dreamline-event--temporal-oldpast)[b-c7ajha8bux]  [data-dreamline-planet-layer="clouds-front"] {
    animation-duration: 14s;
}

/* Cadence alone did not make the travelling layers legible: at the tuned
   opacities the motes read as rail texture rather than as movement, so the two
   most expressive tiers looked as still as Balanced. Lift only the decorative
   layers' own presence — physical stroke weight, opacity, and longer material
   marks. The canonical path data and negative dashoffset direction are
   unchanged, so rail geometry stays exact and chronology remains clockwise. */
.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__aurora--primary[b-c7ajha8bux] {
    opacity: .72;
    stroke-width: 2.4;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__aurora--primary[b-c7ajha8bux] {
    opacity: .94;
    stroke-width: 3.2;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-orbit__aurora--secondary[b-c7ajha8bux] {
    opacity: .44;
    stroke: rgba(174, 190, 238, .5);
    stroke-width: 1.6;
}

.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-orbit__aurora--secondary[b-c7ajha8bux] {
    opacity: .62;
    stroke: rgba(174, 190, 238, .5);
    stroke-width: 2.2;
}

.dreamline-v3[data-effective-motion-level="lively"] .dreamline-path--guidance[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="immersive"] .dreamline-path--guidance[b-c7ajha8bux] {
    stroke: rgba(245, 236, 255, .88);
    stroke-width: 2.8;
    filter: drop-shadow(0 0 9px rgba(206, 179, 255, .55));
}

/* Event focus remains visible at calm tiers, but it must not create spatial
   movement. Keep the ordinary border/shadow affordance and remove only the
   transform branch of the hit target transition. */
.dreamline-v3[data-effective-motion-level="off"] .dreamline-node__hit[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-node__hit[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-node__hit[b-c7ajha8bux] {
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.dreamline-v3[data-effective-motion-level="off"] .dreamline-node:hover .dreamline-node__hit[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-node:focus-visible .dreamline-node__hit[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-node:hover .dreamline-node__hit[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-node:focus-visible .dreamline-node__hit[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-node:hover .dreamline-node__hit[b-c7ajha8bux],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-node:focus-visible .dreamline-node__hit[b-c7ajha8bux] {
    transform: none;
}

@keyframes dreamline-gentle-opacity-b-c7ajha8bux {
    from { opacity: .62; }
    to { opacity: .92; }
}

@keyframes dreamline-balanced-emphasis-b-c7ajha8bux {
    from { opacity: .62; transform: scale(.992); }
    to { opacity: .88; transform: scale(1.008); }
}

@keyframes dreamline-balanced-opacity-b-c7ajha8bux {
    from { opacity: .62; }
    to { opacity: .88; }
}

/* ---- Supplied layered SVG pack ------------------------------------------ */

.dreamline-clock-atmosphere[b-c7ajha8bux],
.dreamline-supplied-vfx[b-c7ajha8bux],
.dreamline-event__prediction-state-art[b-c7ajha8bux] {
    pointer-events: none;
}

.dreamline-clock-atmosphere[b-c7ajha8bux] {
    opacity: .56;
    mix-blend-mode: screen;
}

.dreamline-clock-atmosphere__treatment--sunrise[b-c7ajha8bux],
.dreamline-clock-atmosphere__treatment--sunset[b-c7ajha8bux],
.dreamline-clock-atmosphere__treatment--midnight[b-c7ajha8bux],
.dreamline-supplied-vfx__asset--arc[b-c7ajha8bux] {
    display: none;
}

.dreamline-supplied-vfx[b-c7ajha8bux] {
    opacity: .54;
    mix-blend-mode: screen;
}

.dreamline-supplied-vfx__asset--dust[b-c7ajha8bux] { opacity: .34; }
.dreamline-supplied-vfx__asset--stars[b-c7ajha8bux] { opacity: .58; }
.dreamline-supplied-vfx__asset--comets[b-c7ajha8bux] { opacity: .24; }
.dreamline-supplied-vfx__asset--trail[b-c7ajha8bux] { opacity: .18; }
.dreamline-supplied-vfx__asset--sparkles[b-c7ajha8bux] { opacity: .48; }
.dreamline-supplied-vfx__asset--debris[b-c7ajha8bux] { opacity: .34; }

.dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer] {
    transform-box: fill-box;
    transform-origin: center;
}

.dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer="atmosphere-clouds"] {
    animation: dreamline-v5-cloud-float-b-c7ajha8bux 19s ease-in-out infinite alternate;
}

.dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer="atmosphere-particles"] {
    animation: dreamline-v5-twinkle-b-c7ajha8bux 8.6s ease-in-out infinite;
}

.dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer="vfx-base"],
.dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer="vfx-particles"] {
    animation: dreamline-v5-drift-b-c7ajha8bux 28s ease-in-out infinite alternate;
}

.dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer="vfx-sparkles"] {
    animation: dreamline-v5-twinkle-b-c7ajha8bux 7.4s ease-in-out infinite;
}

.dreamline-supplied-vfx__asset:nth-child(even)[b-c7ajha8bux]  [data-dreamline-layered-layer] {
    animation-delay: -4.1s;
}

.dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer="state-overlay"] {
    animation: dreamline-v5-twinkle-b-c7ajha8bux 6.4s ease-in-out infinite;
}

.dreamline-event__prediction-state-art[b-c7ajha8bux] {
    opacity: .78;
}

@keyframes dreamline-v5-cloud-float-b-c7ajha8bux {
    from { transform: translate3d(-1.2px, .4px, 0); }
    to { transform: translate3d(1.4px, -.6px, 0); }
}

@keyframes dreamline-v5-cloud-parallax-back-b-c7ajha8bux {
    0%, 100% { transform: translate3d(-2px, 1px, 0) scaleX(.82) scaleY(.96); opacity: .34; }
    25% { transform: translate3d(-.8px, 0, 0) scaleX(.94) scaleY(.98); opacity: .48; }
    50% { transform: translate3d(2px, -1px, 0) scaleX(1) scaleY(1); opacity: .62; }
    75% { transform: translate3d(.6px, 0, 0) scaleX(.91) scaleY(.98); opacity: .48; }
}

@keyframes dreamline-v5-cloud-parallax-front-b-c7ajha8bux {
    0%, 100% { transform: translate3d(2px, -1px, 0) scaleX(1) scaleY(1); opacity: .88; }
    25% { transform: translate3d(.6px, 0, 0) scaleX(.91) scaleY(.98); opacity: .78; }
    50% { transform: translate3d(-2px, 1px, 0) scaleX(.82) scaleY(.96); opacity: .62; }
    75% { transform: translate3d(-.8px, 0, 0) scaleX(.94) scaleY(.98); opacity: .78; }
}

@keyframes dreamline-v5-ring-tilt-b-c7ajha8bux {
    0% { transform: rotate(0deg) scaleY(.86); }
    50% { transform: rotate(180deg) scaleY(1); }
    100% { transform: rotate(360deg) scaleY(.86); }
}

@keyframes dreamline-v5-drift-b-c7ajha8bux {
    from { transform: translate3d(-1.4px, .5px, 0); }
    to { transform: translate3d(1.8px, -.8px, 0); }
}

@keyframes dreamline-v5-orbit-b-c7ajha8bux {
    to { transform: rotate(360deg); }
}

@keyframes dreamline-v5-breathe-b-c7ajha8bux {
    0%, 100% { opacity: .64; transform: scale(.985); }
    50% { opacity: 1; transform: scale(1.018); }
}

@keyframes dreamline-v5-twinkle-b-c7ajha8bux {
    0%, 100% { opacity: .56; transform: scale(.985); }
    37% { opacity: .92; transform: scale(1.025); }
    72% { opacity: .68; transform: scale(.996); }
}

.dreamline-v3[data-dreamline-visible="false"] .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-dreamline-visible="false"] .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer] {
    animation-play-state: paused !important;
}

.dreamline-v3[data-effective-motion-level="off"] .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="off"] .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer] {
    animation: none !important;
    transition: none !important;
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer] {
    animation: none !important;
    transition: none !important;
}

.dreamline-v3[data-effective-motion-level="gentle"] .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer="state-overlay"] {
    animation: dreamline-gentle-opacity-b-c7ajha8bux 6s ease-in-out infinite alternate !important;
}

.dreamline-v3[data-effective-motion-level="balanced"] .dreamline-event.primary-next .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer="state-overlay"] {
    animation: dreamline-balanced-opacity-b-c7ajha8bux 7.2s ease-in-out infinite alternate !important;
}

/* ---- Reduced motion: freeze continuous movement, preserve static depth ---- */
@media (prefers-reduced-motion: reduce) {
    /* This is the authoritative OS-level stop. Keep it broad and important so
       a newly added Immersive descendant cannot silently escape the contract.
       ::deep is required for approved artwork rendered by child components. */
    .dreamline-v3[b-c7ajha8bux],
    .dreamline-v3[b-c7ajha8bux]  * {
        animation: none !important;
        transition: none !important;
    }

    /* Freeze every continuously animated rail/orbit element and the
       component's one-shot/luminance treatments. The static rail, planets,
       labels, and depth remain fully visible. */
    .dreamline-path--guidance[b-c7ajha8bux],
    .dreamline-orbit__aurora[b-c7ajha8bux],
    .dreamline-orbit__nebula[b-c7ajha8bux],
    .dreamline-orbit__streak[b-c7ajha8bux],
    .dreamline-orbit__streak-trail[b-c7ajha8bux],
    .dreamline-event[b-c7ajha8bux],
    .dreamline-event.selected .dreamline-event__icon[b-c7ajha8bux],
    .dreamline-event__dot[b-c7ajha8bux],
    .dreamline-event__halo[b-c7ajha8bux],
    .dreamline-event__connector[b-c7ajha8bux],
    .dreamline-event__ring-overlay[b-c7ajha8bux]  [data-dreamline-ring],
    /* Freeze planet-layer motion inside the body wrapper */
    .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-planet-layer],
     .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-prediction-glyph],
     .dreamline-event__icon[b-c7ajha8bux]  [data-dreamline-layered-layer],
     .dreamline-event__now-atmosphere[b-c7ajha8bux],
     .dreamline-now-atmosphere__aurora[b-c7ajha8bux],
     .dreamline-now-atmosphere__energy[b-c7ajha8bux],
     .dreamline-event__moon-vfx[b-c7ajha8bux],
     .dreamline-moon-vfx__pearl[b-c7ajha8bux],
     .dreamline-moon-vfx__terminator[b-c7ajha8bux],
     .dreamline-moon-vfx__pearl-rim[b-c7ajha8bux],
     .dreamline-moon-vfx__mare[b-c7ajha8bux],
     .dreamline-event__now-horizon[b-c7ajha8bux],
     .dreamline-event__memory-overlay[b-c7ajha8bux],
     .dreamline-event__memory-cloud[b-c7ajha8bux],
     .dreamline-sun-vfx__corona[b-c7ajha8bux],
     .dreamline-sun-vfx__corona-lobes[b-c7ajha8bux],
     .dreamline-sun-vfx__core[b-c7ajha8bux],
     .dreamline-sun-vfx__plasma-cells[b-c7ajha8bux],
     .dreamline-sun-vfx__convection--back[b-c7ajha8bux],
     .dreamline-sun-vfx__convection--front[b-c7ajha8bux],
     .dreamline-sun-vfx__faculae[b-c7ajha8bux],
     .dreamline-sun-vfx__limb[b-c7ajha8bux],
      .dreamline-sun-vfx__motes[b-c7ajha8bux],
      .dreamline-sun-vfx__flare[b-c7ajha8bux],
      .dreamline-sun-vfx__prominence-flow[b-c7ajha8bux],
     .dreamline-clock-atmosphere[b-c7ajha8bux]  [data-dreamline-layered-layer],
    .dreamline-supplied-vfx[b-c7ajha8bux]  [data-dreamline-layered-layer],
     .dreamline-event__prediction-state-art[b-c7ajha8bux]  [data-dreamline-layered-layer],
     .dreamline-stack-constellation__star[b-c7ajha8bux],
    /* Ambient star twinkle stops with everything else. */
    .dreamline-cosmos__star[b-c7ajha8bux],
    /* Centre readout: no idle pulse, no retarget draw */
     .dreamline-readout__spoke[b-c7ajha8bux],
     .dreamline-orbit__phase[b-c7ajha8bux] {
        animation: none !important;
        transition: none !important;
    }

    .dreamline-event__connector[b-c7ajha8bux] {
        opacity: var(--dreamline-connector-opacity);
        stroke-dashoffset: 0 !important;
    }

    /* The retarget draw owns stroke-dashoffset, so removing the animation has
       to leave the spoke complete rather than at its hidden start value. */
    .dreamline-readout__spoke[b-c7ajha8bux] {
        opacity: 1;
        stroke-dashoffset: 0 !important;
    }

    /* Preserve static depth: chevrons, rail split, dotted material stay visible */
    .dreamline-chevron[b-c7ajha8bux],
    .dreamline-path--memory[b-c7ajha8bux],
    .dreamline-path--horizon[b-c7ajha8bux],
    .dreamline-path--inactive[b-c7ajha8bux] {
        opacity: 1;
    }

    /* Preserve the authoritative event state under reduced motion. */
    .dreamline-event[b-c7ajha8bux] {
        opacity: var(--dreamline-event-final-opacity, 1);
    }

    .dreamline-loading-track[b-c7ajha8bux] {
        animation: none !important;
    }

    /* Path-bound decoration disappears rather than becoming static tick-like
       marks. Civil-time geometry and state distinctions remain visible. */
    .dreamline-orbit__aurora[b-c7ajha8bux],
    .dreamline-orbit__streak[b-c7ajha8bux],
    .dreamline-orbit__streak-trail[b-c7ajha8bux] {
        animation: none !important;
        /* Beat the higher-specificity Immersive presence rules. Otherwise the
           animation freezes but leaves arbitrary dash fragments on the clock. */
        opacity: 0 !important;
    }

    .dreamline-v3 .dreamline-node__hit[b-c7ajha8bux] {
        transition: none !important;
    }

    .dreamline-v3 .dreamline-node:hover .dreamline-node__hit[b-c7ajha8bux],
    .dreamline-v3 .dreamline-node:focus-visible .dreamline-node__hit[b-c7ajha8bux] {
        transform: none;
    }
}
/* /Components/Layout/BrowserInstallPrompt.razor.rz.scp.css */
.browser-install-prompt[hidden][b-zal9kr1d7v],
.browser-install-prompt [hidden][b-zal9kr1d7v] {
    display: none !important;
}

@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {
    .browser-install-prompt[b-zal9kr1d7v] { display: none !important; }
}

.browser-install-prompt[b-zal9kr1d7v] {
    position: fixed;
    z-index: 950;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: max(1rem, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .8rem;
    max-width: 38rem;
    margin-inline: auto;
    border: 1px solid rgba(185, 182, 255, .28);
    border-radius: 1rem;
    padding: .85rem;
    color: var(--dr-text);
    background: rgba(24, 29, 48, .96);
    box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .36);
}

.browser-install-prompt__icon[b-zal9kr1d7v] {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    place-items: center;
    border-radius: .75rem;
    color: #fff;
    background: rgba(167, 72, 255, .8);
    font-size: 1.45rem;
    font-weight: 800;
}

.browser-install-prompt strong[b-zal9kr1d7v],
.browser-install-prompt p[b-zal9kr1d7v] { margin: 0; }
.browser-install-prompt p[b-zal9kr1d7v] { margin-top: .18rem; color: var(--dr-text-muted); font-size: .87rem; }

.browser-install-prompt__dismiss[b-zal9kr1d7v] {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    border: 0;
    border-radius: .7rem;
    color: var(--dr-text-muted);
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
}
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {
    .browser-install-prompt[b-zal9kr1d7v] { display: none !important; }
}
@media (max-width: 32rem) { .browser-install-prompt[b-zal9kr1d7v] { right: .7rem; bottom: max(.7rem, env(safe-area-inset-bottom)); left: .7rem; gap: .6rem; } .browser-install-prompt__icon[b-zal9kr1d7v] { display: none; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-aw6bz9suxu] {
    display: none;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid var(--dr-border);
    padding: .7rem 1.25rem .8rem;
    color: var(--dr-text);
    background: var(--dr-surface-elevated);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .28);
}

#blazor-error-ui .dismiss[b-aw6bz9suxu] {
    position: absolute;
    top: .5rem;
    right: .75rem;
    min-width: 44px;
    min-height: 44px;
    border: 0;
    color: var(--dr-text-muted);
    background: transparent;
    cursor: pointer;
}
/* /Components/Layout/NorthStarNavigation.razor.rz.scp.css */
.north-star-navigation[b-ugzcnq21h0] {
    position: fixed;
    z-index: 230;
    inset: 0;
    pointer-events: none;
}

.north-star-navigation > summary[b-ugzcnq21h0] {
    list-style: none;
}

.north-star-navigation > summary[b-ugzcnq21h0]::-webkit-details-marker {
    display: none;
}

.north-star-trigger[b-ugzcnq21h0] {
    position: fixed;
    z-index: 3;
    right: var(--north-star-right);
    bottom: calc(var(--north-star-bottom) + var(--north-star-viewport-bottom, 0px));
    display: grid;
    place-items: center;
    width: var(--north-star-size);
    height: var(--north-star-size);
    border: 1px solid rgba(185, 182, 255, .42);
    border-radius: 50%;
    color: var(--dr-text);
    background: linear-gradient(145deg, rgba(36, 42, 61, .98), rgba(27, 32, 48, .98));
    box-shadow: 0 12px 30px rgba(0, 0, 0, .34), 0 0 0 1px rgba(7, 9, 18, .2), 0 0 24px rgba(185, 182, 255, .16);
    cursor: pointer;
    isolation: isolate;
    overflow: visible;
    pointer-events: auto;
    transition: transform var(--motion-fast) var(--ease-spring), border-color var(--motion-fast) var(--ease-gentle), box-shadow var(--motion-fast) var(--ease-gentle);
}

.north-star-trigger:hover[b-ugzcnq21h0] {
    border-color: rgba(242, 196, 109, .7);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .38), 0 0 0 1px rgba(242, 196, 109, .12), 0 0 28px rgba(185, 182, 255, .25);
}

.north-star-trigger:focus-visible[b-ugzcnq21h0] {
    outline: 3px solid var(--dr-focus);
    outline-offset: 6px;
}

.north-star-trigger:active[b-ugzcnq21h0] {
    transform: scale(.96);
}

.north-star-trigger__halo[b-ugzcnq21h0],
.north-star-trigger__glow[b-ugzcnq21h0],
.north-star-trigger__shadow[b-ugzcnq21h0],
.north-star-trigger__mark[b-ugzcnq21h0] {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
}

.north-star-trigger__halo[b-ugzcnq21h0] {
    inset: 7px;
    border: 1px solid rgba(185, 182, 255, .22);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(242, 196, 109, .1), transparent 66%);
    opacity: .8;
    transition: opacity var(--motion-fast) var(--ease-gentle), transform var(--motion-fast) var(--ease-spring);
}

.north-star-trigger__glow[b-ugzcnq21h0],
.north-star-trigger__shadow[b-ugzcnq21h0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.north-star-trigger__glow[b-ugzcnq21h0] {
    opacity: .72;
    transform: scale(1.04);
    transition: opacity var(--motion-fast) var(--ease-gentle), transform var(--motion-fast) var(--ease-spring);
}

.north-star-trigger__shadow[b-ugzcnq21h0] {
    opacity: .8;
    transform: translateY(3px) scale(.82);
}

.north-star-trigger__mark[b-ugzcnq21h0] {
    inset: 50% auto auto 50%;
    width: 34px;
    height: 34px;
    transform: translate(-50%, -50%);
    transition: transform var(--motion-fast) var(--ease-spring);
}

.north-star-trigger__mark img[b-ugzcnq21h0] {
    display: block;
    width: 100%;
    height: 100%;
}

.north-star-trigger__satellite[b-ugzcnq21h0] {
    position: absolute;
    z-index: 1;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--dr-text);
    box-shadow: 0 0 7px rgba(245, 243, 250, .8);
    pointer-events: none;
    transition: transform var(--motion-fast) var(--ease-spring), opacity var(--motion-fast) var(--ease-gentle);
}

.north-star-trigger__satellite--one[b-ugzcnq21h0] { top: 11px; right: 12px; width: 3px; height: 3px; opacity: .8; }
.north-star-trigger__satellite--two[b-ugzcnq21h0] { top: 18px; left: 10px; opacity: .58; }
.north-star-trigger__satellite--three[b-ugzcnq21h0] { right: 17px; bottom: 11px; width: 3px; height: 3px; opacity: .64; }

.north-star-navigation:not([open]) .north-star-trigger__halo[b-ugzcnq21h0] { animation: north-star-halo-breathe-b-ugzcnq21h0 5.2s var(--ease-gentle) infinite; }
.north-star-navigation:not([open]) .north-star-trigger__satellite--one[b-ugzcnq21h0] { animation: north-star-twinkle-b-ugzcnq21h0 2.8s var(--ease-gentle) infinite .2s; }
.north-star-navigation:not([open]) .north-star-trigger__satellite--two[b-ugzcnq21h0] { animation: north-star-twinkle-b-ugzcnq21h0 3.6s var(--ease-gentle) infinite .9s; }
.north-star-navigation:not([open]) .north-star-trigger__satellite--three[b-ugzcnq21h0] { animation: north-star-twinkle-b-ugzcnq21h0 3.1s var(--ease-gentle) infinite 1.4s; }

@keyframes north-star-halo-breathe-b-ugzcnq21h0 { 0%, 100% { opacity: .68; } 50% { opacity: .92; } }
@keyframes north-star-twinkle-b-ugzcnq21h0 { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }

.north-star-backdrop[b-ugzcnq21h0] {
    position: fixed;
    z-index: 1;
    inset: 0;
    background: rgba(7, 9, 18, .12);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--motion-standard) var(--ease-gentle);
}

.north-star-navigation[open] .north-star-backdrop[b-ugzcnq21h0] {
    opacity: 1;
    pointer-events: auto;
}

.north-star-tray[b-ugzcnq21h0] {
    position: fixed;
    z-index: 2;
    right: var(--north-star-right);
    bottom: calc(var(--north-star-bottom) + var(--north-star-viewport-bottom, 0px) + var(--north-star-size) + .75rem);
    width: min(18rem, calc(100vw - 2rem));
    max-height: calc(100dvh - var(--north-star-bottom) - var(--north-star-viewport-bottom, 0px) - var(--north-star-size) - env(safe-area-inset-top, 0px) - 1.5rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: 0;
    border: 1px solid rgba(185, 182, 255, .36);
    border-radius: 24px;
    padding: .65rem;
    color: var(--dr-text);
    background: var(--dr-surface-elevated);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .42), 0 0 24px rgba(185, 182, 255, .1);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(.65rem, .65rem, 0) scale(.97);
    transform-origin: bottom right;
    transition: opacity var(--motion-standard) var(--ease-gentle), transform var(--motion-standard) var(--ease-spring);
}

@supports (background: color-mix(in srgb, white 50%, transparent)) {
    .north-star-tray[b-ugzcnq21h0] { background: color-mix(in srgb, var(--dr-surface-elevated) 92%, transparent); }
}

@supports (backdrop-filter: blur(1px)) {
    .north-star-tray[b-ugzcnq21h0] { backdrop-filter: blur(14px); }
}

.north-star-navigation[open] .north-star-tray[b-ugzcnq21h0] {
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

.north-star-navigation.is-closing .north-star-backdrop[b-ugzcnq21h0],
.north-star-navigation.is-closing .north-star-tray[b-ugzcnq21h0] {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(.65rem, .65rem, 0) scale(.97);
}

.north-star-navigation[open] .north-star-trigger[b-ugzcnq21h0] {
    border-color: rgba(242, 196, 109, .62);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .38), 0 0 0 1px rgba(242, 196, 109, .12), 0 0 30px rgba(185, 182, 255, .24);
}

.north-star-navigation[open] .north-star-trigger__halo[b-ugzcnq21h0],
.north-star-navigation[open] .north-star-trigger__glow[b-ugzcnq21h0] {
    opacity: 1;
    transform: scale(1.08);
}

.north-star-navigation[open] .north-star-trigger__satellite--one[b-ugzcnq21h0] { transform: translate(1px, -1px); }
.north-star-navigation[open] .north-star-trigger__satellite--two[b-ugzcnq21h0] { transform: translate(-1px, 1px); }
.north-star-navigation[open] .north-star-trigger__satellite--three[b-ugzcnq21h0] { transform: translate(1px, 1px); }

.north-star-constellation-line[b-ugzcnq21h0] {
    position: absolute;
    top: 2.1rem;
    right: 1.2rem;
    width: 8rem;
    height: 2.4rem;
    border-top: 1px solid rgba(185, 182, 255, .2);
    border-right: 1px solid rgba(185, 182, 255, .14);
    border-radius: 0 16px 0 0;
    opacity: .7;
    pointer-events: none;
    transform: skewX(-20deg) rotate(-8deg);
}

.north-star-route-list[b-ugzcnq21h0] {
    position: relative;
    display: grid;
    gap: .3rem;
}

.north-star-link[b-ugzcnq21h0],
.north-star-signout-button[b-ugzcnq21h0] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 48px;
    border: 1px solid transparent;
    border-radius: 15px;
    padding: .55rem .7rem;
    color: var(--dr-text-muted);
    font-size: .92rem;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--motion-fast) var(--ease-gentle), background-color var(--motion-fast) var(--ease-gentle), border-color var(--motion-fast) var(--ease-gentle), transform var(--motion-fast) var(--ease-spring);
}

.north-star-link:hover[b-ugzcnq21h0],
.north-star-link:focus-visible[b-ugzcnq21h0] {
    border-color: rgba(185, 182, 255, .3);
    color: var(--dr-text);
    background: rgba(185, 182, 255, .1);
    text-decoration: none;
}

.north-star-link:focus-visible[b-ugzcnq21h0],
.north-star-signout-button:focus-visible[b-ugzcnq21h0] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 2px;
}

.north-star-link:active[b-ugzcnq21h0],
.north-star-signout-button:active[b-ugzcnq21h0] {
    transform: scale(.98);
}

.north-star-link.active[b-ugzcnq21h0] {
    border-color: rgba(185, 182, 255, .26);
    color: var(--dr-text);
    background: rgba(185, 182, 255, .16);
}

.north-star-link img[b-ugzcnq21h0] {
    flex: none;
    width: 24px;
    height: 24px;
}

.north-star-link span:not(.north-star-active-marker)[b-ugzcnq21h0] {
    position: relative;
    z-index: 1;
}

.north-star-active-marker[b-ugzcnq21h0] {
    width: 6px;
    height: 6px;
    margin-left: auto;
    border-radius: 50%;
    background: var(--dr-accent);
    box-shadow: 0 0 10px rgba(242, 196, 109, .56);
}

.north-star-divider[b-ugzcnq21h0] {
    height: 1px;
    margin: .55rem .45rem .4rem;
    background: linear-gradient(90deg, transparent, rgba(185, 182, 255, .3), transparent);
}

.north-star-signout[b-ugzcnq21h0] {
    margin: 0;
}

.north-star-signout-button[b-ugzcnq21h0] {
    width: 100%;
    border-color: rgba(240, 138, 153, .18);
    color: #f0b1bb;
    background: transparent;
    text-align: left;
}

.north-star-signout-button:hover[b-ugzcnq21h0],
.north-star-signout-button:focus-visible[b-ugzcnq21h0] {
    border-color: rgba(240, 138, 153, .35);
    color: #ffd6dc;
    background: rgba(240, 138, 153, .08);
}

.north-star-signout-icon[b-ugzcnq21h0] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1;
}

body.sheet-open .north-star-navigation[b-ugzcnq21h0] {
    visibility: hidden;
    pointer-events: none;
}

@media (min-width: 701px) {
    .north-star-route-list[b-ugzcnq21h0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .north-star-trigger[b-ugzcnq21h0],
    .north-star-trigger__halo[b-ugzcnq21h0],
    .north-star-trigger__glow[b-ugzcnq21h0],
    .north-star-trigger__mark[b-ugzcnq21h0],
    .north-star-trigger__satellite[b-ugzcnq21h0],
    .north-star-backdrop[b-ugzcnq21h0],
    .north-star-tray[b-ugzcnq21h0],
    .north-star-link[b-ugzcnq21h0],
    .north-star-signout-button[b-ugzcnq21h0] {
        transition-duration: 1ms !important;
    }

    .north-star-tray[b-ugzcnq21h0],
    .north-star-constellation-line[b-ugzcnq21h0],
    .north-star-trigger__glow[b-ugzcnq21h0],
    .north-star-trigger__halo[b-ugzcnq21h0],
    .north-star-trigger__satellite[b-ugzcnq21h0] {
        animation: none !important;
    }
}
.north-star-menu-heading[b-ugzcnq21h0] {
    margin: .35rem .65rem .5rem;
    color: var(--dr-text-muted);
    font-size: .85rem;
    font-weight: 600;
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.notification-bell[b-osqfw2yp7b] { position: relative; flex: 0 0 44px; color: var(--dr-text-muted); }
summary[b-osqfw2yp7b] { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; list-style: none; }
summary[b-osqfw2yp7b]::-webkit-details-marker { display: none; }
summary svg[b-osqfw2yp7b] { width: 21px; height: 21px; }
summary:hover[b-osqfw2yp7b], details[open] summary[b-osqfw2yp7b] { color: var(--dr-text); background: var(--dr-surface-elevated); }
summary:focus-visible[b-osqfw2yp7b], a:focus-visible[b-osqfw2yp7b], button:focus-visible[b-osqfw2yp7b] { outline: 2px solid var(--dr-primary); outline-offset: 3px; }
.notification-bell__badge[b-osqfw2yp7b] { position: absolute; top: 0; right: -2px; min-width: 16px; padding: 1px 3px; border-radius: 1rem; color: var(--dr-bg); background: var(--dr-primary); font-size: .6rem; font-weight: 800; text-align: center; }
.notification-bell__panel[b-osqfw2yp7b] { position: absolute; z-index: 100; top: calc(100% + .55rem); right: 0; width: min(340px, calc(100vw - 2.2rem)); max-height: min(70dvh, 540px); overflow-y: auto; overscroll-behavior: contain; padding: 1rem; border: 1px solid var(--dr-border); border-radius: 1.2rem; color: var(--dr-text); background: var(--dr-surface); box-shadow: 0 16px 45px #0006; }
.notification-bell__heading[b-osqfw2yp7b] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
button[b-osqfw2yp7b] { min-height: 44px; }
p[b-osqfw2yp7b] { font-size: .88rem; line-height: 1.5; }
.notification-bell__empty[b-osqfw2yp7b] { color: var(--dr-text-muted); }
ul[b-osqfw2yp7b] { list-style: none; padding: 0; margin: .5rem 0; }
li[b-osqfw2yp7b] { border-bottom: 1px solid var(--dr-border); }
li a[b-osqfw2yp7b] { display: grid; gap: .3rem; padding: .8rem .5rem; border-radius: .6rem; color: var(--dr-text); text-decoration: none; overflow-wrap: anywhere; }
li a:hover[b-osqfw2yp7b] { background: var(--dr-surface-elevated); }
li a span[b-osqfw2yp7b] { color: var(--dr-text-muted); font-size: .86rem; }
li small[b-osqfw2yp7b] { color: var(--dr-primary); }
.is-unread[b-osqfw2yp7b] { border-left: 2px solid var(--dr-primary); }
.notification-bell__support[b-osqfw2yp7b] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 44px; margin-top: .5rem; color: var(--dr-primary); font-weight: 700; }
/* /Components/Layout/PageAtmosphere.razor.rz.scp.css */
.page-atmosphere[b-g4cbjbanjr] {
    position: fixed;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    isolation: isolate;
    pointer-events: none;
}

.page-atmosphere__constellation[b-g4cbjbanjr],
.page-atmosphere__star[b-g4cbjbanjr] {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
    user-select: none;
}

.page-atmosphere__constellation[b-g4cbjbanjr] {
    top: 7.25rem;
    right: clamp(-10rem, -7vw, -3.5rem);
    width: min(34vw, 28rem);
    opacity: .075;
    transform: rotate(-8deg);
}

.page-atmosphere__star--primary[b-g4cbjbanjr] {
    top: clamp(10rem, 19vh, 16rem);
    right: clamp(1.8rem, 8vw, 8rem);
    width: clamp(2.5rem, 4vw, 4.25rem);
    opacity: .22;
    animation: page-atmosphere-drift-b-g4cbjbanjr 32s ease-in-out infinite alternate;
}

.page-atmosphere__star--secondary[b-g4cbjbanjr] {
    right: clamp(12%, 24vw, 28%);
    bottom: clamp(10%, 16vh, 18%);
    width: clamp(1.1rem, 1.7vw, 1.65rem);
    opacity: .14;
}

.page-atmosphere--public .page-atmosphere__constellation[b-g4cbjbanjr] {
    top: 5.5rem;
    right: clamp(-11rem, -6vw, -3rem);
    opacity: .09;
}

.page-atmosphere--public .page-atmosphere__star--primary[b-g4cbjbanjr] {
    top: clamp(8rem, 15vh, 12rem);
    right: clamp(1.25rem, 7vw, 6rem);
    opacity: .26;
}

.page-atmosphere--public .page-atmosphere__star--secondary[b-g4cbjbanjr] {
    right: clamp(8%, 19vw, 22%);
    bottom: clamp(13%, 22vh, 24%);
}

@keyframes page-atmosphere-drift-b-g4cbjbanjr {
    from { opacity: .18; transform: translate3d(-1px, 0, 0) scale(.96) rotate(-4deg); }
    to { opacity: .29; transform: translate3d(4px, -5px, 0) scale(1.04) rotate(4deg); }
}

.page-atmosphere[data-motion="off"] .page-atmosphere__star--primary[b-g4cbjbanjr],
.page-atmosphere[data-motion="reduced"] .page-atmosphere__star--primary[b-g4cbjbanjr] {
    animation: none;
}

html.page-hidden .page-atmosphere__star--primary[b-g4cbjbanjr] {
    animation-play-state: paused;
}

@media (max-width: 600px) {
    .page-atmosphere__constellation[b-g4cbjbanjr] {
        top: 4rem;
        right: -8rem;
        width: 16rem;
        opacity: .055;
    }

    .page-atmosphere__star--primary[b-g4cbjbanjr] {
        top: 8.5rem;
        right: 1.25rem;
        width: 2rem;
        animation: none;
    }

    .page-atmosphere__star--secondary[b-g4cbjbanjr] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-atmosphere__star--primary[b-g4cbjbanjr] {
        animation: none;
        transform: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-oaumvrxhee],
.components-reconnect-repeated-attempt-visible[b-oaumvrxhee],
.components-reconnect-failed-visible[b-oaumvrxhee],
.components-pause-visible[b-oaumvrxhee],
.components-resume-failed-visible[b-oaumvrxhee],
.components-rejoining-animation[b-oaumvrxhee] {
    display: none;
}

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


#components-reconnect-modal[b-oaumvrxhee] {
    color: var(--dr-text);
    background-color: var(--dr-surface);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: var(--dr-radius-sheet);
    border: 1px solid var(--dr-border);
    box-shadow: 0 26px 80px rgba(0, 0, 0, .48);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-oaumvrxhee 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-oaumvrxhee]::backdrop {
    background-color: var(--dr-overlay);
    animation: components-reconnect-modal-fadeInOpacity-b-oaumvrxhee 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-oaumvrxhee] {
    border: 0;
    background-color: var(--dr-primary);
    color: var(--dr-on-primary);
    min-height: 44px;
    padding: 8px 24px;
    border-radius: var(--dr-radius-control);
}

    #components-reconnect-modal button:hover[b-oaumvrxhee] {
        background-color: var(--dr-primary-strong);
    }

    #components-reconnect-modal button:active[b-oaumvrxhee] {
        background-color: var(--dr-primary);
    }

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

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

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

@keyframes components-rejoining-animation-b-oaumvrxhee {
    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;
    }
}
/* /Components/Pages/Administration.razor.rz.scp.css */
.administration-page[b-f3b584k4l3] {
    display: grid;
    gap: 1rem;
}

.admin-header-actions[b-f3b584k4l3] { display: flex; flex-wrap: wrap; gap: .5rem; }

.administration-page-heading__copy[b-f3b584k4l3] {
    display: flex;
    align-items: flex-start;
    gap: .9rem;
}

.administration-page-heading__mark[b-f3b584k4l3] {
    display: inline-grid;
    flex: none;
    width: 2.9rem;
    height: 2.9rem;
    place-items: center;
    border: 1px solid rgba(185, 182, 255, .3);
    border-radius: 1rem;
    background: rgba(185, 182, 255, .1);
}

.administration-page-heading__mark img[b-f3b584k4l3] {
    width: 1.55rem;
    height: 1.55rem;
}

.administration-section[b-f3b584k4l3] {
    display: grid;
    gap: 1rem;
}

.administration-section__heading[b-f3b584k4l3] {
    align-items: flex-start;
    gap: 1rem;
}

.administration-section__description[b-f3b584k4l3] {
    max-width: 42rem;
    margin: .4rem 0 0;
}

.administration-read-only[b-f3b584k4l3] {
    flex: none;
    border: 1px solid rgba(185, 182, 255, .3);
    border-radius: 999px;
    padding: .3rem .58rem;
    color: var(--dr-text-muted);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.administration-table-scroll[b-f3b584k4l3] {
    overflow-x: auto;
    border: 1px solid rgba(185, 182, 255, .18);
    border-radius: .85rem;
}

.administration-table-scroll:focus-visible[b-f3b584k4l3] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 3px;
}

.administration-table[b-f3b584k4l3] {
    width: 100%;
    min-width: 48rem;
    border-collapse: collapse;
    color: var(--dr-text);
    font-variant-numeric: tabular-nums;
}

.administration-table--activity[b-f3b584k4l3] {
    min-width: 58rem;
}

.administration-table th[b-f3b584k4l3],
.administration-table td[b-f3b584k4l3] {
    padding: .72rem .85rem;
    border-bottom: 1px solid rgba(185, 182, 255, .14);
    text-align: left;
    vertical-align: top;
}

.administration-table th[b-f3b584k4l3] {
    color: var(--dr-text-muted);
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.administration-table tbody tr:last-child td[b-f3b584k4l3] {
    border-bottom: 0;
}

.administration-table tbody tr:hover[b-f3b584k4l3] {
    background: rgba(185, 182, 255, .06);
}

.administration-account-actions[b-f3b584k4l3] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.administration-status[b-f3b584k4l3] {
    display: inline-block;
    border-radius: 999px;
    padding: .22rem .5rem;
    font-size: .78rem;
    font-weight: 700;
}

.administration-status--confirmed[b-f3b584k4l3] {
    color: #b7f1cc;
    background: rgba(96, 204, 137, .13);
}

.administration-status--unconfirmed[b-f3b584k4l3] {
    color: #ffe0a4;
    background: rgba(242, 196, 109, .13);
}

.administration-pagination[b-f3b584k4l3] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

@media (max-width: 42rem) {
    .administration-page-heading__copy[b-f3b584k4l3] {
        gap: .7rem;
    }

    .administration-page-heading__mark[b-f3b584k4l3] {
        width: 2.55rem;
        height: 2.55rem;
        border-radius: .85rem;
    }

    .administration-section__heading[b-f3b584k4l3] {
        align-items: stretch;
        flex-direction: column;
    }

    .administration-read-only[b-f3b584k4l3] {
        align-self: flex-start;
    }
}
/* /Components/Pages/AdministrationPush.razor.rz.scp.css */
.admin-push-page[b-fpq07c8m63] { display: grid; gap: 1rem; min-width: 0; }
.admin-push-page .page-heading[b-fpq07c8m63] { flex-wrap: wrap; gap: 1rem; }
.admin-push-page .page-heading > div[b-fpq07c8m63] { min-width: 0; }
.admin-push-page h1[b-fpq07c8m63], .admin-push-page h2[b-fpq07c8m63], .admin-push-page h3[b-fpq07c8m63], .admin-push-page p[b-fpq07c8m63] { overflow-wrap: anywhere; }
.admin-push-form[b-fpq07c8m63], .admin-push-review[b-fpq07c8m63] { display: grid; gap: 1rem; min-width: 0; }
.admin-push-form > div[b-fpq07c8m63] { display: grid; gap: .4rem; min-width: 0; }
.admin-push-form input[b-fpq07c8m63], .admin-push-form select[b-fpq07c8m63], .admin-push-form textarea[b-fpq07c8m63] { width: 100%; min-width: 0; max-width: 100%; min-height: 2.75rem; box-sizing: border-box; }
.admin-push-form textarea[b-fpq07c8m63] { resize: vertical; }
.admin-push-form small[b-fpq07c8m63] { color: var(--dr-text-muted); }
.admin-push-preview[b-fpq07c8m63] { border: 1px solid var(--dr-border); border-radius: var(--dr-radius-small); padding: 1rem; background: rgba(var(--dr-bg-rgb), .45); }
.admin-push-preview p[b-fpq07c8m63] { white-space: pre-wrap; }
.admin-push-actions[b-fpq07c8m63] { display: flex; flex-wrap: wrap; gap: .75rem; }
.admin-push-page button[b-fpq07c8m63], .admin-push-page .button[b-fpq07c8m63] { min-height: 2.75rem; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 480px) { .admin-push-actions[b-fpq07c8m63] { flex-direction: column; } .admin-push-actions > *[b-fpq07c8m63] { width: 100%; } }
/* /Components/Pages/AdministrationUserLog.razor.rz.scp.css */
.administration-user-log-page[b-1pk0jhkvt9],
.administration-user-log-panel[b-1pk0jhkvt9] {
    display: grid;
    gap: 1rem;
}

.administration-user-log-heading[b-1pk0jhkvt9],
.administration-user-log-panel__heading[b-1pk0jhkvt9],
.administration-user-log-day-picker[b-1pk0jhkvt9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.administration-user-log-read-only[b-1pk0jhkvt9] {
    flex: none;
    border: 1px solid rgba(185, 182, 255, .3);
    border-radius: 999px;
    padding: .3rem .58rem;
    color: var(--dr-text-muted);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.administration-user-log-day-picker[b-1pk0jhkvt9] {
    align-items: end;
    flex-wrap: wrap;
}

.administration-user-log-day-picker nav[b-1pk0jhkvt9],
.administration-user-log-day-picker form[b-1pk0jhkvt9] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .65rem;
}

.administration-user-log-day-picker label[b-1pk0jhkvt9] {
    display: grid;
    gap: .3rem;
    color: var(--dr-text-muted);
    font-size: .82rem;
    font-weight: 700;
}

.administration-user-log-day-picker input[b-1pk0jhkvt9] {
    min-height: 2.35rem;
}

.administration-user-log-day[b-1pk0jhkvt9] {
    border-top: 1px solid rgba(185, 182, 255, .18);
    padding-top: 1rem;
}

.administration-user-log-day h3[b-1pk0jhkvt9],
.administration-user-log-timeline h4[b-1pk0jhkvt9] {
    margin: .2rem 0;
}

.administration-user-log-timeline[b-1pk0jhkvt9] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.administration-user-log-timeline li[b-1pk0jhkvt9] {
    position: relative;
    display: grid;
    grid-template-columns: 1.4rem minmax(0, 1fr);
    gap: .75rem;
    padding: 0 0 1.15rem;
}

.administration-user-log-timeline li:not(:last-child)[b-1pk0jhkvt9]::before {
    position: absolute;
    top: .8rem;
    bottom: 0;
    left: .42rem;
    width: 2px;
    background: rgba(185, 182, 255, .3);
    content: "";
}

.administration-user-log-timeline__marker[b-1pk0jhkvt9] {
    z-index: 1;
    width: .9rem;
    height: .9rem;
    margin-top: .28rem;
    border: 2px solid #1b2033;
    border-radius: 50%;
    background: var(--dr-focus);
    box-shadow: 0 0 0 .2rem rgba(185, 182, 255, .16);
}

.administration-user-log-timeline__content[b-1pk0jhkvt9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(185, 182, 255, .18);
    border-radius: .8rem;
    background: rgba(185, 182, 255, .05);
}

.administration-user-log-timeline__time[b-1pk0jhkvt9] {
    margin: 0;
    color: var(--dr-text-muted);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.administration-user-log-timeline h4 span[b-1pk0jhkvt9] {
    color: var(--dr-text-muted);
    font-weight: 500;
}

.administration-user-log-timeline__content > .muted[b-1pk0jhkvt9] {
    flex: none;
    margin: .1rem 0 0;
    font-size: .86rem;
    text-align: right;
}

.administration-user-log-gap[b-1pk0jhkvt9] {
    grid-column: 2;
    margin: -.35rem 0 .35rem;
    padding: .65rem .8rem;
    border-left: 3px solid #f2c46d;
    border-radius: .45rem;
    background: rgba(242, 196, 109, .1);
    color: #ffe0a4;
    font-size: .86rem;
}

@media (max-width: 42rem) {
    .administration-user-log-heading[b-1pk0jhkvt9],
    .administration-user-log-panel__heading[b-1pk0jhkvt9],
    .administration-user-log-timeline__content[b-1pk0jhkvt9] {
        align-items: stretch;
        flex-direction: column;
    }

    .administration-user-log-read-only[b-1pk0jhkvt9] {
        align-self: flex-start;
    }

    .administration-user-log-timeline__content > .muted[b-1pk0jhkvt9] {
        text-align: left;
    }
}
/* /Components/Pages/AiBabySleepTracker.razor.rz.scp.css */
.seo-page[b-mgfuwhygev] { min-width: 0; }
.seo-breadcrumbs[b-mgfuwhygev] { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; min-height: 44px; margin-top: 1.25rem; color: var(--dr-text-muted); font-size: .84rem; }
.seo-breadcrumbs a[b-mgfuwhygev], .seo-breadcrumbs span[b-mgfuwhygev] { min-height: 44px; display: inline-flex; align-items: center; }
.seo-breadcrumbs a[b-mgfuwhygev] { color: var(--dr-primary); }
.seo-hero[b-mgfuwhygev] { max-width: 52rem; padding: clamp(3.5rem, 8vw, 6.5rem) 0 clamp(3rem, 7vw, 5rem); }
.seo-hero h1[b-mgfuwhygev] { max-width: 18ch; margin: .45rem 0 1.2rem; color: var(--dr-text); font-family: var(--dr-font-display); font-size: clamp(2.7rem, 6vw, 4.65rem); font-weight: 760; letter-spacing: -.06em; line-height: .98; text-wrap: balance; }
.seo-lede[b-mgfuwhygev] { max-width: 46rem; color: var(--dr-text-muted); font-size: clamp(1.08rem, 1.8vw, 1.28rem); line-height: 1.65; }
.seo-section[b-mgfuwhygev] { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.seo-card-grid[b-mgfuwhygev] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.seo-card[b-mgfuwhygev] { min-width: 0; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--dr-border); border-radius: var(--dr-radius-card); background: linear-gradient(145deg, rgba(var(--dr-primary-rgb), .06), transparent 55%), var(--dr-surface); box-shadow: var(--dr-shadow-card); }
.seo-card__number[b-mgfuwhygev] { color: var(--dr-primary); font-family: var(--dr-font-numeric); font-size: .78rem; font-weight: 800; letter-spacing: .1em; }
.seo-card h3[b-mgfuwhygev] { margin: .7rem 0 .55rem; font-family: var(--dr-font-display); font-size: 1.35rem; }
.seo-card p[b-mgfuwhygev], .seo-reading-stack p[b-mgfuwhygev], .seo-closing p[b-mgfuwhygev] { color: var(--dr-text-muted); line-height: 1.65; }
.seo-card p[b-mgfuwhygev] { margin: 0; }
.seo-section--split[b-mgfuwhygev] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 7vw, 6rem); align-items: start; }
.seo-reading-stack[b-mgfuwhygev] { display: grid; gap: 1rem; }
.seo-reading-stack p[b-mgfuwhygev] { margin: 0; padding: 1rem 0 1rem 1.1rem; border-left: 2px solid rgba(var(--dr-primary-rgb), .4); }
.seo-reading-stack strong[b-mgfuwhygev] { color: var(--dr-text); }
.seo-closing[b-mgfuwhygev] { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 2rem 0 4rem; padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid rgba(var(--dr-primary-rgb), .22); border-radius: clamp(1.5rem, 4vw, 2.5rem); background: linear-gradient(120deg, rgba(var(--dr-primary-rgb), .12), rgba(var(--dr-accent-rgb), .05)), var(--dr-surface); box-shadow: var(--dr-shadow-card); }
.seo-closing h2[b-mgfuwhygev] { max-width: 22ch; margin: .35rem 0 .65rem; font-family: var(--dr-font-display); font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: -.045em; line-height: 1.08; }
.seo-closing p[b-mgfuwhygev] { max-width: 42rem; margin: 0; }
.seo-closing__actions[b-mgfuwhygev] { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .75rem; align-items: center; }
@media (max-width: 760px) { .seo-card-grid[b-mgfuwhygev], .seo-section--split[b-mgfuwhygev] { grid-template-columns: 1fr; } .seo-closing[b-mgfuwhygev] { align-items: flex-start; flex-direction: column; } .seo-closing__actions[b-mgfuwhygev] { width: 100%; } }
@media (max-width: 520px) { .seo-hero h1[b-mgfuwhygev] { font-size: clamp(2.35rem, 11vw, 3rem); } .seo-closing__actions .button[b-mgfuwhygev] { flex: 1 1 10rem; } }
/* /Components/Pages/ChildDetail.razor.rz.scp.css */
.child-detail-heading[b-a283og2n8s] { align-items: center; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid rgba(var(--dr-primary-rgb), .18); border-radius: var(--dr-radius-card); background: radial-gradient(circle at 82% 15%, rgba(var(--dr-primary-rgb), .15), transparent 11rem), var(--dr-surface); box-shadow: var(--dr-shadow-card); }
.child-detail-heading__copy[b-a283og2n8s] { display: flex; align-items: center; gap: 1rem; }
.child-detail-heading__planet[b-a283og2n8s] { display: grid; flex: 0 0 3.5rem; width: 3.5rem; height: 3.5rem; place-items: center; border: 1px solid rgba(255,255,255,.26); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #e8e0ff, #9685de 55%, #463a81); box-shadow: 0 0 1.5rem rgba(var(--dr-primary-rgb), .28); color: #11112c; font-family: var(--dr-font-display); font-size: 1.25rem; font-weight: 900; }
.child-detail-heading__copy p:last-child[b-a283og2n8s] { margin: .2rem 0 0; color: var(--dr-text-muted); }
.child-detail-panel[b-a283og2n8s] { position: relative; overflow: hidden; margin-top: 1rem; }
.child-detail-panel[b-a283og2n8s]::after { position: absolute; right: -3.5rem; bottom: -5rem; width: 9rem; height: 9rem; content: ""; border: 1px solid rgba(var(--dr-primary-rgb), .08); border-radius: 50%; pointer-events: none; }
.child-detail-panel h2[b-a283og2n8s] { font-family: var(--dr-font-display); }
@media (max-width: 640px) { .child-detail-heading[b-a283og2n8s] { align-items: flex-start; } .child-detail-heading__planet[b-a283og2n8s] { width: 3rem; height: 3rem; flex-basis: 3rem; } }
/* /Components/Pages/Children.razor.rz.scp.css */
.children-page[b-rxc8oxu90z] {
    position: relative;
}

.children-page-heading[b-rxc8oxu90z] {
    align-items: center;
}

.children-page-heading__copy[b-rxc8oxu90z] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.children-page-heading__mark[b-rxc8oxu90z] {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border: 1px solid rgba(var(--dr-primary-rgb), .26);
    border-radius: 50%;
    background: radial-gradient(circle at 38% 32%, rgba(var(--dr-primary-rgb), .24), rgba(var(--dr-primary-rgb), .06) 58%, transparent 72%);
    box-shadow: inset 0 0 1.25rem rgba(var(--dr-primary-rgb), .09), 0 .65rem 1.75rem rgba(0, 0, 0, .18);
    animation: children-mark-in-b-rxc8oxu90z var(--motion-slow) var(--ease-spring) both;
}

.children-page-heading__mark[b-rxc8oxu90z]::after {
    position: absolute;
    top: .55rem;
    right: .5rem;
    width: .23rem;
    height: .23rem;
    border-radius: 50%;
    background: var(--dr-accent);
    box-shadow: -.85rem 1.35rem 0 -.05rem rgba(var(--dr-primary-rgb), .88), .3rem .85rem 0 -.07rem rgba(var(--dr-success-rgb), .85);
    content: "";
    opacity: .8;
}

.children-page-heading__mark img[b-rxc8oxu90z] {
    position: relative;
    z-index: 1;
    width: 1.45rem;
    height: 1.45rem;
}

.children-page-heading__summary[b-rxc8oxu90z] {
    max-width: 38rem;
    margin: .35rem 0 0;
    color: var(--dr-text-muted);
}

.children-page-heading__action[b-rxc8oxu90z] {
    flex: none;
}

.children-profiles-panel[b-rxc8oxu90z],
.children-add-panel[b-rxc8oxu90z],
.children-connect-panel[b-rxc8oxu90z],
.children-archived-panel[b-rxc8oxu90z] {
    position: relative;
    overflow: hidden;
}

.children-profiles-panel[b-rxc8oxu90z]::before,
.children-connect-panel[b-rxc8oxu90z]::before {
    position: absolute;
    top: 0;
    left: 1.35rem;
    width: 4.2rem;
    height: 1px;
    background: linear-gradient(90deg, var(--dr-primary), transparent);
    content: "";
    opacity: .58;
}

.children-empty[b-rxc8oxu90z] {
    margin-top: .85rem;
}

.children-profile-list[b-rxc8oxu90z] {
    margin-top: .85rem;
}

.children-profile-row[b-rxc8oxu90z] {
    position: relative;
    min-height: 64px;
    border: 1px solid transparent;
}

a.children-profile-row:hover[b-rxc8oxu90z],
a.children-profile-row:focus-visible[b-rxc8oxu90z] {
    border-color: rgba(var(--dr-primary-rgb), .28);
    background: linear-gradient(90deg, rgba(var(--dr-primary-rgb), .1), var(--dr-surface-elevated));
}

.children-profile-row__chevron[b-rxc8oxu90z] {
    color: var(--dr-primary);
    font-size: 1.55rem;
    line-height: 1;
    transition: transform var(--motion-fast) var(--ease-spring);
}

a.children-profile-row:hover .children-profile-row__chevron[b-rxc8oxu90z],
a.children-profile-row:focus-visible .children-profile-row__chevron[b-rxc8oxu90z] {
    transform: translateX(2px);
}

.children-panel-heading__star[b-rxc8oxu90z] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(var(--dr-accent-rgb), .28);
    border-radius: 50%;
    color: var(--dr-accent);
    background: rgba(var(--dr-accent-rgb), .08);
    font-size: 1.1rem;
}

.children-panel-intro[b-rxc8oxu90z] {
    max-width: 42rem;
    margin: .1rem 0 .25rem;
}

.children-form-group[b-rxc8oxu90z] {
    min-width: 0;
    margin: 1.25rem 0;
    border: 0;
    padding: 0;
}

.children-form-group legend[b-rxc8oxu90z] {
    margin-bottom: .25rem;
    color: var(--dr-text);
    font-weight: 800;
}

.children-form-group--planning[b-rxc8oxu90z] {
    border: 1px solid rgba(var(--dr-primary-rgb), .19);
    border-radius: var(--dr-radius-control);
    padding: .85rem 1rem 1rem;
    background: linear-gradient(135deg, rgba(var(--dr-primary-rgb), .08), transparent 58%);
}

.children-form-group--planning legend[b-rxc8oxu90z] {
    padding: 0 .25rem;
}

.children-fallback-copy[b-rxc8oxu90z] {
    max-width: 42rem;
    margin: .15rem 0 0;
    color: var(--dr-text-muted);
    font-size: .86rem;
}

.children-form-grid[b-rxc8oxu90z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 .85rem;
}

.children-field--wide[b-rxc8oxu90z] {
    grid-column: 1 / -1;
}

.children-form-grid .field[b-rxc8oxu90z] {
    min-width: 0;
}

.children-form-grid small[b-rxc8oxu90z] {
    color: var(--dr-text-muted);
    font-size: .78rem;
}

.children-connect-panel__orbit[b-rxc8oxu90z] {
    position: relative;
    display: block;
    flex: none;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(var(--dr-success-rgb), .42);
    border-radius: 50%;
    box-shadow: inset 0 0 0 .35rem rgba(var(--dr-success-rgb), .05);
}

.children-connect-panel__orbit[b-rxc8oxu90z]::after {
    position: absolute;
    top: .32rem;
    right: .22rem;
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    background: var(--dr-success);
    box-shadow: 0 0 .65rem rgba(var(--dr-success-rgb), .7);
    content: "";
}

.children-archived-panel[b-rxc8oxu90z] {
    border-color: color-mix(in srgb, var(--dr-border) 84%, var(--dr-primary));
}

@keyframes children-mark-in-b-rxc8oxu90z {
    from { opacity: 0; transform: translate3d(-.45rem, .2rem, 0) scale(.82); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 700px) {
    .children-page-heading[b-rxc8oxu90z] {
        gap: .85rem;
    }

    .children-page-heading__copy[b-rxc8oxu90z] {
        align-items: flex-start;
    }

    .children-page-heading__mark[b-rxc8oxu90z] {
        width: 2.7rem;
        height: 2.7rem;
    }

    .children-page-heading__action[b-rxc8oxu90z] {
        display: none;
    }
}

@media (max-width: 520px) {
    .children-form-grid[b-rxc8oxu90z] {
        grid-template-columns: 1fr;
    }

    .children-field--wide[b-rxc8oxu90z] {
        grid-column: auto;
    }

    .children-form-group--planning[b-rxc8oxu90z] {
        padding-inline: .85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .children-page-heading__mark[b-rxc8oxu90z] {
        animation: none;
    }

    .children-profile-row__chevron[b-rxc8oxu90z] {
        transition: none;
    }
}
.children-optional-settings[b-rxc8oxu90z] {
    margin-block: 1rem;
}

.children-optional-settings > summary[b-rxc8oxu90z] {
    min-height: 44px;
    padding-block: .75rem;
    cursor: pointer;
    font-weight: 600;
}

.children-optional-settings > summary:focus-visible[b-rxc8oxu90z] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 3px;
}
/* /Components/Pages/CompareBabySleepApps.razor.rz.scp.css */
.seo-page[b-hkbhgdmnmy] { min-width: 0; }
.seo-breadcrumbs[b-hkbhgdmnmy] { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; min-height: 44px; margin-top: 1.25rem; color: var(--dr-text-muted); font-size: .84rem; }
.seo-breadcrumbs a[b-hkbhgdmnmy], .seo-breadcrumbs span[b-hkbhgdmnmy] { min-height: 44px; display: inline-flex; align-items: center; }
.seo-breadcrumbs a[b-hkbhgdmnmy] { color: var(--dr-primary); }
.seo-hero[b-hkbhgdmnmy] { max-width: 54rem; padding: clamp(3.5rem, 8vw, 6.5rem) 0 clamp(3rem, 7vw, 5rem); }
.seo-hero h1[b-hkbhgdmnmy] { max-width: 20ch; margin: .45rem 0 1.1rem; color: var(--dr-text); font-family: var(--dr-font-display); font-size: clamp(2.7rem, 6vw, 4.65rem); font-weight: 760; letter-spacing: -.06em; line-height: .98; text-wrap: balance; }
.seo-review-date[b-hkbhgdmnmy] { margin: 0 0 1rem; color: var(--dr-primary); font-size: .9rem; font-weight: 750; }
.seo-lede[b-hkbhgdmnmy] { max-width: 48rem; color: var(--dr-text-muted); font-size: clamp(1.08rem, 1.8vw, 1.28rem); line-height: 1.65; }
.seo-method-note[b-hkbhgdmnmy] { max-width: 48rem; margin: 1rem 0 0; color: var(--dr-text-muted); font-size: .86rem; line-height: 1.55; }
.seo-section[b-hkbhgdmnmy] { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.seo-compare-grid[b-hkbhgdmnmy] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.seo-compare-card[b-hkbhgdmnmy] { min-width: 0; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--dr-border); border-radius: var(--dr-radius-card); background: linear-gradient(145deg, rgba(var(--dr-primary-rgb), .06), transparent 55%), var(--dr-surface); box-shadow: var(--dr-shadow-card); }
.seo-card__kicker[b-hkbhgdmnmy] { margin: 0; color: var(--dr-primary); font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.seo-compare-card h3[b-hkbhgdmnmy] { margin: .7rem 0 .65rem; font-family: var(--dr-font-display); font-size: 1.35rem; }
.seo-compare-card p[b-hkbhgdmnmy] { color: var(--dr-text-muted); line-height: 1.65; }
.seo-compare-card p:first-of-type[b-hkbhgdmnmy] { margin-top: 0; }
.seo-compare-note[b-hkbhgdmnmy] { margin-bottom: 0; padding-top: 1rem; border-top: 1px solid rgba(var(--dr-text-rgb), .1); font-size: .92rem; }
.seo-compare-card a[b-hkbhgdmnmy], .seo-closing p a[b-hkbhgdmnmy] { color: var(--dr-primary); }
.seo-section--split[b-hkbhgdmnmy] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 7vw, 6rem); align-items: start; }
.seo-checklist[b-hkbhgdmnmy] { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }
.seo-checklist li[b-hkbhgdmnmy] { display: grid; gap: .25rem; padding: 1rem 0 1rem 1.1rem; border-left: 2px solid rgba(var(--dr-primary-rgb), .4); }
.seo-checklist strong[b-hkbhgdmnmy] { color: var(--dr-text); }
.seo-checklist span[b-hkbhgdmnmy] { color: var(--dr-text-muted); line-height: 1.55; }
.seo-closing[b-hkbhgdmnmy] { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 2rem 0 4rem; padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid rgba(var(--dr-primary-rgb), .22); border-radius: clamp(1.5rem, 4vw, 2.5rem); background: linear-gradient(120deg, rgba(var(--dr-primary-rgb), .12), rgba(var(--dr-accent-rgb), .05)), var(--dr-surface); box-shadow: var(--dr-shadow-card); }
.seo-closing h2[b-hkbhgdmnmy] { max-width: 22ch; margin: .35rem 0 .65rem; font-family: var(--dr-font-display); font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: -.045em; line-height: 1.08; }
.seo-closing p[b-hkbhgdmnmy] { max-width: 42rem; margin: 0; color: var(--dr-text-muted); line-height: 1.65; }
.seo-closing__actions[b-hkbhgdmnmy] { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .75rem; align-items: center; }
@media (max-width: 900px) { .seo-compare-grid[b-hkbhgdmnmy] { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .seo-section--split[b-hkbhgdmnmy] { grid-template-columns: 1fr; } .seo-closing[b-hkbhgdmnmy] { align-items: flex-start; flex-direction: column; } .seo-closing__actions[b-hkbhgdmnmy] { width: 100%; } }
@media (max-width: 520px) { .seo-hero h1[b-hkbhgdmnmy] { font-size: clamp(2.35rem, 11vw, 3rem); } .seo-closing__actions .button[b-hkbhgdmnmy] { flex: 1 1 10rem; } }
/* /Components/Pages/Help.razor.rz.scp.css */
.help-page[b-y443f5bb5e] {
    max-width: 48rem;
    margin-inline: auto;
    overflow-wrap: anywhere;
}

.help-page p[b-y443f5bb5e] {
    line-height: 1.65;
    color: var(--dr-text-muted);
}

.help-page a[b-y443f5bb5e] {
    text-decoration: underline;
    text-underline-offset: .2em;
}

.help-steps[b-y443f5bb5e] {
    padding-inline-start: 1.5rem;
    margin-bottom: 0;
}

.help-steps li[b-y443f5bb5e] {
    padding-inline-start: .35rem;
    margin-block: 1.25rem;
}

.help-steps li[b-y443f5bb5e]::marker {
    color: var(--dr-accent);
    font-weight: 700;
}

.help-steps h3[b-y443f5bb5e] {
    margin-bottom: .35rem;
    font-size: 1.05rem;
}

.help-steps p[b-y443f5bb5e] {
    margin-block: 0;
}

.help-faq[b-y443f5bb5e] {
    margin-top: 2rem;
}

.help-answer[b-y443f5bb5e] {
    margin-block: .75rem;
    padding: 0;
}

.help-answer summary[b-y443f5bb5e] {
    min-height: 48px;
    padding: 1rem 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
}

.help-answer summary[b-y443f5bb5e]::marker {
    color: var(--dr-accent);
}

.help-answer > div[b-y443f5bb5e] {
    padding: 0 1.25rem 1rem;
}

.help-answer p[b-y443f5bb5e] {
    margin-top: .5rem;
}

.help-page a:focus-visible[b-y443f5bb5e],
.help-answer summary:focus-visible[b-y443f5bb5e] {
    outline: 2px solid var(--dr-accent);
    outline-offset: 3px;
    border-radius: 4px;
}
/* /Components/Pages/History.razor.rz.scp.css */
.history-page-heading[b-nb4rqkytjr] { align-items: center; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid rgba(var(--dr-recorded-rgb), .18); border-radius: var(--dr-radius-card); background: radial-gradient(circle at 82% 18%, rgba(var(--dr-recorded-rgb), .13), transparent 12rem), linear-gradient(135deg, rgba(var(--dr-primary-rgb), .045), transparent 50%), var(--dr-surface); box-shadow: var(--dr-shadow-card); }
.history-page-heading__copy[b-nb4rqkytjr] { display: flex; align-items: center; gap: 1rem; }
.history-page-heading__mark[b-nb4rqkytjr] { display: grid; flex: 0 0 3.25rem; width: 3.25rem; height: 3.25rem; place-items: center; border: 1px solid rgba(var(--dr-recorded-rgb), .2); border-radius: 50%; background: rgba(var(--dr-recorded-rgb), .08); }
.history-page-heading__mark img[b-nb4rqkytjr] { width: 1.65rem; height: 1.65rem; }
.history-page-heading__summary[b-nb4rqkytjr] { max-width: 38rem; margin: .25rem 0 0; color: var(--dr-text-muted); }
.history-child[b-nb4rqkytjr] { position: relative; overflow: hidden; }
.history-child[b-nb4rqkytjr]::before { position: absolute; top: 0; right: 0; width: 8rem; height: 8rem; content: ""; border: 1px solid rgba(var(--dr-recorded-rgb), .08); border-radius: 50%; transform: translate(38%, -45%); pointer-events: none; }
@media (max-width: 640px) { .history-page-heading[b-nb4rqkytjr] { align-items: flex-start; } .history-page-heading__mark[b-nb4rqkytjr] { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; } }
/* /Components/Pages/Insights.razor.rz.scp.css */
/*
    Forecast Insights is a record, not a dashboard: three plain numbers and a
    chronological list. Nothing here scores a child or a caregiver, so no colour
    is used to praise or scold an outcome — inside and outside differ only by a
    quiet edge marker.
*/
.insights-stats[b-9jyy2l12l7] {
    margin-top: 6px;
}

.insights-empty[b-9jyy2l12l7] {
    margin: 10px 0 0;
    color: rgba(220, 225, 246, .86);
    font-size: .96rem;
    line-height: 1.45;
}

.insights-basis[b-9jyy2l12l7] {
    margin: 12px 0 0;
    font-size: .82rem;
}

.insights-rows[b-9jyy2l12l7] {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
}

.insights-row[b-9jyy2l12l7] {
    padding: 12px 0 13px;
    border-top: 1px solid rgba(214, 207, 255, .1);
}

.insights-row:first-child[b-9jyy2l12l7] {
    border-top: none;
}

.insights-row__head[b-9jyy2l12l7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    color: #f4f2ff;
    font-size: 1rem;
}

.insights-row__date[b-9jyy2l12l7] {
    color: rgba(198, 191, 236, .82);
    font-size: .86rem;
    white-space: nowrap;
}

.insights-row__times[b-9jyy2l12l7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    margin-top: 7px;
    color: rgba(226, 221, 250, .9);
    font-size: .93rem;
}

.insights-row__times span[b-9jyy2l12l7] {
    display: flex;
    flex-direction: column;
}

.insights-row__times small[b-9jyy2l12l7] {
    color: rgba(186, 197, 229, .74);
    font-size: .68rem;
    font-weight: 760;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.insights-row__result[b-9jyy2l12l7] {
    display: inline-block;
    margin-top: 8px;
    color: rgba(198, 191, 236, .84);
    font-size: .85rem;
}

.insights-row.outside .insights-row__result[b-9jyy2l12l7] {
    color: rgba(224, 205, 236, .86);
}

@media (max-width: 640px) {
    .insights-row__head[b-9jyy2l12l7] {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

    .insights-row__times[b-9jyy2l12l7] {
        gap: 6px 16px;
    }
}
.insights-page-heading[b-9jyy2l12l7] { align-items: center; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid rgba(var(--dr-predicted-rgb), .18); border-radius: var(--dr-radius-card); background: radial-gradient(circle at 84% 12%, rgba(var(--dr-predicted-rgb), .14), transparent 12rem), var(--dr-surface); box-shadow: var(--dr-shadow-card); }
.insights-page-heading__copy[b-9jyy2l12l7] { display: flex; align-items: center; gap: 1rem; }
.insights-page-heading__mark[b-9jyy2l12l7] { display: grid; flex: 0 0 3.25rem; width: 3.25rem; height: 3.25rem; place-items: center; border-radius: 50%; background: rgba(var(--dr-predicted-rgb), .1); box-shadow: inset 0 0 0 1px rgba(var(--dr-predicted-rgb), .2), 0 0 1.5rem rgba(var(--dr-predicted-rgb), .12); color: var(--dr-predicted); font-size: 1.35rem; }
.insights-page-heading__copy p:last-child[b-9jyy2l12l7] { max-width: 42rem; margin: .2rem 0 0; color: var(--dr-text-muted); }
@media (max-width: 640px) {
    .insights-page-heading[b-9jyy2l12l7] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .insights-page-heading__copy[b-9jyy2l12l7] { min-width: 0; align-items: flex-start; }
    .insights-page-heading__copy > div[b-9jyy2l12l7] { min-width: 0; overflow-wrap: anywhere; }
    .insights-page-heading__mark[b-9jyy2l12l7] { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; }
    .insights-page-heading > .button[b-9jyy2l12l7] { align-self: flex-start; }
}
/* /Components/Pages/Internal/DreamlinePreview.razor.rz.scp.css */
.dreamline-preview-page[b-0dkw3iwibx] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    width: min(100%, 72rem);
    margin: 0 auto;
    padding: 1.25rem clamp(1rem, 3vw, 2rem) 3rem;
}

.dreamline-preview-page--capture[b-0dkw3iwibx] {
    --dreamline-capture-sticky-top: .75rem;
    --dreamline-capture-frame-offset: 9rem;
    width: min(100%, 42rem);
    gap: .75rem;
    padding-top: .75rem;
}

.dreamline-preview-header[b-0dkw3iwibx] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.dreamline-preview-header h1[b-0dkw3iwibx] {
    margin: .25rem 0;
    color: var(--dr-text, #f4f1ff);
}

.dreamline-preview-description[b-0dkw3iwibx] {
    max-width: 44rem;
    margin: 0;
    color: var(--dr-text-muted, #c3c0d9);
}

.dreamline-preview-meta[b-0dkw3iwibx],
.dreamline-preview-controls[b-0dkw3iwibx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.dreamline-preview-meta span[b-0dkw3iwibx],
.dreamline-preview-control[b-0dkw3iwibx],
.dreamline-preview-control-label[b-0dkw3iwibx],
.dreamline-preview-capture-entry[b-0dkw3iwibx],
.dreamline-preview-capture-exit[b-0dkw3iwibx] {
    border: 1px solid color-mix(in srgb, var(--dr-primary, #b9b6ff) 35%, transparent);
    border-radius: 999px;
    padding: .35rem .65rem;
    color: var(--dr-text-muted, #c3c0d9);
    font-size: .75rem;
    letter-spacing: .04em;
    text-transform: lowercase;
}

.dreamline-preview-control[b-0dkw3iwibx],
.dreamline-preview-capture-entry[b-0dkw3iwibx],
.dreamline-preview-capture-exit[b-0dkw3iwibx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    text-decoration: none;
    touch-action: manipulation;
}

.dreamline-preview-capture-entry[b-0dkw3iwibx],
.dreamline-preview-capture-exit[b-0dkw3iwibx] {
    color: var(--dr-text, #f4f1ff);
    font-weight: 750;
}

.dreamline-preview-toolbar[b-0dkw3iwibx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: .55rem;
}

.dreamline-preview-scenario[b-0dkw3iwibx] {
    display: grid;
    gap: .2rem;
    min-height: 3.65rem;
    padding: .65rem .75rem;
    border: 1px solid color-mix(in srgb, var(--dr-primary, #b9b6ff) 18%, transparent);
    border-radius: .85rem;
    color: var(--dr-text, #f4f1ff);
    text-decoration: none;
    background: color-mix(in srgb, var(--dr-surface, #161d3a) 82%, transparent);
}

.dreamline-preview-scenario small[b-0dkw3iwibx] {
    color: var(--dr-text-muted, #c3c0d9);
    font-size: .72rem;
    line-height: 1.3;
}

.dreamline-preview-scenario:hover[b-0dkw3iwibx],
.dreamline-preview-scenario:focus-visible[b-0dkw3iwibx],
.dreamline-preview-scenario.is-current[b-0dkw3iwibx],
.dreamline-preview-control:hover[b-0dkw3iwibx],
.dreamline-preview-control:focus-visible[b-0dkw3iwibx],
.dreamline-preview-control.is-current[b-0dkw3iwibx],
.dreamline-preview-capture-entry:hover[b-0dkw3iwibx],
.dreamline-preview-capture-entry:focus-visible[b-0dkw3iwibx],
.dreamline-preview-capture-exit:hover[b-0dkw3iwibx],
.dreamline-preview-capture-exit:focus-visible[b-0dkw3iwibx],
.dreamline-preview-step:hover[b-0dkw3iwibx],
.dreamline-preview-step:focus-visible[b-0dkw3iwibx] {
    border-color: color-mix(in srgb, var(--dr-primary, #b9b6ff) 72%, transparent);
    color: var(--dr-text, #f4f1ff);
    outline: none;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dr-primary, #b9b6ff) 18%, transparent);
}

.dreamline-preview-capture-stepper[b-0dkw3iwibx] {
    display: grid;
    gap: .5rem;
    position: sticky;
    top: var(--dreamline-capture-sticky-top);
    z-index: 18;
    scroll-margin-top: 1rem;
    border: 1px solid color-mix(in srgb, var(--dr-primary, #b9b6ff) 24%, transparent);
    border-radius: 1rem;
    padding: .7rem;
    background: color-mix(in srgb, var(--dr-surface, #161d3a) 96%, #090d20 4%);
    box-shadow: 0 12px 30px rgba(3, 5, 18, .34);
}

.dreamline-preview-stepper[b-0dkw3iwibx] {
    display: grid;
    grid-template-columns: minmax(5.5rem, auto) minmax(0, 1fr) minmax(5.5rem, auto);
    align-items: stretch;
    gap: .45rem;
}

.dreamline-preview-step[b-0dkw3iwibx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-height: 48px;
    border: 1px solid color-mix(in srgb, var(--dr-primary, #b9b6ff) 38%, transparent);
    border-radius: .8rem;
    padding: .45rem .65rem;
    color: var(--dr-text, #f4f1ff);
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none;
    background: color-mix(in srgb, var(--dr-surface-elevated, #202742) 82%, transparent);
    touch-action: manipulation;
}

.dreamline-preview-step > span[aria-hidden="true"][b-0dkw3iwibx] {
    font-size: 1.25rem;
    line-height: 1;
}

.dreamline-preview-stepper-status[b-0dkw3iwibx] {
    display: grid;
    min-width: 0;
    place-content: center;
    gap: .08rem;
    text-align: center;
}

.dreamline-preview-stepper-status span[b-0dkw3iwibx] {
    color: var(--dr-text-muted, #c3c0d9);
    font-size: .68rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dreamline-preview-stepper-status strong[b-0dkw3iwibx] {
    overflow: hidden;
    color: var(--dr-text, #f4f1ff);
    font-size: .82rem;
    line-height: 1.15;
    text-overflow: ellipsis;
}

.dreamline-preview-capture-settings[b-0dkw3iwibx] {
    border: 1px solid color-mix(in srgb, var(--dr-primary, #b9b6ff) 24%, transparent);
    border-radius: .8rem;
    padding: .35rem;
    background: color-mix(in srgb, var(--dr-surface-elevated, #202742) 42%, transparent);
}

.dreamline-preview-capture-settings > summary[b-0dkw3iwibx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 48px;
    padding: .3rem .55rem;
    border-radius: .75rem;
    color: var(--dr-text, #f4f1ff);
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
    list-style: none;
    touch-action: manipulation;
}

.dreamline-preview-capture-settings > summary[b-0dkw3iwibx]::-webkit-details-marker {
    display: none;
}

.dreamline-preview-capture-settings > summary[b-0dkw3iwibx]::after {
    content: "+";
    flex: 0 0 auto;
    color: var(--dr-primary, #b9b6ff);
    font-size: 1.15rem;
    line-height: 1;
}

.dreamline-preview-capture-settings[open] > summary[b-0dkw3iwibx]::after {
    content: "−";
}

.dreamline-preview-capture-settings > summary strong[b-0dkw3iwibx] {
    overflow: hidden;
    margin-left: auto;
    color: var(--dr-text-muted, #c3c0d9);
    font-size: .7rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dreamline-preview-capture-settings[open] > summary[b-0dkw3iwibx] {
    margin-bottom: .5rem;
    background: color-mix(in srgb, var(--dr-surface-elevated, #202742) 58%, transparent);
}

.dreamline-preview-capture-options[b-0dkw3iwibx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.dreamline-preview-capture-instruction[b-0dkw3iwibx] {
    margin: .55rem 0 0;
    color: var(--dr-text-muted, #c3c0d9);
    font-size: .72rem;
    line-height: 1.35;
    text-align: center;
}

.dreamline-preview-page--capture .dreamline-preview-disclaimer[b-0dkw3iwibx] {
    display: none;
}

.dreamline-preview-stage[b-0dkw3iwibx] {
    min-width: 0;
}

.dreamline-preview-stage[data-dreamline-preview-capture-frame][b-0dkw3iwibx] {
    scroll-margin-top: var(--dreamline-capture-frame-offset);
}

.dreamline-preview-stage[b-0dkw3iwibx]  .dreamline-panel {
    /* The preview page already trims the full instrument by 16px. Normal Today
       performs that trim inside the component; neutralize it here so panel and
       stage widths are identical in both hosts. */
    --dreamline-mobile-panel-inline-trim: 0px;
    margin-block: 0;
}

.dreamline-preview-disclaimer[b-0dkw3iwibx] {
    margin: 0;
    color: var(--dr-text-muted, #c3c0d9);
    font-size: .78rem;
}

@media (max-width: 42rem) {
    .dreamline-preview-header[b-0dkw3iwibx] {
        display: grid;
        align-items: start;
    }

    .dreamline-preview-page[b-0dkw3iwibx] {
        padding-inline: .75rem;
    }

    .dreamline-preview-page--capture[b-0dkw3iwibx] {
        --dreamline-capture-sticky-top: calc(env(safe-area-inset-top, 0px) + 4.1rem);
        --dreamline-capture-frame-offset: calc(env(safe-area-inset-top, 0px) + 13rem);
        padding-top: .5rem;
        padding-inline: .5rem;
    }

    .dreamline-preview-capture-stepper[b-0dkw3iwibx] {
        padding: .45rem;
    }

    .dreamline-preview-stepper[b-0dkw3iwibx] {
        grid-template-columns: 5.25rem minmax(0, 1fr) 5.25rem;
    }

    .dreamline-preview-step[b-0dkw3iwibx] {
        padding-inline: .45rem;
    }
}
/* /Components/Pages/PredictionLab/BenchmarkResultsPanel.razor.rz.scp.css */
.benchmark-results[b-9q24q2yag5] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.benchmark-results h4[b-9q24q2yag5],
.benchmark-results h5[b-9q24q2yag5],
.benchmark-results h6[b-9q24q2yag5],
.benchmark-results p[b-9q24q2yag5] {
    margin-top: 0;
}

.benchmark-results__controls[b-9q24q2yag5],
.benchmark-results__filters[b-9q24q2yag5] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: .75rem;
    min-width: 0;
}

.benchmark-results__controls > label[b-9q24q2yag5],
.benchmark-results__filters > label[b-9q24q2yag5] {
    flex: 1 1 15rem;
    min-width: min(100%, 15rem);
}

.benchmark-results__state[b-9q24q2yag5],
.benchmark-results__loading[b-9q24q2yag5] {
    margin: 0;
    padding: .7rem .85rem;
    border-radius: .65rem;
    overflow-wrap: anywhere;
}

.benchmark-results__state[b-9q24q2yag5] {
    color: #ffe0a4;
    background: rgba(242, 196, 109, .09);
}

.benchmark-results__loading[b-9q24q2yag5] {
    color: var(--dr-text-muted);
    background: rgba(185, 182, 255, .06);
}

.benchmark-results__run[b-9q24q2yag5],
.benchmark-results__captured[b-9q24q2yag5],
.benchmark-results__captured-run[b-9q24q2yag5],
.benchmark-results__captured-artifacts[b-9q24q2yag5],
.benchmark-results__models[b-9q24q2yag5],
.benchmark-results__archive[b-9q24q2yag5],
.benchmark-results__archive-meta[b-9q24q2yag5],
.benchmark-results__summary-group[b-9q24q2yag5] {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.benchmark-results__run > header[b-9q24q2yag5],
.benchmark-results__card > header[b-9q24q2yag5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
}

.benchmark-results__run > header p[b-9q24q2yag5],
.benchmark-results__archive p[b-9q24q2yag5],
.benchmark-results__archive-meta p[b-9q24q2yag5],
.benchmark-results__scope-note[b-9q24q2yag5],
.benchmark-results__muted[b-9q24q2yag5] {
    margin: 0;
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.benchmark-results__metadata[b-9q24q2yag5],
.benchmark-results__metrics[b-9q24q2yag5],
.benchmark-results__model-list article dl[b-9q24q2yag5],
.benchmark-results__model-identity[b-9q24q2yag5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: .55rem;
    margin: 0;
    min-width: 0;
}

.benchmark-results__metadata > div[b-9q24q2yag5],
.benchmark-results__metrics > div[b-9q24q2yag5],
.benchmark-results__model-list article[b-9q24q2yag5],
.benchmark-results__model-identity > dl > div[b-9q24q2yag5] {
    min-width: 0;
    padding: .65rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .65rem;
    background: rgba(10, 12, 28, .27);
    overflow-wrap: anywhere;
}

.benchmark-results__metadata dt[b-9q24q2yag5],
.benchmark-results__metrics dt[b-9q24q2yag5],
.benchmark-results__model-list dt[b-9q24q2yag5],
.benchmark-results__model-identity dt[b-9q24q2yag5] {
    color: var(--dr-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.benchmark-results__metadata dd[b-9q24q2yag5],
.benchmark-results__metrics dd[b-9q24q2yag5],
.benchmark-results__model-list dd[b-9q24q2yag5],
.benchmark-results__model-identity dd[b-9q24q2yag5] {
    margin: .15rem 0 0;
}

.benchmark-results__metadata code[b-9q24q2yag5],
.benchmark-results__run code[b-9q24q2yag5],
.benchmark-results__archive-meta code[b-9q24q2yag5],
.benchmark-results__model-list code[b-9q24q2yag5],
.benchmark-results__model-identity code[b-9q24q2yag5] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.benchmark-results__captured[b-9q24q2yag5] {
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding-top: 1rem;
    border-top: 1px solid rgba(185, 182, 255, .18);
}

.benchmark-results__captured-run[b-9q24q2yag5] {
    padding: .85rem;
    border: 1px solid rgba(96, 204, 137, .24);
    border-radius: .8rem;
    background: rgba(96, 204, 137, .045);
}

.benchmark-results__captured-run > header[b-9q24q2yag5],
.benchmark-results__captured-artifact > header[b-9q24q2yag5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
}

.benchmark-results__captured-run > header p[b-9q24q2yag5] {
    margin: 0;
    color: var(--dr-text-muted);
}

.benchmark-results__captured-artifacts[b-9q24q2yag5] {
    gap: .6rem;
}

.benchmark-results__captured-artifacts h5[b-9q24q2yag5] {
    margin: .25rem 0 0;
}

.benchmark-results__captured-artifact[b-9q24q2yag5] {
    display: grid;
    gap: .55rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .7rem;
    background: rgba(10, 12, 28, .22);
}

.benchmark-results__captured-artifact h6[b-9q24q2yag5] {
    margin: 0;
    overflow-wrap: anywhere;
}

.benchmark-results__captured-artifact dl[b-9q24q2yag5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: .45rem;
    margin: 0;
}

.benchmark-results__captured-artifact dl > div[b-9q24q2yag5] {
    min-width: 0;
}

.benchmark-results__captured-artifact dt[b-9q24q2yag5] {
    color: var(--dr-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.benchmark-results__captured-artifact dd[b-9q24q2yag5] {
    margin: .12rem 0 0;
    overflow-wrap: anywhere;
}

.benchmark-results__model-list[b-9q24q2yag5],
.benchmark-results__cards[b-9q24q2yag5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
    align-items: start;
    gap: .75rem;
    min-width: 0;
}

.benchmark-results__model-list article[b-9q24q2yag5] {
    display: grid;
    gap: .6rem;
}

.benchmark-results__model-list h6[b-9q24q2yag5],
.benchmark-results__card h6[b-9q24q2yag5] {
    margin: 0;
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.benchmark-results__archive[b-9q24q2yag5] {
    padding: .85rem;
    border: 1px solid rgba(185, 182, 255, .2);
    border-radius: .8rem;
    background: rgba(185, 182, 255, .045);
}

.benchmark-results__archive .benchmark-results__controls[b-9q24q2yag5] {
    align-items: end;
}

.benchmark-results__archive .benchmark-results__controls > label[b-9q24q2yag5] {
    flex-basis: 20rem;
}

.benchmark-results__card[b-9q24q2yag5] {
    display: grid;
    gap: .75rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgba(185, 182, 255, .2);
    border-radius: .8rem;
    background: rgba(185, 182, 255, .045);
}

.benchmark-results__card > header > span[b-9q24q2yag5] {
    color: var(--dr-text-muted);
    font-size: .85rem;
    font-weight: 700;
}

.benchmark-results__model-identity[b-9q24q2yag5] {
    display: grid;
    gap: .45rem;
}

.benchmark-results__model-identity > dl[b-9q24q2yag5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .45rem;
    margin: 0;
}

.benchmark-results__details[b-9q24q2yag5] {
    min-width: 0;
    padding: .65rem;
    border-left: 3px solid rgba(185, 182, 255, .4);
    border-radius: .35rem;
    background: rgba(10, 12, 28, .24);
}

.benchmark-results details > summary[b-9q24q2yag5] {
    cursor: pointer;
    font-weight: 750;
}

.benchmark-results details > summary:focus-visible[b-9q24q2yag5] {
    outline: 2px solid var(--dr-accent, #b9b6ff);
    outline-offset: 3px;
}

.benchmark-results__details h6[b-9q24q2yag5] {
    margin: .9rem 0 .35rem;
}

.benchmark-results__diagnostic-list[b-9q24q2yag5] {
    display: grid;
    gap: .35rem;
    margin: .35rem 0 .65rem;
    padding-left: 1.25rem;
    overflow-wrap: anywhere;
}

@media (max-width: 36rem) {
    .benchmark-results__controls[b-9q24q2yag5],
    .benchmark-results__filters[b-9q24q2yag5] {
        align-items: stretch;
    }

    .benchmark-results__controls > label[b-9q24q2yag5],
    .benchmark-results__filters > label[b-9q24q2yag5],
    .benchmark-results__controls > button[b-9q24q2yag5] {
        flex-basis: 100%;
        width: 100%;
    }

    .benchmark-results__model-list[b-9q24q2yag5],
    .benchmark-results__cards[b-9q24q2yag5] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/PredictionLab/PredictionLab.razor.rz.scp.css */
.prediction-lab[b-levve4bn16] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.prediction-lab__header[b-levve4bn16],
.prediction-lab__section-heading[b-levve4bn16],
.prediction-lab__actions[b-levve4bn16] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.prediction-lab__header > div:first-child[b-levve4bn16] {
    max-width: 54rem;
}

.prediction-lab__actions[b-levve4bn16] {
    flex-wrap: wrap;
    flex: none;
}

.prediction-lab__header p:last-child[b-levve4bn16],
.prediction-lab__muted[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__howto[b-levve4bn16] {
    margin: 0;
    padding: .75rem 1rem .75rem 1.6rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .85rem;
    background: rgba(185, 182, 255, .06);
}

.prediction-lab__howto li + li[b-levve4bn16] {
    margin-top: .4rem;
}

.prediction-lab__snapshot-guide[b-levve4bn16] {
    border-color: rgba(127, 228, 198, .28);
    background: linear-gradient(145deg, rgba(36, 70, 76, .28), rgba(14, 17, 36, .42));
}

.prediction-lab__snapshot-guide > p[b-levve4bn16] {
    margin-bottom: 0;
}

.prediction-lab__snapshot-guide .prediction-lab__howto[b-levve4bn16] {
    background: rgba(10, 12, 28, .24);
}

.prediction-lab__learning-curves[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.prediction-lab__learning-curves figure[b-levve4bn16] {
    min-width: 0;
    margin: 0;
    padding: .65rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .75rem;
}

.prediction-lab__learning-curves figcaption[b-levve4bn16] {
    margin-bottom: .4rem;
    color: var(--dr-text-muted);
    font-size: .88rem;
}

.prediction-lab__learning-curves svg[b-levve4bn16] {
    display: block;
    width: 100%;
    height: 8rem;
    overflow: visible;
}

.prediction-lab__profile .prediction-lab__actions[b-levve4bn16] {
    align-items: center;
    justify-content: flex-start;
}

.prediction-lab__help[b-levve4bn16] {
    display: block;
    margin: .2rem 0 .4rem;
    color: var(--dr-text-muted);
    font-size: .88rem;
    line-height: 1.35;
}

.prediction-lab__missing[b-levve4bn16] {
    display: grid;
    gap: .4rem;
    padding: .75rem .9rem;
    border: 1px solid rgba(255, 224, 164, .28);
    border-radius: .85rem;
    background: rgba(242, 196, 109, .08);
}

.prediction-lab__missing ul[b-levve4bn16] {
    margin: 0;
    padding-left: 1.1rem;
}

.prediction-lab__field small[b-levve4bn16],
.prediction-lab__choices small[b-levve4bn16] {
    display: block;
    color: var(--dr-text-muted);
}

.prediction-lab__panel[b-levve4bn16],
.prediction-lab__subpanel[b-levve4bn16],
.prediction-lab__profile[b-levve4bn16] {
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(185, 182, 255, .18);
    border-radius: 1rem;
    background: rgba(27, 29, 52, .72);
}

.prediction-lab__subpanel[b-levve4bn16] {
    padding: .9rem;
    background: rgba(14, 17, 36, .42);
}

.prediction-lab h1[b-levve4bn16],
.prediction-lab h2[b-levve4bn16],
.prediction-lab h3[b-levve4bn16],
.prediction-lab p[b-levve4bn16] {
    margin-top: 0;
}

.prediction-lab__tabs[b-levve4bn16] {
    display: grid;
    padding: .25rem;
    border-bottom: 1px solid rgba(185, 182, 255, .2);
}

.prediction-lab__tab-list[b-levve4bn16] {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.prediction-lab__tab-list button[b-levve4bn16] {
    flex: none;
    min-height: 2.75rem;
    border: 1px solid transparent;
    border-radius: .75rem .75rem 0 0;
    padding: .55rem .85rem;
    color: var(--dr-text-muted);
    background: transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.prediction-lab__tab-list button:hover[b-levve4bn16],
.prediction-lab__tab-list button.is-active[b-levve4bn16] {
    border-color: rgba(185, 182, 255, .25);
    color: var(--dr-text);
    background: rgba(185, 182, 255, .1);
}

.prediction-lab__section-picker[b-levve4bn16] {
    display: none;
}

.prediction-lab button:focus-visible[b-levve4bn16],
.prediction-lab a:focus-visible[b-levve4bn16],
.prediction-lab input:focus-visible[b-levve4bn16],
.prediction-lab select:focus-visible[b-levve4bn16] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 3px;
}

.prediction-lab__stats[b-levve4bn16],
.prediction-lab__cards[b-levve4bn16],
.prediction-lab__columns[b-levve4bn16],
.prediction-lab__form[b-levve4bn16],
.prediction-lab__job-selection[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.prediction-lab__stats article[b-levve4bn16] {
    display: grid;
    gap: .3rem;
    padding: .8rem;
    border: 1px solid rgba(185, 182, 255, .15);
    border-radius: .8rem;
    background: rgba(185, 182, 255, .06);
}

.prediction-lab__stats span[b-levve4bn16],
.prediction-lab__profile small[b-levve4bn16],
.prediction-lab__list small[b-levve4bn16],
.prediction-lab__choices small[b-levve4bn16] {
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.prediction-lab__stats strong[b-levve4bn16] {
    font-size: 1.35rem;
    font-variant-numeric: tabular-nums;
}

.prediction-lab__active-monitor[b-levve4bn16] {
    gap: 1rem;
    border-color: rgba(129, 211, 190, .34);
    background: linear-gradient(145deg, rgba(36, 70, 76, .34), rgba(14, 17, 36, .58));
}

.prediction-lab__monitor-note[b-levve4bn16] {
    color: var(--dr-text-muted);
    font-size: .85rem;
}

.prediction-lab__active-job-list[b-levve4bn16] {
    display: grid;
    gap: .75rem;
}

.prediction-lab__active-job[b-levve4bn16] {
    display: grid;
    gap: .7rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgba(129, 211, 190, .22);
    border-radius: .8rem;
    background: rgba(10, 12, 28, .3);
}

.prediction-lab__active-job-heading[b-levve4bn16],
.prediction-lab__active-job-meta[b-levve4bn16] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .55rem;
}

.prediction-lab__active-job-heading h4[b-levve4bn16],
.prediction-lab__active-job-heading p[b-levve4bn16],
.prediction-lab__active-job-message[b-levve4bn16] {
    margin: 0;
}

.prediction-lab__active-job-heading p[b-levve4bn16],
.prediction-lab__active-job-meta[b-levve4bn16],
.prediction-lab__active-job-stage span[b-levve4bn16],
.prediction-lab__monitor-footnote[b-levve4bn16] {
    color: var(--dr-text-muted);
    font-size: .86rem;
}

.prediction-lab__active-job-stage[b-levve4bn16] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.prediction-lab__active-job-stage strong[b-levve4bn16] {
    color: var(--dr-text);
}

.prediction-lab__job-progress-wrap[b-levve4bn16] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
}

.prediction-lab__job-progress[b-levve4bn16] {
    position: relative;
    height: .7rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(185, 182, 255, .14);
}

.prediction-lab__job-progress > span[b-levve4bn16] {
    display: block;
    height: 100%;
    min-width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #7fe4c6, #a5b7ff);
    transition: width .35s ease;
}

.prediction-lab__job-progress.is-indeterminate > span[b-levve4bn16] {
    width: 42%;
    min-width: 42%;
    background: linear-gradient(90deg, transparent, #7fe4c6, #a5b7ff, transparent);
    animation: prediction-lab-progress-sweep-b-levve4bn16 1.6s ease-in-out infinite;
}

.prediction-lab__job-progress-text[b-levve4bn16] {
    min-width: 4.7rem;
    color: var(--dr-text-muted);
    font-size: .85rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.prediction-lab__active-job-message[b-levve4bn16] {
    color: var(--dr-text);
    overflow-wrap: anywhere;
}

.prediction-lab__active-job-meta[b-levve4bn16] {
    align-items: center;
    justify-content: flex-start;
}

.prediction-lab__active-job-meta .button[b-levve4bn16] {
    margin-left: auto;
}

.prediction-lab__monitor-footnote[b-levve4bn16] {
    margin: 0;
}

.prediction-lab__job-details[b-levve4bn16] {
    gap: 1rem;
    border-color: rgba(165, 183, 255, .42);
    background: linear-gradient(145deg, rgba(39, 43, 78, .48), rgba(14, 17, 36, .72));
    scroll-margin-top: 1rem;
}

.prediction-lab__job-details:focus[b-levve4bn16] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 3px;
}

.prediction-lab__job-outcome[b-levve4bn16] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid rgba(165, 183, 255, .2);
    border-radius: .75rem;
    background: rgba(10, 12, 28, .3);
}

.prediction-lab__job-outcome p[b-levve4bn16] {
    margin: .25rem 0 0;
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.prediction-lab__job-outcome.is-success[b-levve4bn16] {
    border-color: rgba(127, 228, 198, .45);
    background: rgba(36, 70, 76, .3);
}

.prediction-lab__job-outcome.is-error[b-levve4bn16] {
    border-color: rgba(255, 150, 150, .38);
    background: rgba(95, 38, 55, .22);
}

.prediction-lab__job-details-grid[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
}

.prediction-lab__job-details-grid > div[b-levve4bn16] {
    min-width: 0;
    padding: .7rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .7rem;
    background: rgba(10, 12, 28, .28);
}

.prediction-lab__job-details-grid dt[b-levve4bn16] {
    color: var(--dr-text-muted);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.prediction-lab__job-details-grid dd[b-levve4bn16] {
    margin: .25rem 0 0;
    overflow-wrap: anywhere;
}

.prediction-lab__job-details-copy[b-levve4bn16] {
    display: grid;
    gap: .25rem;
}

.prediction-lab__job-details-copy p[b-levve4bn16],
.prediction-lab__job-details details p[b-levve4bn16] {
    margin: 0;
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.prediction-lab__job-output-list[b-levve4bn16] {
    display: grid;
    gap: .5rem;
    margin: .6rem 0 0;
    padding: 0;
    list-style: none;
}

.prediction-lab__job-output-list li[b-levve4bn16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-width: 0;
    padding: .55rem .7rem;
    border-radius: .65rem;
    background: rgba(10, 12, 28, .28);
}

.prediction-lab__job-output-list li > span[b-levve4bn16] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.prediction-lab__job-output-list li > div[b-levve4bn16] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.prediction-lab__artifact-metrics[b-levve4bn16] {
    display: grid;
    gap: .15rem;
    min-width: 0;
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.prediction-lab__artifact-metrics small[b-levve4bn16] {
    display: block;
    color: var(--dr-text-muted);
}

.prediction-lab__metric-guide[b-levve4bn16] {
    display: grid;
    gap: .25rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(165, 183, 255, .22);
    border-radius: .75rem;
    background: rgba(165, 183, 255, .08);
}

.prediction-lab__metric-guide p[b-levve4bn16] {
    margin: 0;
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.prediction-lab__submission-result[b-levve4bn16] {
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(129, 211, 190, .42);
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(36, 70, 76, .4), rgba(14, 17, 36, .7));
}

.prediction-lab__submission-result h2[b-levve4bn16],
.prediction-lab__submission-summary[b-levve4bn16] {
    margin: 0;
}

.prediction-lab__submission-summary[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__submission-jobs[b-levve4bn16] {
    display: grid;
    gap: .65rem;
}

.prediction-lab__submission-job[b-levve4bn16] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid rgba(185, 182, 255, .2);
    border-radius: .75rem;
    background: rgba(10, 12, 28, .3);
}

.prediction-lab__submission-job > div[b-levve4bn16] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.prediction-lab__submission-job small[b-levve4bn16] {
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.prediction-lab__submission-actions[b-levve4bn16] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.prediction-lab__table-wrap tr.is-focused[b-levve4bn16] {
    outline: 2px solid rgba(127, 228, 198, .72);
    outline-offset: -2px;
    background: rgba(127, 228, 198, .08);
}

.prediction-lab__table-wrap td[data-label="Actions"][b-levve4bn16] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

@media (max-width: 640px) {
    .prediction-lab__submission-job[b-levve4bn16] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .prediction-lab__submission-job .button[b-levve4bn16] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .prediction-lab__job-details-grid[b-levve4bn16] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .prediction-lab__job-output-list li[b-levve4bn16] {
        align-items: flex-start;
        flex-direction: column;
    }

    .prediction-lab__job-output-list li > div[b-levve4bn16],
    .prediction-lab__artifact-metrics[b-levve4bn16] {
        width: 100%;
    }

    .prediction-lab__job-output-list .button[b-levve4bn16] {
        width: 100%;
    }

    .prediction-lab__table-wrap[b-levve4bn16] {
        overflow: visible;
    }

    .prediction-lab__table-wrap table[b-levve4bn16],
    .prediction-lab__table-wrap tbody[b-levve4bn16],
    .prediction-lab__table-wrap tr[b-levve4bn16],
    .prediction-lab__table-wrap td[b-levve4bn16] {
        display: block;
        width: 100%;
    }

    .prediction-lab__table-wrap table[b-levve4bn16] {
        min-width: 0;
        table-layout: fixed;
    }

    .prediction-lab__table-wrap thead[b-levve4bn16] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .prediction-lab__table-wrap tbody[b-levve4bn16] {
        display: grid;
        gap: .75rem;
    }

    .prediction-lab__table-wrap tr[b-levve4bn16] {
        display: grid;
        gap: .45rem;
        padding: .8rem;
        border: 1px solid rgba(185, 182, 255, .2);
        border-radius: .75rem;
        background: rgba(10, 12, 28, .24);
    }

    .prediction-lab__table-wrap td[b-levve4bn16] {
        display: grid;
        grid-template-columns: 6.5rem minmax(0, 1fr);
        gap: .6rem;
        align-items: start;
        min-width: 0;
        padding: .25rem 0;
        border: 0;
        overflow-wrap: anywhere;
    }

    .prediction-lab__table-wrap td .prediction-lab__job-message[b-levve4bn16] {
        min-width: 0;
        max-width: none;
    }

    .prediction-lab__table-wrap td[b-levve4bn16]::before {
        content: attr(data-label);
        color: var(--dr-text-muted);
        font-size: .76rem;
        font-weight: 750;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .prediction-lab__table-wrap td[data-label="Actions"][b-levve4bn16] {
        display: flex;
        gap: .5rem;
        padding-top: .6rem;
        border-top: 1px solid rgba(185, 182, 255, .16);
    }

    .prediction-lab__table-wrap td[data-label="Actions"][b-levve4bn16]::before {
        display: none;
    }

    .prediction-lab__table-wrap td[data-label="Actions"] .button[b-levve4bn16] {
        flex: 1 1 8rem;
        min-height: 2.6rem;
    }

    .prediction-lab__job-outcome[b-levve4bn16] {
        flex-direction: column;
    }
}

@keyframes prediction-lab-progress-sweep-b-levve4bn16 {
    0% { transform: translateX(-130%); }
    100% { transform: translateX(250%); }
}

@media (prefers-reduced-motion: reduce) {
    .prediction-lab__job-progress > span[b-levve4bn16] {
        transition: none;
    }

    .prediction-lab__job-progress.is-indeterminate > span[b-levve4bn16] {
        animation: none;
        width: 100%;
        min-width: 100%;
        opacity: .45;
    }
}

.prediction-lab__list[b-levve4bn16] {
    display: grid;
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.prediction-lab__list li[b-levve4bn16],
.prediction-lab__profile[b-levve4bn16] {
    overflow-wrap: anywhere;
}

.prediction-lab__list li[b-levve4bn16] {
    display: grid;
    gap: .28rem;
    padding: .65rem 0;
    border-bottom: 1px solid rgba(185, 182, 255, .14);
}

.prediction-lab__list li:last-child[b-levve4bn16] {
    border-bottom: 0;
}

.prediction-lab__revoke-confirm[b-levve4bn16] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .55rem;
    border: 1px solid rgba(255, 211, 211, .35);
    border-radius: .7rem;
    background: rgba(220, 91, 91, .08);
}

.prediction-lab__schedule-list[b-levve4bn16] {
    display: grid;
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.prediction-lab__schedule-list li[b-levve4bn16] {
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .75rem;
    overflow-wrap: anywhere;
}

.prediction-lab__schedule-list li > div[b-levve4bn16] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.prediction-lab__schedule-list small[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__advanced-settings[b-levve4bn16],
.prediction-lab__schedule-editor[b-levve4bn16],
.prediction-lab__saved-schedules[b-levve4bn16] {
    min-width: 0;
    padding: .7rem .8rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .75rem;
    background: rgba(10, 12, 28, .2);
}

.prediction-lab__advanced-settings > summary[b-levve4bn16],
.prediction-lab__schedule-editor > summary[b-levve4bn16],
.prediction-lab__saved-schedules > summary[b-levve4bn16] {
    cursor: pointer;
    font-weight: 750;
}

.prediction-lab__advanced-settings > summary:focus-visible[b-levve4bn16],
.prediction-lab__schedule-editor > summary:focus-visible[b-levve4bn16],
.prediction-lab__saved-schedules > summary:focus-visible[b-levve4bn16] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 3px;
}

.prediction-lab__advanced-settings > .prediction-lab__muted[b-levve4bn16] {
    margin: .7rem 0;
}

.prediction-lab__schedule-editor[b-levve4bn16] {
    display: grid;
    gap: .75rem;
}

.prediction-lab__saved-schedules[b-levve4bn16] {
    display: grid;
    gap: .65rem;
}

.prediction-lab__report-list[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    align-items: start;
    gap: .75rem;
}

.prediction-lab__report-card[b-levve4bn16] {
    display: grid;
    gap: .55rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid rgba(185, 182, 255, .18);
    border-radius: .8rem;
    background: rgba(185, 182, 255, .04);
    overflow-wrap: anywhere;
}

.prediction-lab__report-card > small[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__report-state[b-levve4bn16] {
    margin: 0;
    padding: .6rem;
    border-radius: .6rem;
    color: var(--dr-text-muted);
    background: rgba(185, 182, 255, .08);
    overflow-wrap: anywhere;
}

.prediction-lab__report-state[role="alert"][b-levve4bn16] {
    color: #ffd3d3;
    background: rgba(220, 91, 91, .12);
}

.prediction-lab__report-content[b-levve4bn16] {
    min-width: 0;
    padding-top: .45rem;
    border-top: 1px solid rgba(185, 182, 255, .14);
}

.prediction-lab__pill[b-levve4bn16] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-size: .78rem;
    font-weight: 700;
}

.prediction-lab__pill.is-online[b-levve4bn16] {
    color: #b7f1cc;
    background: rgba(96, 204, 137, .13);
}

.prediction-lab__pill.is-waiting[b-levve4bn16] {
    color: #ffe0a4;
    background: rgba(242, 196, 109, .13);
}

.prediction-lab__pill.is-muted[b-levve4bn16] {
    color: var(--dr-text-muted);
    background: rgba(185, 182, 255, .1);
}

.prediction-lab__pill.is-error[b-levve4bn16],
.prediction-lab__error[b-levve4bn16] {
    color: #ffd3d3;
    background: rgba(220, 91, 91, .14);
}

.prediction-lab__enrollment[b-levve4bn16],
.prediction-lab__notice[b-levve4bn16],
.prediction-lab__error[b-levve4bn16] {
    display: grid;
    gap: .4rem;
    overflow-wrap: anywhere;
    padding: .8rem;
    border-radius: .8rem;
}

.prediction-lab__enrollment[b-levve4bn16],
.prediction-lab__notice[b-levve4bn16] {
    color: var(--dr-text);
    background: rgba(185, 182, 255, .1);
}

.prediction-lab__enrollment code[b-levve4bn16] {
    width: fit-content;
    border: 1px solid rgba(185, 182, 255, .25);
    border-radius: .5rem;
    padding: .45rem .65rem;
    font-size: 1.1rem;
    letter-spacing: .08em;
}

.prediction-lab__field[b-levve4bn16] {
    display: grid;
    gap: .4rem;
    min-width: 0;
    color: var(--dr-text);
    font-weight: 650;
}

.prediction-lab__field input[b-levve4bn16],
.prediction-lab__field select[b-levve4bn16],
.prediction-lab__section-picker select[b-levve4bn16] {
    width: 100%;
    min-height: 2.75rem;
    min-width: 0;
    border: 1px solid rgba(185, 182, 255, .28);
    border-radius: .65rem;
    padding: .55rem .65rem;
    color: var(--dr-text);
    background: rgba(10, 12, 28, .74);
    font: inherit;
}

.prediction-lab__field input[type="file"][b-levve4bn16] {
    padding: .4rem;
}

.prediction-lab__identity[b-levve4bn16] {
    display: grid;
    gap: .8rem;
    border: 1px solid rgba(129, 211, 190, .24);
    border-radius: .8rem;
    padding: .85rem;
    background: rgba(129, 211, 190, .06);
}

.prediction-lab__identity h4[b-levve4bn16],
.prediction-lab__identity p[b-levve4bn16] {
    margin: 0;
}

.prediction-lab__identity code[b-levve4bn16] {
    color: var(--dr-text);
    font-size: .92em;
}

.prediction-lab__identity > .button[b-levve4bn16] {
    width: fit-content;
}

.prediction-lab__choices[b-levve4bn16] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .45rem;
    min-width: 0;
    margin: 0;
    border: 1px solid rgba(185, 182, 255, .17);
    border-radius: .8rem;
    padding: .75rem;
}

.prediction-lab__choices legend[b-levve4bn16] {
    padding: 0 .3rem;
    font-weight: 750;
}

.prediction-lab__choices label[b-levve4bn16] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .45rem;
    width: 100%;
    min-width: 0;
    padding: .4rem;
    border-radius: .55rem;
    background: rgba(185, 182, 255, .05);
    overflow-wrap: anywhere;
}

.prediction-lab__choices label > input[b-levve4bn16] {
    grid-column: 1;
    grid-row: 1 / -1;
}

.prediction-lab__choices label > span[b-levve4bn16],
.prediction-lab__choices label > small[b-levve4bn16] {
    grid-column: 2;
    min-width: 0;
}

.prediction-lab__choices input[b-levve4bn16] {
    width: 1.1rem;
    height: 1.1rem;
    margin: .15rem 0 0;
}

.prediction-lab__choices small[b-levve4bn16] {
    display: block;
}

.prediction-lab__table-wrap[b-levve4bn16] {
    max-width: 100%;
    overflow: auto;
    border: 1px solid rgba(185, 182, 255, .18);
    border-radius: .8rem;
}

.prediction-lab__table-wrap:focus-visible[b-levve4bn16] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 3px;
}

.prediction-lab__snapshot-list[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 25rem), 1fr));
    gap: .75rem;
    min-width: 0;
}

.prediction-lab__snapshot[b-levve4bn16] {
    display: grid;
    align-content: start;
    gap: .75rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgba(185, 182, 255, .18);
    border-radius: .8rem;
    background: rgba(185, 182, 255, .045);
    overflow-wrap: anywhere;
}

.prediction-lab__snapshot-heading[b-levve4bn16] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
}

.prediction-lab__snapshot-heading h4[b-levve4bn16],
.prediction-lab__snapshot-heading p[b-levve4bn16],
.prediction-lab__snapshot-freshness[b-levve4bn16] {
    margin: 0;
}

.prediction-lab__snapshot-heading h4[b-levve4bn16] {
    overflow-wrap: anywhere;
}

.prediction-lab__snapshot-heading p[b-levve4bn16],
.prediction-lab__snapshot-freshness[b-levve4bn16],
.prediction-lab__snapshot-heading > strong[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__snapshot-heading > strong[b-levve4bn16] {
    font-size: .9rem;
}

.prediction-lab__snapshot-heading > strong span[b-levve4bn16] {
    color: var(--dr-text);
    font-size: 1.15rem;
    font-variant-numeric: tabular-nums;
}

.prediction-lab__snapshot-freshness[b-levve4bn16] {
    font-size: .85rem;
    font-variant-numeric: tabular-nums;
}

.prediction-lab__snapshot-eligibility[b-levve4bn16],
.prediction-lab__snapshot-notes[b-levve4bn16] {
    display: grid;
    gap: .45rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.prediction-lab__snapshot-eligibility[b-levve4bn16] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}

.prediction-lab__snapshot-eligibility li[b-levve4bn16],
.prediction-lab__snapshot-notes li[b-levve4bn16] {
    display: grid;
    gap: .3rem;
    min-width: 0;
    padding: .6rem;
    border-radius: .65rem;
    background: rgba(10, 12, 28, .28);
    overflow-wrap: anywhere;
}

.prediction-lab__snapshot-eligibility li small[b-levve4bn16],
.prediction-lab__snapshot-notes li span[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__snapshot-details[b-levve4bn16] {
    min-width: 0;
    padding-top: .6rem;
    border-top: 1px solid rgba(185, 182, 255, .14);
}

.prediction-lab__snapshot-details > summary[b-levve4bn16],
.prediction-lab__import > summary[b-levve4bn16] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 750;
}

.prediction-lab__snapshot-details > summary:focus-visible[b-levve4bn16],
.prediction-lab__import > summary:focus-visible[b-levve4bn16] {
    outline: 2px solid var(--dr-focus);
    outline-offset: 3px;
}

.prediction-lab__snapshot-details dl[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: .5rem;
    margin: .5rem 0;
}

.prediction-lab__snapshot-details dl > div[b-levve4bn16] {
    min-width: 0;
    padding: .55rem;
    border: 1px solid rgba(185, 182, 255, .14);
    border-radius: .6rem;
    overflow-wrap: anywhere;
}

.prediction-lab__snapshot-details dt[b-levve4bn16] {
    color: var(--dr-text-muted);
    font-size: .76rem;
    font-weight: 700;
}

.prediction-lab__snapshot-details dd[b-levve4bn16] {
    margin: .15rem 0 0;
}

.prediction-lab__snapshot-details code[b-levve4bn16] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.prediction-lab__snapshot-details h5[b-levve4bn16] {
    margin: .8rem 0 .4rem;
}

.prediction-lab__import > summary[b-levve4bn16] {
    justify-content: flex-start;
}

.prediction-lab table[b-levve4bn16] {
    width: 100%;
    min-width: 52rem;
    border-collapse: collapse;
    color: var(--dr-text);
    font-variant-numeric: tabular-nums;
}

.prediction-lab th[b-levve4bn16],
.prediction-lab td[b-levve4bn16] {
    padding: .65rem .75rem;
    border-bottom: 1px solid rgba(185, 182, 255, .14);
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.prediction-lab__job-message[b-levve4bn16] {
    display: block;
    min-width: 12rem;
    max-width: 34rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.prediction-lab th[b-levve4bn16] {
    color: var(--dr-text-muted);
    font-size: .76rem;
    text-transform: uppercase;
}

.prediction-lab__empty[b-levve4bn16] {
    color: var(--dr-text-muted);
    margin: 0;
}

.prediction-lab__tabs button.is-workspace-active[b-levve4bn16] {
    color: var(--dr-text);
    border-color: rgba(185, 182, 255, .5);
    background: rgba(185, 182, 255, .12);
}

.prediction-lab__experiment-list[b-levve4bn16] {
    display: grid;
    gap: .65rem;
}

.prediction-lab__experiment-card[b-levve4bn16],
.prediction-lab__archive-row[b-levve4bn16] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem;
    border: 1px solid rgba(185, 182, 255, .14);
    border-radius: .75rem;
}

.prediction-lab__experiment-card > div[b-levve4bn16] {
    display: grid;
    flex: 1;
    gap: .2rem;
}

.prediction-lab__experiment-card.is-selected[b-levve4bn16],
.prediction-lab__experiment-detail[b-levve4bn16] {
    border-color: rgba(185, 182, 255, .48);
}

.prediction-lab__experiment-detail[b-levve4bn16] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(185, 182, 255, .3);
    border-radius: .9rem;
    scroll-margin-block-start: calc(5rem + env(safe-area-inset-top, 0px));
}

.prediction-lab__result-summary[b-levve4bn16],
.prediction-lab__result-evidence[b-levve4bn16] {
    display: grid;
    gap: .45rem;
    padding: 1rem;
    border: 1px solid rgba(185, 182, 255, .3);
    border-radius: .9rem;
    background: rgba(20, 23, 48, .72);
}

.prediction-lab__result-summary.is-improved[b-levve4bn16] {
    border-color: rgba(111, 218, 162, .55);
    background: linear-gradient(145deg, rgba(31, 72, 62, .58), rgba(20, 23, 48, .78));
}

.prediction-lab__result-summary h4[b-levve4bn16],
.prediction-lab__result-summary p[b-levve4bn16],
.prediction-lab__result-evidence p[b-levve4bn16] {
    margin: 0;
}

.prediction-lab__comparison-cards[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: .65rem;
}

.prediction-lab__comparison-cards article[b-levve4bn16] {
    display: grid;
    align-content: start;
    gap: .3rem;
    min-width: 0;
    padding: .9rem;
    border-radius: .85rem;
    background: rgba(38, 41, 75, .72);
}

.prediction-lab__comparison-cards article.is-improved[b-levve4bn16] {
    outline: 1px solid rgba(111, 218, 162, .5);
    background: rgba(31, 72, 62, .48);
}

.prediction-lab__comparison-cards strong[b-levve4bn16] {
    font-size: clamp(1.25rem, 4vw, 1.7rem);
}

.prediction-lab__comparison-cards small[b-levve4bn16],
.prediction-lab__result-evidence p[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__hybrid-diagnostics[b-levve4bn16] {
    padding-top: .15rem;
}

.prediction-lab__hybrid-diagnostics > summary[b-levve4bn16] {
    cursor: pointer;
    font-weight: 700;
}

.prediction-lab__hybrid-diagnostics[open] > summary[b-levve4bn16] {
    margin-bottom: 1rem;
}

.prediction-lab__metric-cards[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: .65rem;
}

.prediction-lab__metric-cards article[b-levve4bn16] {
    display: grid;
    gap: .25rem;
    padding: .75rem;
    border-radius: .75rem;
    background: rgba(185, 182, 255, .07);
}

.prediction-lab__child-insights[b-levve4bn16],
.prediction-lab__child-target-insight[b-levve4bn16],
.prediction-lab__prediction-details[b-levve4bn16] {
    display: grid;
    gap: 1rem;
}

.prediction-lab__child-insights[b-levve4bn16] {
    margin-top: 1rem;
}

.prediction-lab__panel[data-lab-section="accuracy"][b-levve4bn16],
.prediction-lab__child-insights[b-levve4bn16],
.prediction-lab__prediction-details[b-levve4bn16] {
    scroll-margin-top: 5.5rem;
}

.prediction-lab__accuracy-quick-filters[b-levve4bn16] {
    align-items: end;
}

.prediction-lab__accuracy-filters[b-levve4bn16],
.prediction-lab__accuracy-about[b-levve4bn16] {
    padding: .7rem .8rem;
    border: 1px solid rgba(185, 182, 255, .16);
    border-radius: .75rem;
    background: rgba(10, 12, 28, .2);
}

.prediction-lab__accuracy-filters > summary[b-levve4bn16],
.prediction-lab__accuracy-about > summary[b-levve4bn16] {
    min-height: 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 750;
}

.prediction-lab__accuracy-filters[open] > summary[b-levve4bn16],
.prediction-lab__accuracy-about[open] > summary[b-levve4bn16] {
    margin-bottom: .75rem;
}

.prediction-lab__child-target-insight[b-levve4bn16] {
    padding: 1rem;
    border: 1px solid rgba(185, 182, 255, .3);
    border-radius: .9rem;
    background: rgba(9, 11, 27, .3);
}

.prediction-lab__accuracy-child-grid[b-levve4bn16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: .75rem;
}

.prediction-lab__accuracy-child-card[b-levve4bn16] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: start;
    gap: .75rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(185, 182, 255, .25);
    border-radius: .9rem;
    background: linear-gradient(145deg, rgba(38, 41, 75, .72), rgba(14, 17, 36, .5));
}

.prediction-lab__accuracy-child-card h3[b-levve4bn16],
.prediction-lab__accuracy-child-card p[b-levve4bn16] {
    margin: 0;
    overflow-wrap: anywhere;
}

.prediction-lab__accuracy-child-card > div:first-child[b-levve4bn16] {
    grid-column: 1 / -1;
}

.prediction-lab__accuracy-child-metric[b-levve4bn16] {
    display: grid;
    grid-column: 1 / -1;
    gap: .15rem;
}

.prediction-lab__accuracy-child-metric span[b-levve4bn16],
.prediction-lab__prediction-heading small[b-levve4bn16] {
    color: var(--dr-text-muted);
}

.prediction-lab__accuracy-child-metric strong[b-levve4bn16] {
    font-size: clamp(1.7rem, 5vw, 2.2rem);
    color: var(--dr-text-primary, #efedff);
    letter-spacing: -.04em;
    font-variant-numeric: tabular-nums;
}

.prediction-lab__accuracy-child-card > .button[b-levve4bn16] {
    grid-column: 1 / -1;
    justify-self: start;
    width: fit-content;
}

.prediction-lab__prediction-details[b-levve4bn16] {
    padding-top: 1rem;
    border-top: 1px solid rgba(185, 182, 255, .18);
}

.prediction-lab__target-details[b-levve4bn16] {
    padding-top: .6rem;
    border-top: 1px solid rgba(185, 182, 255, .14);
}

.prediction-lab__target-details > summary[b-levve4bn16] {
    min-height: 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--dr-text-muted);
    font-weight: 700;
}

.prediction-lab__prediction-list[b-levve4bn16] {
    display: grid;
    gap: .65rem;
}

.prediction-lab__prediction-card[b-levve4bn16] {
    display: grid;
    gap: .75rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgba(185, 182, 255, .18);
    border-radius: .8rem;
    background: rgba(10, 12, 28, .28);
}

.prediction-lab__prediction-heading[b-levve4bn16] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.prediction-lab__prediction-heading > div[b-levve4bn16] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.prediction-lab__prediction-heading > strong[b-levve4bn16] {
    flex: none;
    font-variant-numeric: tabular-nums;
}

.prediction-lab__prediction-pagination[b-levve4bn16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .65rem;
    color: var(--dr-text-muted);
    font-size: .88rem;
}

.prediction-lab__child-target-insight h4[b-levve4bn16] {
    margin: 0;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.prediction-lab__more-menu[b-levve4bn16] {
    position: relative;
}

.prediction-lab__more-menu[open][b-levve4bn16] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.prediction-lab__more-menu summary[b-levve4bn16] {
    cursor: pointer;
}

.prediction-lab__skeleton[b-levve4bn16] {
    height: .8rem;
    max-width: 24rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(185,182,255,.08), rgba(185,182,255,.18), rgba(185,182,255,.08));
}

@media (max-width: 48rem) {
    .prediction-lab__header[b-levve4bn16],
    .prediction-lab__section-heading[b-levve4bn16] {
        flex-direction: column;
    }

    .prediction-lab__actions[b-levve4bn16] {
        width: 100%;
    }

    .prediction-lab__stats[b-levve4bn16],
    .prediction-lab__cards[b-levve4bn16],
    .prediction-lab__columns[b-levve4bn16],
    .prediction-lab__form[b-levve4bn16],
    .prediction-lab__job-selection[b-levve4bn16] {
        grid-template-columns: minmax(0, 1fr);
    }

    .prediction-lab__table-wrap[b-levve4bn16] {
        overflow-x: auto;
    }

    .prediction-lab table[b-levve4bn16] {
        min-width: 44rem;
    }

    .prediction-lab__experiment-card[b-levve4bn16],
    .prediction-lab__archive-row[b-levve4bn16] {
        align-items: stretch;
        flex-direction: column;
    }

    .prediction-lab__panel[b-levve4bn16],
    .prediction-lab__subpanel[b-levve4bn16],
    .prediction-lab__profile[b-levve4bn16] {
        padding: .75rem;
    }
}

@media (max-width: 36rem) {
    .prediction-lab__tab-list[b-levve4bn16] {
        display: none;
    }

    .prediction-lab__section-picker[b-levve4bn16] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: .65rem;
        width: 100%;
    }

    .prediction-lab__snapshot-list[b-levve4bn16],
    .prediction-lab__snapshot-eligibility[b-levve4bn16] {
        grid-template-columns: minmax(0, 1fr);
    }

    .prediction-lab__learning-curves[b-levve4bn16] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/PredictionLab/SnapshotPredictionReportView.razor.rz.scp.css */
.snapshot-prediction-report[b-8r3cyj63k3] {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.snapshot-prediction-report__header[b-8r3cyj63k3],
.snapshot-prediction-report__candidate > header[b-8r3cyj63k3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .65rem;
    min-width: 0;
}

.snapshot-prediction-report__header h4[b-8r3cyj63k3],
.snapshot-prediction-report__details h5[b-8r3cyj63k3] {
    margin: 0;
}

.snapshot-prediction-report__header p[b-8r3cyj63k3] {
    margin: .25rem 0 0;
    color: var(--dr-text-muted);
}

.snapshot-prediction-report__dataset-hash[b-8r3cyj63k3],
.snapshot-prediction-report__identity small[b-8r3cyj63k3] {
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.snapshot-prediction-report__candidates[b-8r3cyj63k3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
    align-items: start;
    gap: .75rem;
}

.snapshot-prediction-report__candidate[b-8r3cyj63k3] {
    display: grid;
    gap: .7rem;
    min-width: 0;
    padding: .8rem;
    border: 1px solid rgba(185, 182, 255, .2);
    border-radius: .8rem;
    background: rgba(185, 182, 255, .045);
}

.snapshot-prediction-report__identity[b-8r3cyj63k3] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.snapshot-prediction-report__identity code[b-8r3cyj63k3] {
    overflow-wrap: anywhere;
}

.snapshot-prediction-report__status[b-8r3cyj63k3] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-size: .78rem;
    font-weight: 750;
}

.snapshot-prediction-report__status.is-predicted[b-8r3cyj63k3] {
    color: #b7f1cc;
    background: rgba(96, 204, 137, .13);
}

.snapshot-prediction-report__status.is-routed[b-8r3cyj63k3] {
    color: #ffe0a4;
    background: rgba(242, 196, 109, .13);
}

.snapshot-prediction-report__status.is-unavailable[b-8r3cyj63k3] {
    color: #ffd3d3;
    background: rgba(220, 91, 91, .14);
}

.snapshot-prediction-report__status.is-muted[b-8r3cyj63k3] {
    color: var(--dr-text-muted);
    background: rgba(185, 182, 255, .1);
}

.snapshot-prediction-report__candidate dl[b-8r3cyj63k3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
}

.snapshot-prediction-report__candidate dl > div[b-8r3cyj63k3] {
    min-width: 0;
    padding: .5rem;
    border-radius: .55rem;
    background: rgba(10, 12, 28, .38);
    overflow-wrap: anywhere;
}

.snapshot-prediction-report__candidate dt[b-8r3cyj63k3] {
    color: var(--dr-text-muted);
    font-size: .75rem;
    font-weight: 700;
}

.snapshot-prediction-report__candidate dd[b-8r3cyj63k3] {
    margin: .15rem 0 0;
}

.snapshot-prediction-report__details[b-8r3cyj63k3] {
    display: grid;
    gap: .35rem;
    padding: .65rem;
    border-left: 3px solid rgba(242, 196, 109, .55);
    background: rgba(242, 196, 109, .06);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.snapshot-prediction-report__details p[b-8r3cyj63k3],
.snapshot-prediction-report__details ul[b-8r3cyj63k3] {
    margin: 0;
}

.snapshot-prediction-report__details ul[b-8r3cyj63k3] {
    padding-left: 1.2rem;
}

@media (max-width: 36rem) {
    .snapshot-prediction-report__candidate dl[b-8r3cyj63k3] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-3uc741f4vl] {
    position: relative;
    min-width: 0;
}

.settings-page-heading[b-3uc741f4vl] {
    align-items: center;
}

.settings-page-heading__copy[b-3uc741f4vl] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.settings-page-heading__mark[b-3uc741f4vl] {
    position: relative;
    display: grid;
    flex: none;
    place-items: center;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border: 1px solid rgba(var(--dr-primary-rgb), .28);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, rgba(var(--dr-primary-rgb), .24), rgba(var(--dr-primary-rgb), .06) 57%, transparent 72%);
    box-shadow: inset 0 0 1.2rem rgba(var(--dr-primary-rgb), .1), 0 .65rem 1.75rem rgba(0, 0, 0, .18);
    animation: settings-mark-in-b-3uc741f4vl var(--motion-slow) var(--ease-spring) both;
}

.settings-page-heading__mark[b-3uc741f4vl]::before,
.settings-page-heading__mark[b-3uc741f4vl]::after {
    position: absolute;
    border-radius: 50%;
    content: "";
}

.settings-page-heading__mark[b-3uc741f4vl]::before {
    top: .52rem;
    right: .52rem;
    width: .23rem;
    height: .23rem;
    background: var(--dr-accent);
    box-shadow: -.9rem 1.35rem 0 -.05rem rgba(var(--dr-primary-rgb), .88);
}

.settings-page-heading__mark[b-3uc741f4vl]::after {
    right: -.8rem;
    bottom: -.95rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(var(--dr-success-rgb), .22);
}

.settings-page-heading__mark img[b-3uc741f4vl] {
    position: relative;
    z-index: 1;
    width: 1.38rem;
    height: 1.38rem;
}

.settings-page-heading__summary[b-3uc741f4vl] {
    max-width: 40rem;
    margin: .35rem 0 0;
    color: var(--dr-text-muted);
}

.settings-group[b-3uc741f4vl] {
    position: relative;
    min-width: 0;
    margin: 2.1rem 0 2.45rem;
}

.settings-group-heading[b-3uc741f4vl] {
    position: relative;
    max-width: 46rem;
    min-width: 0;
    margin: 0 0 .6rem .2rem;
}

.settings-group-heading[b-3uc741f4vl]::before {
    position: absolute;
    top: .72rem;
    left: -1.15rem;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--dr-primary);
    box-shadow: 0 0 .75rem rgba(var(--dr-primary-rgb), .58);
    content: "";
    opacity: .72;
}

.settings-group-heading h2[b-3uc741f4vl] {
    margin: .05rem 0 .2rem;
    color: var(--dr-text);
    font-size: 1.35rem;
    letter-spacing: -.03em;
}

.settings-group-heading > p:last-child[b-3uc741f4vl] {
    margin: 0;
    color: var(--dr-text-muted);
}

.settings-page .panel h3[b-3uc741f4vl] {
    margin: .05rem 0 .6rem;
    color: var(--dr-text);
    font-size: 1.12rem;
    letter-spacing: -.02em;
}

.settings-page .panel[b-3uc741f4vl],
.settings-overview[b-3uc741f4vl],
.settings-overview__intro[b-3uc741f4vl],
.notification-child-list[b-3uc741f4vl],
.notification-child-row[b-3uc741f4vl],
.settings-disclosure__content[b-3uc741f4vl] {
    min-width: 0;
}

.settings-install-panel[b-3uc741f4vl] {
    border-color: rgba(var(--dr-primary-rgb), .25);
    background: linear-gradient(135deg, rgba(var(--dr-primary-rgb), .09), var(--dr-surface) 56%);
}

.settings-motion-panel[b-3uc741f4vl] {
    border-color: rgba(var(--dr-primary-rgb), .3);
    background: linear-gradient(135deg, rgba(var(--dr-primary-rgb), .08), var(--dr-surface) 62%);
}

.settings-motion-layout[b-3uc741f4vl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem);
    gap: 1rem;
    align-items: stretch;
}

.settings-motion-options[b-3uc741f4vl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.settings-motion-option[b-3uc741f4vl] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    min-height: 4.35rem;
    border: 1px solid var(--dr-border);
    border-radius: var(--dr-radius-small);
    padding: .68rem .7rem;
    color: var(--dr-text-muted);
    background: rgba(var(--dr-bg-rgb), .22);
    cursor: pointer;
    transition: border-color var(--motion-fast) var(--ease-gentle), background-color var(--motion-fast) var(--ease-gentle), color var(--motion-fast) var(--ease-gentle), transform var(--motion-fast) var(--ease-spring);
}

.settings-motion-option:hover[b-3uc741f4vl] {
    border-color: rgba(var(--dr-primary-rgb), .5);
    transform: translateY(-1px);
}

.settings-motion-option.is-selected[b-3uc741f4vl] {
    border-color: rgba(var(--dr-primary-rgb), .78);
    color: var(--dr-text);
    background: rgba(var(--dr-primary-rgb), .13);
    box-shadow: 0 0 0 1px rgba(var(--dr-primary-rgb), .12), 0 .45rem 1rem rgba(0, 0, 0, .12);
}

.settings-motion-option input[b-3uc741f4vl] {
    flex: none;
    width: 1.05rem;
    height: 1.05rem;
    margin: .08rem 0 0;
    accent-color: var(--dr-primary);
}

.settings-motion-option span[b-3uc741f4vl] {
    display: grid;
    gap: .18rem;
}

.settings-motion-option strong[b-3uc741f4vl] {
    color: inherit;
    font-size: .88rem;
}

.settings-motion-option small[b-3uc741f4vl] {
    color: var(--dr-text-muted);
    font-size: .74rem;
    line-height: 1.35;
}

.settings-notification-panel[b-3uc741f4vl],
.settings-child-reminders[b-3uc741f4vl] {
    isolation: isolate;
}

.settings-notification-panel[b-3uc741f4vl]::before,
.settings-child-reminders[b-3uc741f4vl]::before {
    position: absolute;
    z-index: -1;
    top: -4rem;
    right: 0;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--dr-primary-rgb), .1), transparent 66%);
    content: "";
    pointer-events: none;
}

.settings-notification-panel .panel-heading > div[b-3uc741f4vl] {
    min-width: 0;
}

.settings-notification-panel .badge[b-3uc741f4vl] {
    max-width: 45%;
    white-space: normal;
    text-align: right;
    overflow-wrap: anywhere;
}

.settings-profiles-panel[b-3uc741f4vl] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    border-color: rgba(var(--dr-success-rgb), .28);
    background: linear-gradient(135deg, rgba(var(--dr-success-rgb), .08), var(--dr-surface) 62%);
}

.settings-profiles-panel__mark[b-3uc741f4vl] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(var(--dr-success-rgb), .3);
    border-radius: 50%;
    background: rgba(var(--dr-success-rgb), .08);
}

.settings-profiles-panel__mark img[b-3uc741f4vl] {
    width: 1.25rem;
    height: 1.25rem;
}

.settings-profiles-panel p[b-3uc741f4vl] {
    margin: 0;
}

.settings-profiles-panel > div[b-3uc741f4vl] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.settings-danger-panel[b-3uc741f4vl] {
    background: linear-gradient(135deg, rgba(var(--dr-danger-rgb), .07), var(--dr-surface) 60%);
}

@keyframes settings-mark-in-b-3uc741f4vl {
    from { opacity: 0; transform: translate3d(-.4rem, .18rem, 0) scale(.82); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 700px) {
    .settings-page-heading__copy[b-3uc741f4vl] {
        align-items: flex-start;
    }

    .settings-page-heading__mark[b-3uc741f4vl] {
        width: 2.7rem;
        height: 2.7rem;
    }

    .settings-group[b-3uc741f4vl] {
        margin-block: 1.7rem 2rem;
    }

    .settings-group-heading[b-3uc741f4vl]::before {
        left: -.85rem;
    }

    .settings-profiles-panel[b-3uc741f4vl] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .settings-profiles-panel .button[b-3uc741f4vl] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .settings-motion-layout[b-3uc741f4vl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .settings-profiles-panel[b-3uc741f4vl] {
        gap: .8rem;
        padding: 1.1rem;
    }

    .settings-motion-options[b-3uc741f4vl] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .settings-page-heading__mark[b-3uc741f4vl] {
        animation: none;
    }

    .settings-motion-option[b-3uc741f4vl] {
        transition: none;
    }
}
.settings-overview[b-3uc741f4vl] {
    display: grid;
    gap: .65rem;
    margin: 0 0 1.5rem;
    padding: clamp(1rem, 3vw, 1.35rem);
    border: 1px solid rgba(var(--dr-primary-rgb), .18);
    border-radius: var(--dr-radius-card);
    background: linear-gradient(145deg, rgba(var(--dr-primary-rgb), .07), transparent 55%), var(--dr-surface);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12);
}

.settings-overview__intro .eyebrow[b-3uc741f4vl] { margin: 0; }
.settings-overview__intro h2[b-3uc741f4vl] { margin: .1rem 0 0; font-size: clamp(1.2rem, 2.4vw, 1.55rem); }
.settings-jump-links[b-3uc741f4vl] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; min-width: 0; }
.settings-jump-links a[b-3uc741f4vl] { display: flex; min-width: 0; min-height: 2.75rem; align-items: center; justify-content: center; border: 1px solid rgba(var(--dr-primary-rgb), .2); border-radius: var(--dr-radius-small); padding: .55rem .7rem; color: var(--dr-text); background: rgba(var(--dr-bg-rgb), .35); font-weight: 750; text-align: center; text-decoration: none; overflow-wrap: anywhere; transition: border-color var(--dr-motion-fast), background var(--dr-motion-fast); }
.settings-jump-links a:hover[b-3uc741f4vl] { border-color: rgba(var(--dr-primary-rgb), .55); background: rgba(var(--dr-primary-rgb), .1); }
.settings-jump-links a:focus-visible[b-3uc741f4vl] { outline: 3px solid var(--dr-focus); outline-offset: 2px; }
.settings-group[b-3uc741f4vl] { scroll-margin-top: 1.5rem; }

.settings-disclosure > summary[b-3uc741f4vl],
.settings-reminder-more > summary[b-3uc741f4vl] {
    display: flex;
    min-width: 0;
    min-height: var(--dr-target-min);
    align-items: center;
    gap: .7rem;
    color: var(--dr-text);
    font-weight: 800;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.settings-disclosure > summary[b-3uc741f4vl]::marker,
.settings-reminder-more > summary[b-3uc741f4vl]::marker {
    color: var(--dr-primary-soft);
}

.settings-disclosure > summary[b-3uc741f4vl]::before,
.settings-reminder-more > summary[b-3uc741f4vl]::before {
    content: "+";
    flex: none;
    color: var(--dr-primary-soft);
}

.settings-disclosure[open] > summary[b-3uc741f4vl]::before,
.settings-reminder-more[open] > summary[b-3uc741f4vl]::before {
    content: "−";
}

.settings-disclosure[open] > summary[b-3uc741f4vl] { margin-bottom: .25rem; }
.settings-disclosure > summary .badge[b-3uc741f4vl] { max-width: 55%; margin-left: auto; white-space: normal; text-align: right; overflow-wrap: anywhere; }
.settings-disclosure__content[b-3uc741f4vl] { margin-top: .55rem; }
.settings-disclosure__content > :first-child[b-3uc741f4vl] { margin-top: 0; }
.settings-disclosure__content > :last-child[b-3uc741f4vl] { margin-bottom: 0; }

.settings-child-reminders .notification-child-row[b-3uc741f4vl] {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: .7rem;
    overflow-wrap: anywhere;
}

.settings-reminder-child[b-3uc741f4vl],
.settings-reminder-common[b-3uc741f4vl],
.settings-reminder-more[b-3uc741f4vl],
.settings-reminder-extra-options[b-3uc741f4vl] {
    min-width: 0;
}

.settings-reminder-child[b-3uc741f4vl] { display: flex; align-items: center; overflow-wrap: anywhere; }
.settings-reminder-common[b-3uc741f4vl] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .25rem .7rem; margin: 0; border: 0; padding: 0; }
.settings-reminder-common .check[b-3uc741f4vl] { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.settings-reminder-common .check input[b-3uc741f4vl] { flex: none; }
.settings-reminder-more[b-3uc741f4vl] { border-top: 1px solid rgba(var(--dr-primary-rgb), .12); padding-top: .35rem; }
.settings-reminder-more > summary[b-3uc741f4vl] { min-height: 2.75rem; }
.settings-reminder-extra-options[b-3uc741f4vl] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: .25rem .8rem; padding-top: .35rem; }
.settings-reminder-extra-options > *[b-3uc741f4vl] { min-width: 0; }
.settings-reminder-extra-options .check[b-3uc741f4vl] { margin: 0; overflow-wrap: anywhere; }
.settings-reminder-extra-options .check input[b-3uc741f4vl] { flex: none; }
.settings-reminder-policy[b-3uc741f4vl] { margin: .55rem 0 0; color: var(--dr-text-muted); font-size: .85rem; line-height: 1.45; overflow-wrap: anywhere; }
.settings-password-panel form[b-3uc741f4vl],
.settings-danger-panel form[b-3uc741f4vl] { min-width: 0; }

@media (max-width: 760px) {
    .settings-jump-links[b-3uc741f4vl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .settings-reminder-common[b-3uc741f4vl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .settings-reminder-extra-options[b-3uc741f4vl] { grid-template-columns: 1fr; }
}

@media (max-width: 380px) {
    .settings-jump-links[b-3uc741f4vl] { gap: .4rem; }
    .settings-jump-links a[b-3uc741f4vl] { padding-inline: .4rem; }
    .settings-reminder-common[b-3uc741f4vl] { grid-template-columns: 1fr; }
    .settings-notification-panel .panel-heading[b-3uc741f4vl] { align-items: flex-start; }
    .settings-notification-panel .badge[b-3uc741f4vl] { max-width: 42%; }
}

@media (prefers-reduced-motion: reduce) {
    .settings-jump-links a[b-3uc741f4vl] { transition: none; }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-page[b-4eac785y6z] {
    width: min(100%, 56rem);
    margin-inline: auto;
    padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.support-page__heading[b-4eac785y6z] {
    align-items: center;
    gap: 1rem;
}

.support-page__heading > div[b-4eac785y6z] {
    min-width: 0;
}

.support-page__actions[b-4eac785y6z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.support-page__heading h1[b-4eac785y6z] {
    margin-bottom: .3rem;
}

.support-page__summary[b-4eac785y6z] {
    max-width: 38rem;
    margin: 0;
    color: var(--dr-text-muted);
}

.support-inbox[b-4eac785y6z],
.support-compose[b-4eac785y6z],
.support-conversation[b-4eac785y6z] {
    margin-top: 1.1rem;
}

.support-section-heading[b-4eac785y6z],
.support-conversation__heading[b-4eac785y6z],
.support-compose__actions[b-4eac785y6z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
}

.support-section-heading h2[b-4eac785y6z],
.support-compose h2[b-4eac785y6z],
.support-conversation h2[b-4eac785y6z] {
    margin: .05rem 0 .3rem;
    color: var(--dr-text);
}

.support-section-heading .eyebrow[b-4eac785y6z],
.support-compose > .eyebrow[b-4eac785y6z],
.support-conversation__heading .eyebrow[b-4eac785y6z] {
    margin: 0 0 .25rem;
}

.support-thread__unread[b-4eac785y6z] {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(var(--dr-primary-rgb), .3);
    border-radius: 999px;
    padding: .24rem .58rem;
    color: var(--dr-text);
    background: rgba(var(--dr-primary-rgb), .11);
    font-size: .8rem;
    font-weight: 700;
}

.support-thread-list[b-4eac785y6z],
.support-message-list[b-4eac785y6z] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.support-thread[b-4eac785y6z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-width: 0;
    border: 1px solid var(--dr-border);
    border-radius: var(--dr-radius-small);
    padding: .78rem .85rem;
    color: var(--dr-text);
    background: rgba(var(--dr-bg-rgb), .3);
    text-decoration: none;
}

.support-thread:hover[b-4eac785y6z] {
    border-color: rgba(var(--dr-primary-rgb), .55);
    background: rgba(var(--dr-primary-rgb), .08);
}

.support-thread__main[b-4eac785y6z] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.support-thread__meta[b-4eac785y6z] {
    color: var(--dr-text-muted);
    overflow-wrap: anywhere;
}

.support-thread__meta time[b-4eac785y6z],
.support-message__meta time[b-4eac785y6z] {
    font-size: .78rem;
}

.support-thread__main strong[b-4eac785y6z] {
    overflow-wrap: anywhere;
}

.support-empty[b-4eac785y6z],
.support-state p[b-4eac785y6z] {
    color: var(--dr-text-muted);
}

.support-empty[b-4eac785y6z] {
    margin: .55rem 0 0;
}

.support-load-more[b-4eac785y6z] {
    margin-top: .7rem;
}

.support-compose > .muted[b-4eac785y6z] {
    max-width: 48rem;
    margin: .15rem 0 1rem;
}

.support-compose form[b-4eac785y6z],
.support-reply[b-4eac785y6z] {
    display: grid;
    gap: .45rem;
}

.support-compose label[b-4eac785y6z],
.support-reply label[b-4eac785y6z] {
    color: var(--dr-text);
    font-weight: 700;
}

.support-compose input[b-4eac785y6z],
.support-compose textarea[b-4eac785y6z],
.support-reply textarea[b-4eac785y6z] {
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--dr-border);
    border-radius: var(--dr-radius-small);
    padding: .68rem .76rem;
    color: var(--dr-text);
    background: rgba(var(--dr-bg-rgb), .38);
    font: inherit;
}

.support-compose textarea[b-4eac785y6z],
.support-reply textarea[b-4eac785y6z] {
    min-height: 7rem;
    resize: vertical;
}

.support-compose input:focus-visible[b-4eac785y6z],
.support-compose textarea:focus-visible[b-4eac785y6z],
.support-reply textarea:focus-visible[b-4eac785y6z],
.support-page button:focus-visible[b-4eac785y6z],
.support-page a:focus-visible[b-4eac785y6z],
.support-page summary:focus-visible[b-4eac785y6z] {
    outline: 2px solid var(--dr-primary);
    outline-offset: 3px;
}

.support-field-hint[b-4eac785y6z] {
    color: var(--dr-text-muted);
    font-size: .8rem;
}

.support-compose__actions[b-4eac785y6z] {
    justify-content: flex-end;
    margin-top: .4rem;
}

.support-compose__actions > :first-child:not(button)[b-4eac785y6z] {
    margin-right: auto;
}

.support-state[b-4eac785y6z] {
    margin-top: 1rem;
}

.support-state__title[b-4eac785y6z] {
    color: var(--dr-text-muted);
}

.support-state--error h2[b-4eac785y6z] {
    margin: 0 0 .35rem;
}

.support-conversation__heading[b-4eac785y6z] {
    align-items: flex-start;
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--dr-border);
}

.support-conversation__heading h2[b-4eac785y6z] {
    overflow-wrap: anywhere;
}

.support-older[b-4eac785y6z] {
    margin: .8rem 0;
}

.support-older .notice[b-4eac785y6z] {
    margin-top: .6rem;
}

.support-message-list[b-4eac785y6z] {
    gap: .65rem;
    margin: 1rem 0;
}

.support-message[b-4eac785y6z] {
    max-width: 92%;
    justify-self: start;
    border: 1px solid var(--dr-border);
    border-radius: .9rem .9rem .9rem .25rem;
    padding: .72rem .8rem;
    background: rgba(var(--dr-bg-rgb), .34);
}

.support-message--mine[b-4eac785y6z] {
    justify-self: end;
    border-color: rgba(var(--dr-primary-rgb), .34);
    border-radius: .9rem .9rem .25rem .9rem;
    background: rgba(var(--dr-primary-rgb), .09);
}

.support-message__meta[b-4eac785y6z] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .35rem .8rem;
    color: var(--dr-text-muted);
    font-size: .86rem;
}

.support-message__meta strong[b-4eac785y6z] {
    color: var(--dr-text);
}

.support-message p[b-4eac785y6z] {
    margin: .4rem 0 0;
    color: var(--dr-text);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.support-reply[b-4eac785y6z] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--dr-border);
}

.support-announcement[b-4eac785y6z] {
    margin: 1.2rem .25rem 0;
    color: var(--dr-text-muted);
    font-size: .84rem;
}

.support-announcement details[b-4eac785y6z] {
    border-top: 1px solid var(--dr-border);
    padding-top: .65rem;
}

.support-announcement summary[b-4eac785y6z] {
    width: fit-content;
    cursor: pointer;
}

.support-announcement__confirm[b-4eac785y6z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    padding: .75rem;
    border: 1px solid var(--dr-border);
    border-radius: var(--dr-radius-small);
    background: rgba(var(--dr-bg-rgb), .28);
}

.support-announcement__confirm p[b-4eac785y6z] {
    flex: 1 1 100%;
    margin: 0;
}

@media (max-width: 42rem) {
    .support-page__heading[b-4eac785y6z] {
        align-items: flex-start;
    }

    .support-page__heading .button[b-4eac785y6z] {
        flex: none;
        margin-top: .2rem;
    }

    .support-inbox[b-4eac785y6z],
    .support-compose[b-4eac785y6z],
    .support-conversation[b-4eac785y6z] {
        padding: .9rem;
    }

    .support-message[b-4eac785y6z] {
        max-width: 100%;
    }

    /* Keep the send action clear of the fixed North Star navigation. */
    .support-compose__actions > .button[b-4eac785y6z] {
        order: -1;
    }

    .support-compose__actions > :first-child:not(button)[b-4eac785y6z] {
        margin: 0 0 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .support-page *[b-4eac785y6z],
    .support-page *[b-4eac785y6z]::before,
    .support-page *[b-4eac785y6z]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/TodayNapPlanControl.razor.rz.scp.css */
.nap-plan[b-5zl1jeyhl1] {
    grid-column: 1 / -1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(191, 184, 238, .2);
}

.nap-plan-copy[b-5zl1jeyhl1] { flex: 1 1 15rem; min-width: 0; }
.nap-plan-copy strong[b-5zl1jeyhl1] { display: block; }
.nap-plan-copy p[b-5zl1jeyhl1] { margin: .4rem 0 0; color: var(--dr-text-muted); overflow-wrap: anywhere; }
.nap-plan form[b-5zl1jeyhl1] { margin: 0; }
.nap-plan button[b-5zl1jeyhl1], .nap-plan > a[b-5zl1jeyhl1] { min-width: 44px; min-height: 44px; white-space: normal; }

@media (max-width: 430px) {
    .nap-plan form[b-5zl1jeyhl1], .nap-plan > button[b-5zl1jeyhl1], .nap-plan > a[b-5zl1jeyhl1] { width: 100%; }
    .nap-plan form button[b-5zl1jeyhl1] { width: 100%; }
}
/* /Components/Pages/TodaySleepBalanceCard.razor.rz.scp.css */
.today-sleep-balance__value[b-z3t17yr3ru] {
    margin: .55rem 0 .12rem;
}

.today-sleep-balance__qualifier[b-z3t17yr3ru] {
    margin: 0;
    color: var(--dr-text-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.today-sleep-balance__status[b-z3t17yr3ru] {
    margin: .55rem 0 .15rem;
    color: var(--dr-text-muted);
    font-size: .84rem;
    line-height: 1.4;
}

.today-sleep-balance__action-status[b-z3t17yr3ru] {
    margin: .45rem 0 0;
    color: var(--dr-text-muted);
    font-size: .76rem;
    line-height: 1.4;
}

.today-sleep-balance__action-status[role="alert"][b-z3t17yr3ru] {
    color: #e7a3b0;
}

.today-sleep-balance__details > p[b-z3t17yr3ru],
.today-sleep-balance__reference > p[b-z3t17yr3ru],
.today-sleep-balance__history > p[b-z3t17yr3ru] {
    color: var(--dr-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.today-sleep-balance__reference[b-z3t17yr3ru] {
    margin-top: .9rem;
    border-top: 1px solid var(--dr-border);
    padding-top: .8rem;
}

.today-sleep-balance__reference h3[b-z3t17yr3ru],
.today-sleep-balance__history h3[b-z3t17yr3ru] {
    margin: .08rem 0 .3rem;
    font-size: .95rem;
}

.today-sleep-balance__reference .eyebrow[b-z3t17yr3ru] {
    margin: 0;
}

.today-sleep-balance__reference-value[b-z3t17yr3ru] {
    margin: .45rem 0 .2rem;
    color: var(--dr-text);
    font-weight: 760;
}

.today-sleep-balance__reference-coverage[b-z3t17yr3ru] {
    margin: 0;
}

.today-sleep-balance__reference-summary[b-z3t17yr3ru] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin: .65rem 0 .1rem;
}

.today-sleep-balance__reference-summary > div[b-z3t17yr3ru] {
    min-width: 0;
    border-radius: var(--dr-radius-small);
    padding: .6rem;
    background: rgba(11, 15, 36, .48);
}

.today-sleep-balance__reference-summary dt[b-z3t17yr3ru] {
    color: var(--dr-text-muted);
    font-size: .7rem;
}

.today-sleep-balance__reference-summary dd[b-z3t17yr3ru] {
    overflow-wrap: anywhere;
    margin: .12rem 0 0;
    font-size: .84rem;
    font-weight: 760;
}

.today-sleep-balance__reference-source[b-z3t17yr3ru] {
    display: inline-block;
    min-height: var(--dr-target-min);
    padding-top: .6rem;
    color: var(--dr-text-muted);
    font-size: .78rem;
}

.today-sleep-balance__history[b-z3t17yr3ru] {
    margin-top: .9rem;
    border-top: 1px solid var(--dr-border);
    padding-top: .75rem;
}

.today-sleep-balance__link[b-z3t17yr3ru] {
    width: fit-content;
    min-height: var(--dr-target-min);
    margin-top: .55rem;
}

@media (max-width: 750px) {
    .today-sleep-balance__reference-summary[b-z3t17yr3ru] {
        grid-template-columns: 1fr;
    }
}