html,
body,
.app-shell,
.workspace {
    max-width: 100%;
    overflow-wrap: anywhere;
}

html,
body {
    overflow-x: hidden;
    overflow-x: clip;
}

.home-guest-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(290px, .62fr);
    gap: clamp(20px, 4vw, 52px);
    align-items: stretch;
    margin-bottom: 22px;
    padding: clamp(24px, 4.5vw, 52px);
    overflow: hidden;
    border: 1px solid var(--line-strong);
    border-radius: 28px;
    background:
        radial-gradient(circle at 84% 4%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 42%),
        linear-gradient(145deg, color-mix(in srgb, var(--surface-solid) 94%, transparent), color-mix(in srgb, var(--bg-elevated) 92%, transparent));
    box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.035);
}

.home-guest-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 540px;
    height: 540px;
    right: -290px;
    bottom: -330px;
    border: 1px solid color-mix(in srgb, var(--accent) 12%, transparent);
    border-radius: 50%;
    box-shadow: 0 0 0 70px color-mix(in srgb, var(--accent) 2.5%, transparent), 0 0 0 140px color-mix(in srgb, var(--gold) 1.5%, transparent);
}

.home-guest-hero__copy {
    min-width: 0;
    align-self: center;
}

.home-guest-hero__title {
    max-width: 870px;
    margin: 16px 0 18px;
    font-family: var(--display-font);
    font-size: clamp(1.15rem, 1.7vw, 1.7rem);
    font-weight: 520;
    line-height: .98;
    letter-spacing: -.047em;
    text-wrap: balance;
}

.home-guest-hero__lead {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    font-size: clamp(.95rem, 1.4vw, 1.08rem);
    line-height: 1.67;
}

.home-guest-hero__notice {
    max-width: 700px;
    margin: 15px 0 0;
    color: var(--subtle);
    font-size: .76rem;
    line-height: 1.55;
}

.home-guest-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.home-value-card {
    position: relative;
    min-width: 0;
    display: grid;
    align-content: end;
    gap: 11px;
    padding: clamp(22px, 3.4vw, 35px);
    border: 1px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, var(--surface) 76%, transparent);
}

.home-value-card__mark {
    position: absolute;
    top: 18px;
    right: 22px;
    color: color-mix(in srgb, var(--accent) 42%, transparent);
    font-family: var(--display-font);
    font-size: clamp(3.4rem, 8vw, 7rem);
    line-height: 1;
}

.home-value-card strong {
    max-width: 310px;
    color: var(--text);
    font-family: var(--display-font);
    font-size: clamp(1.45rem, 2.4vw, 2.25rem);
    font-weight: 560;
    line-height: 1.05;
}

.home-value-card p,
.home-value-card small {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.home-value-card small {
    color: var(--subtle);
    font-size: .73rem;
}

.home-how-section,
.home-consultants-promo,
.home-pending-section,
.home-situations-section,
.home-new-reading-section,
.home-consultant-workspace,
.settings-export-card {
    margin-top: 22px;
}

.home-how-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 20px;
    list-style: none;
}

.home-how-step {
    min-width: 0;
    min-height: 160px;
    display: grid;
    align-content: space-between;
    gap: 28px;
    padding: 19px;
    border-right: 1px solid var(--line);
    color: var(--muted);
    background: color-mix(in srgb, var(--surface) 65%, transparent);
    font-size: .82rem;
    line-height: 1.55;
}

.home-how-step:last-child {
    border-right: 0;
}

.home-how-step__number {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line-strong);
    border-radius: 10px;
    color: var(--accent-soft);
    font-family: var(--display-font);
    font-size: .82rem;
}

.home-consultants-promo,
.home-consultant-workspace,
.settings-export-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: color-mix(in srgb, var(--surface) 78%, transparent);
}

.home-consultants-promo h2,
.home-consultant-workspace h2,
.settings-export-card h2 {
    margin: 9px 0 8px;
    font-family: var(--display-font);
    font-size: clamp(1.45rem, 2.5vw, 2.2rem);
    font-weight: 560;
}

.home-consultants-promo p,
.home-consultants-promo small,
.home-consultant-workspace p,
.settings-export-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.58;
}

.home-consultants-promo small {
    display: block;
    margin-top: 8px;
    color: var(--subtle);
}

.home-consultant-workspace__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.home-resume-card {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: clamp(23px, 3.2vw, 34px) !important;
    border-color: color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
    text-decoration: none;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--accent) 10%, transparent), transparent 42%),
        linear-gradient(150deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-solid) 80%, transparent)) !important;
}

.home-resume-copy {
    min-width: 0;
}

.home-resume-card h2 {
    overflow: hidden;
    margin: 10px 0 7px !important;
    text-overflow: ellipsis;
}

.home-resume-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home-resume-arrow {
    flex: 0 0 auto;
}

.home-new-reading-section {
    padding-top: 5px;
}

.quick-limit-panel,
.ai-usage-panel,
.quick-browser-warning,
.market-guest-notice,
.market-trust-card {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px 15px;
    border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
    border-radius: 15px;
    background: color-mix(in srgb, var(--accent) 5%, var(--surface));
}

.quick-limit-panel[hidden] {
    display: none;
}

.quick-limit-panel.is-blocked {
    border-color: color-mix(in srgb, var(--warning) 32%, var(--line));
    background: color-mix(in srgb, var(--warning) 5%, var(--surface));
}

.quick-limit-panel__mark,
.ai-usage-panel__mark,
.market-guest-notice__mark {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--line-strong);
    border-radius: 12px;
    color: var(--accent-soft);
    font-family: var(--display-font);
    font-size: .91rem;
}

.quick-limit-panel__copy,
.ai-usage-panel__copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.quick-limit-panel__copy strong,
.ai-usage-panel__copy strong,
.quick-browser-warning strong {
    color: var(--text);
    font-size: .84rem;
}

.quick-limit-panel__copy p,
.ai-usage-panel__copy p,
.quick-browser-warning p,
.market-guest-notice p,
.market-trust-card p {
    margin: 0;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.5;
}

.quick-limit-panel__time,
.quick-limit-panel__remaining {
    color: var(--text-soft) !important;
}

.quick-limit-panel__retry {
    white-space: nowrap;
}

.quick-launcher__consent-hint {
    margin: 0;
    color: var(--subtle);
    font-size: .72rem;
    line-height: 1.55;
}

.quick-browser-warning {
    grid-template-columns: minmax(0, 1fr);
    max-width: 760px;
    border-color: color-mix(in srgb, var(--warning) 30%, var(--line));
    background: color-mix(in srgb, var(--warning) 5%, var(--surface));
}

.quick-story-actions--finish {
    max-width: 760px;
}

.quick-story-actions--finish .quick-save-primary {
    flex: 1 1 100%;
    min-height: 48px;
    font-size: .9rem;
}

.quick-activation-form {
    gap: 14px;
}

.quick-activation-intro {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

.quick-activation-actions {
    position: sticky;
    bottom: calc(-20px - var(--safe-bottom));
    z-index: 2;
    margin: 3px -18px calc(-20px - var(--safe-bottom));
    padding: 15px 18px calc(18px + var(--safe-bottom));
    border-top: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface-solid) 94%, transparent);
    backdrop-filter: blur(18px);
}

.settings-export-card__copy {
    min-width: 0;
}

.settings-export-list {
    display: grid;
    gap: 7px;
    margin: 14px 0 0;
    padding: 0;
    color: var(--muted);
    list-style: none;
}

.settings-export-list li {
    position: relative;
    padding-left: 22px;
    font-size: .8rem;
}

.settings-export-list li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: .55em;
    width: 6px;
    height: 6px;
    border: 1px solid var(--accent-soft);
    border-radius: 50%;
}

.offline-screen {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
    background: color-mix(in srgb, var(--bg) 88%, transparent);
    backdrop-filter: blur(24px) saturate(115%);
}

.offline-screen[hidden] {
    display: none;
}

.offline-screen__card {
    width: min(100%, 520px);
    display: grid;
    justify-items: center;
    gap: 13px;
    padding: clamp(27px, 6vw, 48px);
    border: 1px solid var(--line-strong);
    border-radius: 24px;
    text-align: center;
    background: var(--surface-solid);
    box-shadow: var(--shadow);
}

.offline-screen__mark {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--warning) 38%, var(--line));
    border-radius: 17px;
    color: var(--warning);
    font-size: 1.25rem;
    background: color-mix(in srgb, var(--warning) 6%, transparent);
}

.offline-screen h1 {
    margin: 4px 0 0;
    font-family: var(--display-font);
    font-size: clamp(1.8rem, 6vw, 2.65rem);
    font-weight: 560;
}

.offline-screen p {
    margin: 0;
    color: var(--muted);
    line-height: 1.62;
}

.offline-screen .primary-button {
    width: min(100%, 260px);
    margin-top: 8px;
}

.market-guest-notice {
    margin-bottom: 18px;
}

.market-moderation-badge {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--success) 28%, var(--line));
    border-radius: 999px;
    color: color-mix(in srgb, var(--success) 84%, var(--text));
    background: color-mix(in srgb, var(--success) 7%, transparent);
    font-size: .69rem;
    font-weight: 740;
}

.market-trust-card {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.market-trust-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    flex-wrap: wrap;
}

.market-trust-card__head h2 {
    margin: 0;
    font-family: var(--display-font);
    font-size: 1.3rem;
    font-weight: 560;
}

.market-trust-card__reviews {
    padding-top: 10px;
    border-top: 1px solid var(--line);
}

.legal-consent-documents {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--surface) 72%, transparent);
}

.legal-consent-documents > summary {
    min-height: 46px;
    display: flex;
    align-items: center;
    padding: 11px 14px;
    cursor: pointer;
    color: var(--text-soft);
    font-size: .8rem;
    font-weight: 680;
}

.legal-consent-documents__links {
    display: grid;
    gap: 8px;
    padding: 0 14px 14px;
}

.legal-consent-documents__links p {
    margin: 0 0 3px;
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.52;
}

@media (max-width: 1160px) {
    .home-guest-hero {
        grid-template-columns: 1fr;
    }

    .home-value-card {
        min-height: 210px;
    }

    .home-how-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-how-step:nth-child(2n) {
        border-right: 0;
    }

    .home-how-step:last-child {
        grid-column: 1 / -1;
        border-top: 1px solid var(--line);
    }
}

@media (max-width: 820px) {
    .workspace {
        padding: 24px 16px calc(92px + var(--safe-bottom));
    }

    .home-guest-hero {
        margin-inline: 0;
        padding: 25px 20px;
        border-radius: 22px;
    }

    .home-guest-hero__title {
        font-size: clamp(1rem, 3.5vw, 1.17rem);
    }

    .home-value-card {
        min-height: 190px;
    }

    .home-consultants-promo,
    .home-consultant-workspace,
    .settings-export-card {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .home-consultant-workspace__actions {
        justify-content: flex-start;
    }

    .home-consultants-promo > :where(a, button),
    .settings-export-card > :where(a, button) {
        width: 100%;
    }

    .home-resume-card {
        min-height: 138px;
    }

    .quick-limit-panel,
    .ai-usage-panel,
    .market-guest-notice {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .quick-limit-panel__retry {
        grid-column: 1 / -1;
        width: 100%;
    }

    .modal--legal-consent,
    .modal--quick-activation {
        max-height: min(94dvh, 900px);
    }

    .bottom-nav {
        padding-bottom: max(8px, env(safe-area-inset-bottom));
    }
}

@media (max-width: 570px) {
    :where(.primary-button, .secondary-button, .ghost-button, .danger-button, .chip-button, .icon-button, .nav-link, .bottom-nav a, .bottom-nav button) {
        min-height: 44px;
    }

    .workspace {
        padding-inline: 12px;
    }

    .page-header {
        margin-bottom: 22px;
    }

    .page-title {
        font-size: clamp(2rem, 11vw, 3rem);
    }

    .page-subtitle {
        font-size: .88rem;
    }

    .home-guest-hero {
        padding: 22px 17px;
        border-radius: 19px;
    }

    .home-guest-hero__title {
        margin-top: 13px;
        font-size: clamp(1rem, 3.8vw, 1.05rem);
    }

    .home-guest-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .home-guest-hero__actions > * {
        width: 100%;
    }

    .home-value-card {
        min-height: 175px;
        padding: 19px;
    }

    .home-value-card__mark {
        top: 14px;
        right: 16px;
    }

    .home-how-grid {
        grid-template-columns: 1fr;
    }

    .home-how-step,
    .home-how-step:nth-child(2n),
    .home-how-step:last-child {
        grid-column: auto;
        min-height: auto;
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding: 14px;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid var(--line);
    }

    .home-how-step:last-child {
        border-bottom: 0;
    }

    .home-resume-card {
        align-items: flex-start;
        padding: 20px !important;
    }

    .home-resume-arrow {
        padding-top: 6px;
    }

    .home-consultants-promo,
    .home-consultant-workspace,
    .settings-export-card {
        padding: 18px 16px;
        border-radius: 17px;
    }

    .home-consultant-workspace__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .home-consultant-workspace__actions > * {
        width: 100%;
    }

    .quick-launcher {
        padding: 15px !important;
    }

    .quick-system-card {
        grid-template-columns: 38px minmax(0, 1fr) 20px;
        min-height: 76px;
        padding: 12px;
    }

    .quick-spread-grid {
        grid-template-columns: 1fr !important;
    }

    .quick-spread-card {
        min-height: 132px !important;
    }

    .quick-limit-panel,
    .ai-usage-panel,
    .market-guest-notice {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .quick-story-card {
        min-height: auto !important;
        padding: 19px 16px !important;
    }

    .quick-story-actions,
    .quick-story-actions--finish,
    .form-actions,
    .market-action-row {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .quick-story-actions > :where(button, a),
    .quick-story-actions--finish > :where(button, a),
    .form-actions > :where(button, a),
    .market-action-row > :where(button, a) {
        width: 100%;
        justify-content: center;
    }

    .quick-activation-actions {
        grid-template-columns: 1fr;
    }

    .modal-backdrop {
        padding: max(7px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));
    }

    .modal {
        max-height: calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        overscroll-behavior: contain;
        border-radius: 22px 22px 15px 15px;
    }

    :where(.input, .select, .textarea, .compact-select) {
        font-size: 16px;
    }

    .modal-header {
        position: sticky;
        top: 0;
        z-index: 4;
        background: color-mix(in srgb, var(--surface-solid) 96%, transparent);
        backdrop-filter: blur(18px);
    }

    .modal--legal-consent .modal-content,
    .modal--quick-activation .modal-content {
        padding-inline: 15px;
    }

    .legal-checkbox {
        align-items: flex-start;
    }

    .market-consultant-card,
    .market-section,
    .market-profile-hero,
    .market-trust-card {
        padding: 16px;
        border-radius: 16px;
    }

    .market-catalog-grid {
        gap: 11px;
    }

    .market-profile-hero {
        display: grid;
        grid-template-columns: 1fr;
    }

    .market-avatar--hero {
        width: 72px;
        height: 72px;
        flex-basis: 72px;
    }

    .settings-export-list li {
        padding-left: 19px;
    }

    .offline-screen {
        align-items: end;
        padding: 8px 8px max(8px, env(safe-area-inset-bottom));
    }

    .offline-screen__card {
        padding: 27px 20px calc(24px + env(safe-area-inset-bottom));
        border-radius: 22px 22px 14px 14px;
    }
}

@media (max-width: 360px) {
    .workspace {
        padding-inline: 9px;
    }

    .home-guest-hero,
    .quick-launcher,
    .market-consultant-card,
    .market-section,
    .market-profile-hero {
        border-radius: 15px;
    }

    .home-guest-hero__title {
        font-size: 1rem;
    }
}


@media (max-height: 520px) and (orientation: landscape) {
    .modal-backdrop {
        align-items: stretch;
        padding: max(5px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));
    }

    .modal {
        max-height: calc(100dvh - 10px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        border-radius: 16px;
    }

    .home-guest-hero {
        padding-block: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-guest-hero,
    .home-resume-card,
    .quick-limit-panel,
    .offline-screen {
        animation: none !important;
        transition: none !important;
    }
}

.home-pending-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.home-pending-card {
    min-width: 0;
    min-height: 168px;
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    gap: 10px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    color: var(--text);
    text-decoration: none;
    background: color-mix(in srgb, var(--surface) 80%, transparent);
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.home-pending-card:hover,
.home-pending-card:focus-visible {
    border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
    background: color-mix(in srgb, var(--surface-solid) 90%, transparent);
    transform: translateY(-1px);
}

.home-pending-card__head {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.home-pending-card__head h3 {
    min-width: 0;
    margin: 0;
    font-family: var(--display-font);
    font-size: 1.08rem;
    font-weight: 560;
    line-height: 1.2;
}

.home-pending-card__count {
    flex: 0 0 auto;
    min-width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding-inline: 8px;
    border: 1px solid color-mix(in srgb, var(--accent) 36%, var(--line));
    border-radius: 10px;
    color: var(--accent-soft);
    background: color-mix(in srgb, var(--accent) 9%, transparent);
    font-size: .78rem;
    font-weight: 700;
}

.home-pending-card p {
    margin: 0;
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.55;
}

.home-pending-card__time {
    color: var(--subtle);
    font-size: .72rem;
}

.home-pending-card__action {
    color: var(--accent-soft);
    font-size: .78rem;
    font-weight: 680;
}

.home-pending-card--overdue-reality-check {
    border-color: color-mix(in srgb, var(--danger, #c65f5f) 36%, var(--line));
}

@media (max-width: 720px) {
    .home-pending-list {
        grid-template-columns: 1fr;
    }

    .home-pending-card {
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
    }
}

@media (max-width: 420px) {
    .home-pending-card__head {
        align-items: flex-start;
    }

    .home-pending-card__head h3 {
        font-size: 1rem;
    }
}

/* Optional acquisition analytics consent. */
.legal-optional-consent {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--surface) 74%, transparent);
}

.legal-optional-consent__head {
    display: grid;
    gap: 4px;
}

.legal-optional-consent__head strong {
    color: var(--text);
}

.legal-optional-consent__head p {
    margin: 0;
    color: var(--muted);
    line-height: 1.5;
}

.legal-optional-consent .legal-checkbox__text {
    display: grid;
    gap: 5px;
}

.legal-optional-consent .legal-checkbox__text small {
    color: var(--muted);
    line-height: 1.5;
}

.analytics-consent-prompt {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 95;
    width: min(430px, calc(100vw - 32px));
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid var(--line-strong);
    border-radius: 18px;
    color: var(--text);
    background: color-mix(in srgb, var(--surface-solid) 97%, transparent);
    box-shadow: var(--shadow);
    backdrop-filter: blur(20px);
}

.analytics-consent-prompt__copy {
    display: grid;
    gap: 7px;
}

.analytics-consent-prompt__copy strong {
    font-family: var(--display-font);
    font-size: 1.05rem;
    line-height: 1.25;
}

.analytics-consent-prompt__copy p {
    margin: 0;
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.55;
}

.analytics-consent-prompt__copy a {
    width: fit-content;
    font-size: .8rem;
}

.analytics-consent-prompt__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.analytics-consent-prompt__actions button {
    min-height: 42px;
}

@media (max-width: 760px) {
    .analytics-consent-prompt {
        right: 12px;
        bottom: calc(78px + env(safe-area-inset-bottom));
        left: 12px;
        width: auto;
        padding: 16px;
        border-radius: 16px;
    }

    .analytics-consent-prompt__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .analytics-consent-prompt__actions button {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .analytics-consent-prompt__actions {
        grid-template-columns: 1fr;
    }
}


/* Reflecta light cream interface: flat, clear and touch-friendly. */
:root[data-theme-variant="cream"] {
    color-scheme: light;
    --bg: #f4efe7;
    --bg-deep: #ebe3d7;
    --bg-elevated: #faf7f1;
    --surface: rgba(255, 252, 247, .9);
    --surface-solid: #fffdf9;
    --surface-2: rgba(250, 246, 239, .98);
    --surface-3: rgba(238, 229, 218, .96);
    --surface-hover: rgba(224, 213, 199, .72);
    --text: #2a2521;
    --text-soft: #4a423b;
    --muted: #746a60;
    --subtle: #94887c;
    --line: rgba(66, 54, 44, .13);
    --line-strong: rgba(66, 54, 44, .23);
    --accent: #655a73;
    --accent-soft: #7d708b;
    --accent-strong: #51465f;
    --gold: #9a7040;
    --success: #4f7463;
    --warning: #9a672f;
    --danger: #a45152;
    --accent-ink: #fffdf9;
    --border: var(--line);
    --border-strong: var(--line-strong);
    --surface-elevated: var(--surface-2);
    --business-line: var(--line);
    --business-line-strong: var(--line-strong);
    --business-hover: rgba(101, 90, 115, .075);
    --business-filled: var(--surface-solid);
    --divider-subtle: rgba(66, 54, 44, .09);
    --floating-surface: rgba(255, 253, 249, .96);
    --shadow-xs: 0 1px 2px rgba(52, 42, 34, .04);
    --shadow-sm: 0 1px 2px rgba(52, 42, 34, .04), 0 8px 24px rgba(52, 42, 34, .055);
    --shadow: 0 2px 5px rgba(52, 42, 34, .05), 0 20px 56px rgba(52, 42, 34, .09);
    --shadow-focus: 0 0 0 4px rgba(101, 90, 115, .13);
    --radius-xs: 10px;
    --radius-sm: 14px;
    --radius: 18px;
    --radius-lg: 24px;
    --display-font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --body-font: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme-variant="cream"] html,
:root[data-theme-variant="cream"] body {
    background: var(--bg);
}

:root[data-theme-variant="cream"] body {
    color: var(--text);
    letter-spacing: -.008em;
}

:root[data-theme-variant="cream"] ::selection {
    color: var(--text);
    background: rgba(101, 90, 115, .18);
}

:root[data-theme-variant="cream"] :where(button, a, input, select, textarea):focus-visible {
    outline-color: rgba(101, 90, 115, .68);
}

:root[data-theme-variant="cream"] .ambient {
    background: var(--bg) !important;
}

:root[data-theme-variant="cream"] .ambient__orb,
:root[data-theme-variant="cream"] .ambient__grid,
:root[data-theme-variant="cream"] .ambient__grain {
    display: none !important;
}

:root[data-theme-variant="cream"] :where(.side-nav, .details-panel, .top-bar, .bottom-nav) {
    border-color: var(--line) !important;
    background: rgba(249, 245, 238, .96) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(108%) !important;
}

:root[data-theme-variant="cream"] .side-nav {
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .42) !important;
}

:root[data-theme-variant="cream"] .details-panel {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .42) !important;
}

:root[data-theme-variant="cream"] :where(.side-head, .details-head)::after,
:root[data-theme-variant="cream"] .page-header::after,
:root[data-theme-variant="cream"] .section-title::after {
    display: none !important;
}

:root[data-theme-variant="cream"] :where(.brand, .mobile-brand) {
    --accent: #1683bb;
    --accent-soft: #298fc4;
    --gold: #9b742c;
    --display-font: "Iowan Old Style", "Baskerville", "Times New Roman", ui-serif, serif;
}

:root[data-theme-variant="cream"] :where(.nav-link, .nav-group-summary, .nav-sub-link, .side-utility-button, .side-utility-control > summary.side-utility-button, .legal-menu-link) {
    border-color: transparent !important;
    color: var(--muted) !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.nav-link, .nav-group-summary) {
    border-radius: 12px !important;
}

:root[data-theme-variant="cream"] :where(.nav-link, .nav-group-summary, .nav-sub-link, .side-utility-button, .side-utility-control > summary.side-utility-button, .legal-menu-link):hover {
    color: var(--text) !important;
    background: #eee7dd !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] .nav-link.is-active,
:root[data-theme-variant="cream"] .nav-group.is-active > .nav-group-summary,
:root[data-theme-variant="cream"] .nav-sub-link.is-active,
:root[data-theme-variant="cream"] .side-utility-button.is-active,
:root[data-theme-variant="cream"] .side-utility-control[open] > summary.side-utility-button,
:root[data-theme-variant="cream"] .legal-menu-link.is-active {
    color: var(--text) !important;
    border-color: transparent !important;
    background: #e7ded4 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.nav-link, .nav-group-summary)::before {
    background: var(--accent) !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .nav-icon {
    color: var(--muted) !important;
    background: #f0e9e0 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.nav-link:hover, .nav-link.is-active, .nav-group-summary:hover, .nav-group.is-active > .nav-group-summary) .nav-icon {
    color: var(--accent) !important;
    background: #e2d9e5 !important;
}

:root[data-theme-variant="cream"] .nav-sub-link.is-active .nav-sub-marker {
    color: var(--accent) !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.panel-control, .edge-toggle, .icon-button, .sheet-close, .calendar-nav-button, .action-button, .feedback-button, .reading-fullscreen-button, .reading-reveal-all-button, .side-utility-button, .side-utility-control > summary.side-utility-button) {
    border: 1px solid var(--line) !important;
    color: var(--text-soft) !important;
    background: #f2ece4 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.panel-control, .edge-toggle, .icon-button, .sheet-close, .calendar-nav-button, .action-button, .feedback-button, .reading-fullscreen-button, .reading-reveal-all-button):hover:not(:disabled) {
    border-color: var(--line-strong) !important;
    color: var(--text) !important;
    background: #e8dfd4 !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] :where(.primary-button) {
    border: 1px solid #5a5066 !important;
    color: #fffdf9 !important;
    background: #655a73 !important;
    box-shadow: none !important;
    filter: none !important;
}

:root[data-theme-variant="cream"] :where(.primary-button)::after {
    display: none !important;
}

:root[data-theme-variant="cream"] :where(.primary-button):hover:not(:disabled) {
    border-color: #51465f !important;
    color: #fffdf9 !important;
    background: #584d65 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] :where(.primary-button):active:not(:disabled) {
    background: #4f455a !important;
    transform: scale(.985) !important;
}

:root[data-theme-variant="cream"] .secondary-button {
    border: 1px solid transparent !important;
    color: var(--text) !important;
    background: #e9e1d7 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .secondary-button:hover:not(:disabled) {
    border-color: transparent !important;
    color: var(--text) !important;
    background: #ded4c8 !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] :where(.ghost-button, .chip-button, .system-tab, .tab) {
    border: 1px solid var(--line) !important;
    color: var(--text-soft) !important;
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.ghost-button, .chip-button, .system-tab, .tab):hover:not(:disabled) {
    border-color: var(--line-strong) !important;
    color: var(--text) !important;
    background: #eee7dd !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] :where(.system-tab.is-active, .tab.is-active, .chip-button.is-active, .feedback-button.is-active) {
    border-color: rgba(101, 90, 115, .2) !important;
    color: #4f455a !important;
    background: #e4dce8 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .danger-button {
    border: 1px solid rgba(164, 81, 82, .22) !important;
    color: #93484a !important;
    background: #f5e8e5 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .danger-button:hover:not(:disabled) {
    border-color: rgba(164, 81, 82, .32) !important;
    background: #edd9d5 !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] :where(.input, .select, .textarea, .compact-select, .text-input, .search-input, .admin-search-input, .admin-period-select, input[type="date"], input[type="time"], input[type="datetime-local"]) {
    border: 1px solid var(--line) !important;
    color: var(--text) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.input, .select, .textarea, .compact-select, .text-input, .search-input, .admin-search-input, .admin-period-select, input[type="date"], input[type="time"], input[type="datetime-local"]):hover {
    border-color: var(--line-strong) !important;
    background: #fffdf9 !important;
}

:root[data-theme-variant="cream"] :where(.input, .select, .textarea, .compact-select, .text-input, .search-input, .admin-search-input, .admin-period-select, input[type="date"], input[type="time"], input[type="datetime-local"]):focus {
    border-color: rgba(101, 90, 115, .55) !important;
    background: #fffdf9 !important;
    box-shadow: 0 0 0 4px rgba(101, 90, 115, .11) !important;
    outline: none !important;
}

:root[data-theme-variant="cream"] :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--accent);
}

:root[data-theme-variant="cream"] :where(.app-language-menu, .language-menu) {
    border: 1px solid var(--line-strong) !important;
    background: #fffdf9 !important;
    box-shadow: 0 12px 32px rgba(52, 42, 34, .1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

:root[data-theme-variant="cream"] :where(.app-language-menu button, .language-menu button, .language-menu a):hover {
    background: #eee7dd !important;
}

:root[data-theme-variant="cream"] .page-header {
    border-bottom-color: var(--line) !important;
}

:root[data-theme-variant="cream"] .page-title,
:root[data-theme-variant="cream"] .section-title,
:root[data-theme-variant="cream"] :where(.card h2, .card h3, .modal-header h2, .home-guest-hero__title, .home-value-card strong, .home-consultants-promo h2, .home-consultant-workspace h2, .settings-export-card h2) {
    font-family: var(--body-font) !important;
}

:root[data-theme-variant="cream"] .page-title {
    color: var(--text) !important;
    font-weight: 760 !important;
    letter-spacing: -.034em !important;
}

:root[data-theme-variant="cream"] .page-subtitle,
:root[data-theme-variant="cream"] :where(.card p, .list-copy, .list-meta, .field label) {
    color: var(--muted) !important;
}

:root[data-theme-variant="cream"] :where(
    .card,
    .metric,
    .mini-metric,
    .list-row,
    .item-row,
    .tree-panel,
    .client-card,
    .membership-card,
    .calendar-card,
    .practice-card,
    .check-card,
    .reality-detail,
    .ai-result-card,
    .callout,
    .corrected-fact,
    .outcome-block,
    .public-result,
    .spread-card,
    .task-card,
    .submission-card,
    .share-card,
    .frequency-card,
    .symbol-frequency,
    .account-metric,
    .about-role-card,
    .about-system-card,
    .about-contact-card,
    .about-position-card,
    .about-rules-card,
    .history-event,
    .dossier-profile,
    .dossier-section,
    .dossier-detail-block,
    .deletion-receipt,
    .profile-card,
    .settings-preferences,
    .settings-export-card,
    .market-section,
    .market-list-card,
    .market-service-card,
    .market-review,
    .market-notification,
    .market-participant,
    .market-collaboration-entry,
    .market-schedule-row,
    .market-policy,
    .market-positioning,
    .market-inline-warning,
    .market-inline-note,
    .admin-readonly-notice,
    .admin-metric,
    .admin-info-card,
    .admin-list-card,
    .admin-data-section,
    .admin-chat,
    .admin-overview-toolbar,
    .admin-overview-section,
    .admin-distribution-card,
    .admin-funnel-step
) {
    border-color: var(--line) !important;
    background: #fffdf9 !important;
    box-shadow: 0 1px 2px rgba(52, 42, 34, .035) !important;
}

:root[data-theme-variant="cream"] :where(.card, .metric, .mini-metric, .client-card, .membership-card, .calendar-card, .practice-card, .check-card, .reality-detail, .ai-result-card, .spread-card, .task-card, .submission-card, .share-card, .account-metric, .about-role-card, .about-system-card, .about-contact-card, .profile-card, .market-section, .market-list-card, .admin-info-card, .admin-list-card, .admin-overview-section, .admin-distribution-card) {
    border-radius: 16px !important;
}

:root[data-theme-variant="cream"] :where(.card, .hero-card, .home-guest-hero, .home-resume-card, .quick-story-card)::before,
:root[data-theme-variant="cream"] :where(.hero-card, .home-guest-hero)::after {
    display: none !important;
}

:root[data-theme-variant="cream"] :where(.card.is-clickable, .list-row.is-clickable, .item-row.is-clickable, .client-card, .membership-card, .spread-card, .account-metric, .market-list-card, .admin-list-card):hover {
    border-color: var(--line-strong) !important;
    background: #f7f1e9 !important;
    box-shadow: none !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] .card :where(.list-row, .item-row) {
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.badge, .safety-indicator, .status-chip, .chip, .admin-badge) {
    border-color: var(--line) !important;
    color: var(--text-soft) !important;
    background: #eee7dd !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.status-panel, .quick-limit-panel, .ai-usage-panel, .quick-browser-warning, .market-guest-notice, .market-trust-card, .quick-ai-transparency) {
    border-color: rgba(101, 90, 115, .2) !important;
    background: #f0eaf2 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.status-panel.is-warning, .quick-limit-panel.is-blocked) {
    border-color: rgba(154, 103, 47, .24) !important;
    background: #f5eadb !important;
}

:root[data-theme-variant="cream"] :where(.hero-card, .about-hero, .account-hero, .public-profile, .home-guest-hero) {
    border-color: var(--line-strong) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .home-guest-hero {
    border-radius: 22px !important;
}

:root[data-theme-variant="cream"] .home-guest-hero__title {
    max-width: 780px;
    color: var(--text) !important;
    font-size: clamp(1.15rem, 1.45vw, 1.42rem) !important;
    font-weight: 760 !important;
    line-height: 1.02 !important;
    letter-spacing: -.052em !important;
}

:root[data-theme-variant="cream"] .home-value-card {
    border-color: rgba(101, 90, 115, .16) !important;
    background: #eee8f0 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .home-value-card__mark {
    color: rgba(101, 90, 115, .35) !important;
    font-family: var(--body-font) !important;
    font-weight: 700 !important;
}

:root[data-theme-variant="cream"] .home-value-card strong {
    color: #453b50 !important;
    font-weight: 740 !important;
    letter-spacing: -.03em !important;
}

:root[data-theme-variant="cream"] .home-how-grid {
    border-color: var(--line) !important;
    background: #fffdf9 !important;
}

:root[data-theme-variant="cream"] .home-how-step {
    border-color: var(--line) !important;
    color: var(--muted) !important;
    background: #fffdf9 !important;
}

:root[data-theme-variant="cream"] .home-how-step:nth-child(even) {
    background: #faf6ef !important;
}

:root[data-theme-variant="cream"] .home-how-step__number {
    border-color: rgba(101, 90, 115, .18) !important;
    color: var(--accent) !important;
    background: #e9e1ec !important;
    font-family: var(--body-font) !important;
    font-weight: 740 !important;
}

:root[data-theme-variant="cream"] :where(.home-consultants-promo, .home-consultant-workspace, .settings-export-card, .home-resume-card) {
    border-color: var(--line) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .home-resume-card {
    border-left: 3px solid var(--accent) !important;
}

:root[data-theme-variant="cream"] .home-pending-card {
    border-color: var(--line) !important;
    color: var(--text) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .home-pending-card:hover,
:root[data-theme-variant="cream"] .home-pending-card:focus-visible {
    border-color: var(--line-strong) !important;
    background: #f7f1e9 !important;
    box-shadow: none !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] .quick-launcher {
    border-color: var(--line-strong) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.quick-system-card, .quick-spread-card) {
    border-color: var(--line) !important;
    color: var(--text) !important;
    background: #faf6ef !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.quick-system-card, .quick-spread-card):hover:not(:disabled) {
    border-color: var(--line-strong) !important;
    background: #f1e9df !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] .quick-system-card.is-active {
    border-color: rgba(101, 90, 115, .34) !important;
    background: #e9e1ec !important;
}

:root[data-theme-variant="cream"] .quick-system-card__symbol {
    border-color: rgba(101, 90, 115, .16) !important;
    color: var(--accent) !important;
    background: #f0eaf2 !important;
}

:root[data-theme-variant="cream"] .quick-system-card__check {
    border-color: var(--line-strong) !important;
    background: #fffdf9 !important;
}

:root[data-theme-variant="cream"] .quick-system-card.is-active .quick-system-card__check {
    border-color: var(--accent) !important;
    color: #fffdf9 !important;
    background: var(--accent) !important;
}

:root[data-theme-variant="cream"] .quick-story-progress {
    border-color: var(--line) !important;
    background: rgba(249, 245, 238, .94) !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .quick-story-progress__track {
    background: #ddd4c8 !important;
}

:root[data-theme-variant="cream"] .quick-story-card {
    border-color: var(--line) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] :where(.quick-story-card--ai-request, .quick-story-card--ai-result, .quick-story-card--ai-suggestions) {
    border-color: rgba(101, 90, 115, .2) !important;
    background: #f3edf4 !important;
}

:root[data-theme-variant="cream"] .quick-suggestion-item {
    border-color: var(--line) !important;
    background: #faf6ef !important;
}

:root[data-theme-variant="cream"] .card.spread-card.spread-catalog-card {
    border-color: var(--line) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .card.spread-card.spread-catalog-card::after {
    background: var(--accent) !important;
}

:root[data-theme-variant="cream"] .card.spread-card.spread-catalog-card:hover {
    border-color: var(--line-strong) !important;
    background: #f7f1e9 !important;
    box-shadow: none !important;
    transform: none !important;
}

:root[data-theme-variant="cream"] .reading-panel {
    background: #fffdf9 !important;
}

:root[data-theme-variant="cream"] .reading-stage {
    border-color: var(--line-strong) !important;
    background: #f8f3eb !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .reading-stage::before {
    display: none !important;
}

:root[data-theme-variant="cream"] .reading-stage-symbol span {
    border-color: rgba(101, 90, 115, .38) !important;
    background: #ece4ef !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .reading-stage-symbol span:nth-child(2) {
    border-color: var(--accent) !important;
    background: var(--accent) !important;
}

:root[data-theme-variant="cream"] .reading-canvas,
:root[data-theme-variant="cream"] .reading-stage.is-expanded .reading-canvas,
:root[data-theme-variant="cream"] .reading-stage:fullscreen .reading-canvas,
:root[data-theme-variant="cream"] .reading-stage:-webkit-full-screen .reading-canvas {
    border-color: #d4c9bb !important;
    background: #e8dfd3 !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5) !important;
}

:root[data-theme-variant="cream"] .reading-canvas::before,
:root[data-theme-variant="cream"] .reading-canvas::after,
:root[data-theme-variant="cream"] .reading-stage.is-expanded .reading-canvas::before,
:root[data-theme-variant="cream"] .reading-stage:fullscreen .reading-canvas::before,
:root[data-theme-variant="cream"] .reading-stage:-webkit-full-screen .reading-canvas::before {
    display: none !important;
}

:root[data-theme-variant="cream"] .reading-stage.is-expanded,
:root[data-theme-variant="cream"] .reading-stage:fullscreen,
:root[data-theme-variant="cream"] .reading-stage:-webkit-full-screen {
    background: #f4efe7 !important;
}

:root[data-theme-variant="cream"] .reading-card-inner {
    box-shadow: 0 3px 10px rgba(50, 41, 34, .18) !important;
}

:root[data-theme-variant="cream"] .reading-card-face {
    border-color: rgba(66, 54, 44, .22) !important;
}

:root[data-theme-variant="cream"] .reading-card-back {
    border-color: rgba(255, 255, 255, .16) !important;
    background: #5d5368 !important;
    background-image: none !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .reading-card-back::before,
:root[data-theme-variant="cream"] .reading-card-back::after {
    opacity: .18 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .reading-card-front {
    background: #fffdf9 !important;
}

:root[data-theme-variant="cream"] .reading-card-front::after {
    border-color: rgba(255, 255, 255, .3) !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .reading-card-placeholder {
    color: #fffdf9 !important;
    background: #655a73 !important;
    background-image: none !important;
}

:root[data-theme-variant="cream"] .reading-card-placeholder__glow {
    border-color: rgba(255, 255, 255, .22) !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .reading-item:hover,
:root[data-theme-variant="cream"] .reading-item:focus-visible {
    filter: none !important;
}

:root[data-theme-variant="cream"] .reading-item:hover .reading-card-inner,
:root[data-theme-variant="cream"] .reading-item:focus-visible .reading-card-inner {
    box-shadow: 0 4px 14px rgba(50, 41, 34, .22) !important;
}

:root[data-theme-variant="cream"] .modal-backdrop {
    background: rgba(45, 38, 32, .34) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

:root[data-theme-variant="cream"] .modal {
    border-color: var(--line-strong) !important;
    background: #fffdf9 !important;
    box-shadow: 0 20px 56px rgba(45, 38, 32, .18) !important;
}

:root[data-theme-variant="cream"] .modal-header {
    border-bottom-color: var(--line) !important;
}

:root[data-theme-variant="cream"] .toast {
    border-color: var(--line-strong) !important;
    color: var(--text) !important;
    background: #fffdf9 !important;
    box-shadow: 0 12px 32px rgba(45, 38, 32, .12) !important;
}

:root[data-theme-variant="cream"] .empty-state {
    border-color: var(--line) !important;
    background: #faf6ef !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .offline-screen {
    background: rgba(244, 239, 231, .92) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

:root[data-theme-variant="cream"] .offline-screen__card {
    border-color: var(--line-strong) !important;
    background: #fffdf9 !important;
    box-shadow: 0 20px 56px rgba(45, 38, 32, .14) !important;
}

:root[data-theme-variant="cream"] :where(.market-filter-panel, .market-profile-hero, .market-message, .market-thread-item, .market-action-row) {
    border-color: var(--line) !important;
    background: #fffdf9 !important;
    box-shadow: none !important;
}

:root[data-theme-variant="cream"] .market-profile-hero {
    border-color: var(--line-strong) !important;
}

:root[data-theme-variant="cream"] .market-message.is-own,
:root[data-theme-variant="cream"] .admin-message.is-consultant {
    background: #e9e1ec !important;
}

:root[data-theme-variant="cream"] .market-message:not(.is-own),
:root[data-theme-variant="cream"] .admin-message:not(.is-consultant) {
    background: #f2ece4 !important;
}

:root[data-theme-variant="cream"] .admin-tabs {
    border-color: var(--line) !important;
    background: #eee7dd !important;
}

:root[data-theme-variant="cream"] .admin-tab {
    color: var(--muted) !important;
    background: transparent !important;
}

:root[data-theme-variant="cream"] .admin-tab.is-active {
    color: var(--text) !important;
    background: #fffdf9 !important;
    box-shadow: 0 1px 2px rgba(52, 42, 34, .06) !important;
}

:root[data-theme-variant="cream"] .admin-distribution-track {
    background: #ddd4c8 !important;
}

:root[data-theme-variant="cream"] .admin-distribution-bar {
    background: var(--accent) !important;
}

:root[data-theme-variant="cream"] .admin-funnel-index {
    color: var(--accent) !important;
    background: #e9e1ec !important;
}

:root[data-theme-variant="cream"] .admin-table-scroll {
    border-color: var(--line) !important;
    background: #fffdf9 !important;
}

:root[data-theme-variant="cream"] .admin-analytics-table th {
    color: var(--muted) !important;
    background: #f3ede5 !important;
}

:root[data-theme-variant="cream"] .admin-analytics-table th,
:root[data-theme-variant="cream"] .admin-analytics-table td {
    border-bottom-color: var(--line) !important;
}

:root[data-theme-variant="cream"] .admin-analytics-table tbody tr:hover td {
    background: #f7f1e9 !important;
}

:root[data-theme-variant="cream"] .mobile-nav-backdrop,
:root[data-theme-variant="cream"] .details-backdrop {
    background: rgba(43, 36, 31, .3) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

@media (max-width: 820px) {
    :root[data-theme-variant="cream"] .top-bar {
        background: rgba(249, 245, 238, .94) !important;
    }

    :root[data-theme-variant="cream"] .bottom-nav {
        background: rgba(249, 245, 238, .97) !important;
    }

    :root[data-theme-variant="cream"] .bottom-link {
        color: var(--subtle) !important;
        background: transparent !important;
    }

    :root[data-theme-variant="cream"] .bottom-link.is-active {
        color: var(--accent) !important;
        background: #e9e1ec !important;
    }

    :root[data-theme-variant="cream"] .bottom-link--primary .bottom-link-icon {
        color: #fffdf9 !important;
        background: var(--accent) !important;
        box-shadow: none !important;
    }

    :root[data-theme-variant="cream"] .details-panel {
        border-top-color: var(--line) !important;
        background: #fffdf9 !important;
        box-shadow: 0 -16px 40px rgba(45, 38, 32, .11) !important;
    }
}

@media (max-width: 570px) {
    :root[data-theme-variant="cream"] .workspace {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    :root[data-theme-variant="cream"] :where(.card, .quick-launcher, .quick-story-card, .home-guest-hero, .home-value-card, .home-consultants-promo, .home-consultant-workspace, .settings-export-card) {
        border-radius: 16px !important;
    }

    :root[data-theme-variant="cream"] .home-guest-hero__title {
        font-size: clamp(1rem, 3.35vw, 1.1rem) !important;
        line-height: 1.04 !important;
    }

    :root[data-theme-variant="cream"] :where(.primary-button, .secondary-button, .ghost-button, .danger-button) {
        min-height: 46px !important;
        border-radius: 13px !important;
    }
}

:where(
    .primary-button,
    .secondary-button,
    .ghost-button,
    .danger-button,
    .action-button,
    .feedback-button,
    .calendar-nav-button,
    .reading-reveal-all-button,
    .reading-fullscreen-button,
    .text-button,
    .legal-external-button,
    .admin-readonly-button,
    .password-auth__telegram-button,
    .password-auth__telegram-open
) {
    width: fit-content !important;
    max-width: 100%;
    flex: 0 0 auto !important;
    justify-self: center;
}

@media (max-width: 820px) {
    :where(
        .header-actions,
        .hero-actions,
        .form-actions,
        .market-action-row,
        .market-filter-actions,
        .quick-launcher__footer,
        .quick-story-actions,
        .quick-story-actions--finish,
        .home-guest-hero__actions,
        .home-consultant-workspace__actions,
        .avatar-actions,
        .password-auth__telegram-actions,
        .legal-consent-actions
    ) {
        justify-content: center !important;
        justify-items: center;
        align-items: center !important;
    }
}

.situation-page-header > :first-child {
    min-width: 0;
    flex: 1 1 auto;
}

.situation-header-actions {
    position: relative;
    z-index: 12;
    flex: 0 0 auto;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: visible;
}

.situation-header-actions > * {
    flex: 0 0 auto !important;
}

.situation-header-icon-button {
    position: relative;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    line-height: 0;
    text-align: center;
    overflow: visible !important;
}

.situation-header-icon-button > .ui-icon,
.situation-header-icon-button > .market-lock-icon {
    grid-area: 1 / 1;
    margin: 0 !important;
}

.situation-header-icon-button .ui-icon,
.situation-header-icon-button .market-lock-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.situation-header-tooltip {
    position: absolute;
    top: calc(100% + 9px);
    left: 50%;
    z-index: 60;
    width: max-content;
    max-width: min(240px, 70vw);
    padding: 7px 10px;
    border: 1px solid var(--line-strong);
    border-radius: 9px;
    color: var(--text);
    background: color-mix(in srgb, var(--bg-elevated) 96%, transparent);
    box-shadow: var(--shadow-sm);
    font-size: .72rem;
    font-weight: 650;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -4px);
    transition: opacity .16s ease, transform .16s ease;
}

.situation-header-icon-button:hover .situation-header-tooltip,
.situation-header-icon-button:focus-visible .situation-header-tooltip {
    opacity: 1;
    transform: translate(-50%, 0);
}

@media (max-width: 820px) {
    .situation-header-actions {
        width: 100%;
        justify-content: flex-start !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 2px 1px 7px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .situation-header-actions::-webkit-scrollbar {
        display: none;
    }

    .situation-header-tooltip {
        display: none;
    }
}