/* Переключение темы. Тёмная тема остаётся базовой темой проекта. */
.theme-selector {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border: 1px solid var(--app-border, rgba(218, 205, 255, 0.16));
    border-radius: 14px;
    background: var(--app-surface-soft, rgba(255, 255, 255, 0.07));
}

.theme-selector-label {
    padding: 0 8px;
    color: var(--app-muted, #aaa2bd);
    font-size: 0.82rem;
    font-weight: 650;
}

.theme-choice {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 12px;
    border: 0;
    border-radius: 10px;
    color: var(--app-muted, #aaa2bd);
    background: transparent;
    cursor: pointer;
    transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.theme-choice:hover {
    color: var(--app-text, #fff);
    background: var(--app-surface-soft, rgba(255, 255, 255, 0.07));
}

.theme-choice.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--app-accent, #8b5cf6), var(--app-accent-strong, #7447e8));
    box-shadow: 0 5px 14px rgba(93, 61, 170, 0.25);
}

.theme-choice svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-theme-control {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.theme-sidebar-button {
    padding: 0;
    cursor: pointer;
}

.theme-modal-overlay[hidden] {
    display: none;
}

.theme-modal-overlay {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(6, 4, 12, 0.68);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.theme-modal {
    position: relative;
    width: min(100%, 430px);
    padding: 30px;
    border: 1px solid var(--app-border, rgba(218, 205, 255, 0.16));
    border-radius: 22px;
    color: var(--app-text, #f7f4ff);
    background: var(--app-surface-solid, #1b142b);
    box-shadow: var(--app-shadow, 0 24px 70px rgba(3, 1, 10, 0.34));
}

.theme-modal h2 {
    margin: 3px 42px 8px 0;
    color: inherit;
    font-size: 1.45rem;
}

.theme-modal-kicker {
    margin: 0;
    color: var(--app-accent, #8b5cf6);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-modal-description {
    margin: 0 0 22px;
    color: var(--app-muted, #aaa2bd);
    line-height: 1.55;
}

.theme-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    border: 1px solid var(--app-border, rgba(218, 205, 255, 0.16));
    border-radius: 11px;
    color: var(--app-text, #fff);
    background: var(--app-surface-soft, rgba(255, 255, 255, 0.07));
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1;
}

.theme-modal .theme-selector {
    width: 100%;
}

.theme-modal .theme-choice {
    flex: 1;
}

.theme-modal-open {
    overflow: hidden;
}

/* Светлая палитра */
html[data-theme="light"] {
    color-scheme: light;
    --app-bg: #efecf4;
    --app-bg-elevated: #ffffff;
    --app-surface: rgba(255, 255, 255, 0.94);
    --app-surface-solid: #ffffff;
    --app-surface-soft: #e9e4f0;
    --app-border: #d5cce1;
    --app-border-strong: #ad9bc7;
    --app-text: #251d32;
    --app-muted: #000;
    --app-accent: #7650d2;
    --app-accent-strong: #6038bd;
    --app-accent-soft: rgba(118, 80, 210, 0.13);
    --app-indigo: #5668c2;
    --app-warning: #a66c08;
    --app-danger: #c63e50;
    --app-success: #278567;
    --app-shadow: 0 22px 55px rgba(60, 43, 90, 0.13);
    --chat-surface: rgba(251, 250, 253, 0.96);
    --chat-surface-strong: #ffffff;
    --chat-border: var(--app-border);
    --chat-soft: var(--app-surface-soft);
    --chat-text: var(--app-text);
    --chat-text-muted: var(--app-muted);
    --chat-accent: #6943c7;
    --chat-accent-soft: var(--app-accent-soft);
    --chat-danger: var(--app-danger);
    --chat-warning: var(--app-warning);
    --acc-surface: rgba(251, 250, 253, 0.96);
    --acc-surface-strong: #ffffff;
    --acc-border: var(--app-border);
    --acc-soft: var(--app-surface-soft);
    --acc-text: var(--app-text);
    --acc-muted: var(--app-muted);
    --acc-accent: #6943c7;
    --acc-accent-soft: var(--app-accent-soft);
    --acc-danger: var(--app-danger);
    --info-bg: #f5f3fa;
    --info-surface: rgba(255, 255, 255, 0.95);
    --info-border: rgba(68, 48, 105, 0.14);
    --info-text: #241d31;
    --info-muted: #6f6879;
    --info-accent: #6943c7;
}

html[data-theme="light"] body {
    color: var(--app-text);
    background: var(--app-bg);
}

html[data-theme="light"] .background-fixed {
    background-image:
        radial-gradient(circle at 8% 12%, rgba(139, 92, 246, 0.1), transparent 31%),
        radial-gradient(circle at 92% 80%, rgba(101, 116, 217, 0.08), transparent 34%),
        linear-gradient(145deg, #f8f6fb 0%, #eeebf4 52%, #f6f3f9 100%);
}

html[data-theme="light"] .app-sidebar,
html[data-theme="light"] .chat-topbar,
html[data-theme="light"] .chat-footer,
html[data-theme="light"] .account-topbar,
html[data-theme="light"] .hero-card,
html[data-theme="light"] .account-card,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .admin-topbar,
html[data-theme="light"] .admin-panel,
html[data-theme="light"] .admin-metrics article {
    color: var(--app-text);
    border-color: var(--app-border);
    background: rgba(255, 255, 255, 0.96);
}

html[data-theme="light"] .app-sidebar,
html[data-theme="light"] .chat-topbar,
html[data-theme="light"] .chat-footer,
html[data-theme="light"] .account-topbar,
html[data-theme="light"] .hero-card {
    box-shadow: 0 12px 30px rgba(54, 38, 82, 0.08);
}

html[data-theme="light"] .app-sidebar-logo,
html[data-theme="light"] .plan-chip,
html[data-theme="light"] .menu-button,
html[data-theme="light"] .mode-segment,
html[data-theme="light"] .ghost-btn,
html[data-theme="light"] .admin-tabs button {
    color: var(--app-text);
    /* background: var(--app-surface-soft); */
    background-color:#000;
}

html[data-theme="light"] .token-pack,
html[data-theme="light"] .summary-badge{
    background:none;
}

html[data-theme="light"] .token-pack:hover{
    background: #f3eff7;
}

html[data-theme="light"] .summary-badge{
    color: #3a2d68;
    border: 1px solid rgba(167, 133, 255, 0.5);
    border-radius: 16px;
}

html[data-theme="light"] .app-sidebar-link {
    color: #716a7e;
}

html[data-theme="light"] .app-sidebar-link:hover,
html[data-theme="light"] .app-sidebar-link.active {
    color: #5c35b5;
    border-color: rgba(118, 80, 210, 0.2);
    background: rgba(118, 80, 210, 0.12);
}

html[data-theme="light"] .menu-dropdown,
html[data-theme="light"] .modal,
html[data-theme="light"] .auth-modal {
    color: var(--app-text);
    border-color: var(--app-border);
    background: #fff;
}

html[data-theme="light"] .auth-modal {
    box-shadow: 0 24px 70px rgba(35, 24, 52, 0.24);
}

html[data-theme="light"] .auth-modal-close {
    color: #392d47;
    border-color: #cfc4dc;
    background: #eee9f4;
    box-shadow: 0 4px 12px rgba(54, 38, 82, 0.1);
}

html[data-theme="light"] .auth-modal-close:hover {
    color: #fff;
    border-color: #6842be;
    background: #7048c9;
}

html[data-theme="light"] .auth-modal-tabs {
    padding: 4px;
    border: 1px solid #d8cfe3;
    border-radius: 15px;
    background: #f1edf5;
}

html[data-theme="light"] .auth-tab {
    color: #51475c;
    border-color: transparent;
    background: transparent;
}

html[data-theme="light"] .auth-tab:hover:not(.active) {
    color: #35283f;
    background: #e5ddec;
}

html[data-theme="light"] .auth-tab.active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--app-accent), var(--app-accent-strong));
    box-shadow: 0 6px 16px rgba(78, 46, 148, 0.22);
}

html[data-theme="light"] .auth-input {
    color: var(--app-text);
    border-color: #d1c6dd;
    background: #fbfafd;
}

html[data-theme="light"] .auth-input:hover {
    border-color: #b9a8ca;
}

html[data-theme="light"] .auth-input:focus {
    border-color: var(--app-accent);
    box-shadow: 0 0 0 3px rgba(118, 80, 210, 0.14);
}

html[data-theme="light"] .auth-consent a {
    color: #5f3bab;
}

html[data-theme="light"] .auth-consent a:hover,
html[data-theme="light"] .auth-consent a:focus-visible {
    color: #3f257b;
}

/* Чат: отдельная рабочая поверхность и читаемые сообщения. */
html[data-theme="light"] .chat-stream {
    color: var(--chat-text);
    border-color: var(--chat-border);
    background: #f5f2f8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .chat-topbar .brand,
html[data-theme="light"] .account-topbar .brand,
html[data-theme="light"] .empty-state h1 {
    color: var(--app-text);
}

html[data-theme="light"] .account-topbar .brand,
html[data-theme="light"] .account-topbar .brand:hover {
    border-color: transparent;
    background: transparent;
}

html[data-theme="light"] .plan-chip {
    color: #4f4659;
    border-color: #d1c6df;
    background: #eee9f4;
}

html[data-theme="light"] .menu-button,
html[data-theme="light"] .attachment-btn,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .send-secondary,
html[data-theme="light"] .close-modal {
    color: #493d57;
    border-color: var(--app-border);
    background: #eee9f4;
}

html[data-theme="light"] .menu-button:hover,
html[data-theme="light"] .attachment-btn:hover,
html[data-theme="light"] .icon-btn:hover,
html[data-theme="light"] .send-secondary:hover,
html[data-theme="light"] .close-modal:hover {
    color: #5d37ae;
    border-color: var(--app-border-strong);
    background: #e5ddef;
}

html[data-theme="light"] .menu-dropdown button,
html[data-theme="light"] .response-mode-menu button {
    color: var(--app-text);
}

html[data-theme="light"] .menu-dropdown button:hover,
html[data-theme="light"] .response-mode-menu button:hover,
html[data-theme="light"] .response-mode-menu button.is-active {
    background: var(--app-accent-soft);
}

html[data-theme="light"] .message-row.assistant::before,
html[data-theme="light"] .message-row.alert::before {
    background-color: #000;
}

html[data-theme="light"] .bubble-assistant {
    color: var(--app-text);
    border-color: #d5c9e2;
    background: #eae4f1;
    box-shadow: 0 9px 24px rgba(54, 38, 82, 0.09);
}

html[data-theme="light"] .message-bubble.bubble-error {
    border-color: #d99090;
    background: #fff0f0;
}

html[data-theme="light"] .bubble-user {
    color: #fff;
    border-color: #6556ad;
    background: linear-gradient(145deg, #7469c8, #554ba5);
    box-shadow: 0 10px 25px rgba(69, 54, 141, 0.2);
}

html[data-theme="light"] .bubble-clarify,
html[data-theme="light"] .bubble-timer {
    color: var(--app-text);
    border-color: #dfa844;
    background: #fff4d9;
    box-shadow: 0 9px 22px rgba(126, 84, 16, 0.08);
}

html[data-theme="light"] .message-text {
    color: #342b40;
}

html[data-theme="light"] .bubble-user .message-text {
    color: #fff;
}

html[data-theme="light"] .message-time {
    color: #756c80;
}

html[data-theme="light"] .bubble-user .message-time {
    color: #ddd8ff;
}

html[data-theme="light"] .timer-message-label,
html[data-theme="light"] .bubble-timer .message-text {
    color: #8a5905;
}

html[data-theme="light"] .empty-state,
html[data-theme="light"] .typing-state,
html[data-theme="light"] .voice-meta {
    color: var(--app-muted);
}

html[data-theme="light"] .composer-center textarea,
html[data-theme="light"] .voice-panel,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    color: var(--app-text);
    border-color: var(--app-border);
    background: #fdfcfe;
}

html[data-theme="light"] .composer-center textarea::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: #777080;
}

html[data-theme="light"] .composer-modebar {
    color: var(--app-text);
}

html[data-theme="light"] .mode-control-label {
    color: #6b6274;
}

html[data-theme="light"] .mode-segments {
    border-color: #d3c9df;
    background: #eee9f4;
}

html[data-theme="light"] .mode-segment {
    color: #554c61;
    background: transparent;
}

html[data-theme="light"] .mode-segment:hover:not(:disabled) {
    color: #3c2c4f;
    background: #e2d9ed;
}

html[data-theme="light"] .mode-segment.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--app-accent), var(--app-accent-strong));
}

html[data-theme="light"] .mode-segment.is-active:disabled {
    opacity: 0.78;
}

html[data-theme="light"] .send-primary {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(145deg, #8a64dd, #6c47c6);
    box-shadow: 0 9px 22px rgba(77, 47, 145, 0.24);
}

html[data-theme="light"] .send-primary:disabled {
    color: #55476a;
    border-color: #d4c8e4;
    background: #dcd1ed;
    box-shadow: none;
    opacity: 1;
}

html[data-theme="light"] .waveform,
html[data-theme="light"] .voice-progress {
    background: #e7e1ec;
}

html[data-theme="light"] .log-area,
html[data-theme="light"] .llm-log-record pre {
    color: var(--app-text);
    border-color: var(--app-border);
    background: #f3eff7;
}

html[data-theme="light"] .log-area pre {
    color: #403649;
}

html[data-theme="light"] .payment-hero,
html[data-theme="light"] .hero-price-card {
    color: var(--app-text);
    border-color: var(--app-border);
}

html[data-theme="light"] .detail-card,
html[data-theme="light"] .support-messages,
html[data-theme="light"] .statistics-grid article,
html[data-theme="light"] .thread-item,
html[data-theme="light"] .support-messages article {
    color: var(--app-text);
    border-color: var(--app-border);
    background: #f8f6fc;
}

html[data-theme="light"] .thread-item.active,
html[data-theme="light"] .support-messages article.from-admin {
    background: #eee8fb;
}

/* Личный кабинет: вкладки и вложенные карточки не сливаются с фоном. */
html[data-theme="light"] .account-tabs {
    gap: 5px;
    padding: 5px;
    border-color: #cbc0da;
    background: #ded7e7;
    box-shadow: inset 0 1px 2px rgba(54, 38, 82, 0.08);
}

html[data-theme="light"] .tab-btn {
    color: #51485b;
    border-color: transparent;
    background: transparent;
}

html[data-theme="light"] .tab-btn:hover {
    color: #33263f;
    background: rgba(255, 255, 255, 0.55);
}

html[data-theme="light"] .tab-btn.active {
    color: #fff;
    border-color: #6e4db7;
    background: linear-gradient(135deg, #7352ba, #5e429f);
    box-shadow: 0 5px 14px rgba(75, 49, 129, 0.2);
}

html[data-theme="light"] .hero-card {
    background:
        radial-gradient(circle at 96% 0%, rgba(118, 80, 210, 0.1), transparent 38%),
        #fbfafd;
}

html[data-theme="light"] .hero-main p,
html[data-theme="light"] .topbar-user,
html[data-theme="light"] .metric-meta,
html[data-theme="light"] .muted,
html[data-theme="light"] .field span,
html[data-theme="light"] .stats-table th,
html[data-theme="light"] .subscription-card p {
    color: var(--app-muted);
}

html[data-theme="light"] .chip,
html[data-theme="light"] .list-row,
html[data-theme="light"] .summary-meta,
html[data-theme="light"] .summary-total,
html[data-theme="light"] .detail-list,
html[data-theme="light"] .feature-list,
html[data-theme="light"] .stats-breakdown {
    color: var(--app-text);
    border-color: #d5cbe1;
    background: #f3eff7;
}

html[data-theme="light"] .chip span,
html[data-theme="light"] .list-row p,
html[data-theme="light"] .stats-breakdown {
    color: var(--app-muted);
}

html[data-theme="light"] .panel-block,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .chart-card,
html[data-theme="light"] .plan-card {
    color: var(--app-text);
    border-color: #d5cbe1;
    background: #fbfafd;
    box-shadow: 0 10px 26px rgba(54, 38, 82, 0.06);
}

html[data-theme="light"] .ghost-btn,
html[data-theme="light"] .soft-btn,
html[data-theme="light"] .account-topbar a,
html[data-theme="light"] .account-topbar button {
    color: #232126;
    border-color: #d0c5dc;
    background: #eee9f4;
}

html[data-theme="light"] .ghost-btn:hover,
html[data-theme="light"] .soft-btn:hover,
html[data-theme="light"] .account-topbar a:hover,
html[data-theme="light"] .account-topbar button:hover {
    color: #352443;
    border-color: var(--app-border-strong);
    background: #e3dbea;
}

html[data-theme="light"] .primary-btn {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--app-accent), var(--app-accent-strong));
}

html[data-theme="light"] .danger-btn {
    color: #9b2f40;
    border-color: #e3a8b1;
    background: #fbe9ec;
}

html[data-theme="light"] .progress {
    background: #ded6e7;
}

html[data-theme="light"] .status-pill.active,
html[data-theme="light"] .status-pill.status-completed {
    color: #176a51;
    border-color: #77c9ad;
    background: #e0f4ed;
}

html[data-theme="light"] .status-pill.expired,
html[data-theme="light"] .status-pill.status-failed {
    color: #a13243;
    border-color: #eea4ae;
    background: #fde9ec;
}

html[data-theme="light"] .status-pill.status-pending {
    color: #7c5709;
    border-color: #dfc477;
    background: #fff4d5;
}

html[data-theme="light"] .status-pill.status-refunded {
    color: #42549b;
    border-color: #acb8e3;
    background: #e9edfb;
}

/* Главная страница */
html[data-theme="light"] #app:not(.chat-page):not(.account-page):not(.admin-page) .site-header {
    border-color: var(--app-border);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 28px rgba(54, 38, 82, 0.1);
}

html[data-theme="light"] .icon-button {
    color: #453852;
    border-color: var(--app-border);
    background: #f3eff7;
}

html[data-theme="light"] .icon-button:hover {
    color: #5f3eab;
    border-color: var(--app-border-strong);
    background: #e9e1f2;
}

html[data-theme="light"] .site-name,
html[data-theme="light"] .main-title,
html[data-theme="light"] .main-title span,
html[data-theme="light"] .content-block,
html[data-theme="light"] .content-block h2,
html[data-theme="light"] .content-block h3,
html[data-theme="light"] .pricing-card h3,
html[data-theme="light"] .price,
html[data-theme="light"] .faq-question,
html[data-theme="light"] .auth-label {
    color: var(--app-text);
    text-shadow: none;
}

html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .content-block,
html[data-theme="light"] .mission-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .pricing-comparison,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .category-card,
html[data-theme="light"] .support-contact {
    color: var(--app-text);
    border-color: var(--app-border);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 35px rgba(54, 38, 82, 0.07);
}

html[data-theme="light"] .dropdown-item,
html[data-theme="light"] .content-block p,
html[data-theme="light"] .mission-card p,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .feature-item.disabled,
html[data-theme="light"] .price .period,
html[data-theme="light"] .faq-item p,
html[data-theme="light"] .category-card p,
html[data-theme="light"] .faq-answer p,
html[data-theme="light"] .support-contact > p,
html[data-theme="light"] .auth-consent {
    color: var(--app-muted);
}

html[data-theme="light"] .dropdown-item:hover,
html[data-theme="light"] .faq-question:hover,
html[data-theme="light"] .table-row:hover {
    color: var(--app-text);
    background: var(--app-surface-soft);
}

html[data-theme="light"] .btn-login,
html[data-theme="light"] .sub-buttons > * {
    color: #3a2c4c;
    border-color: rgba(68, 48, 105, 0.2);
    background: rgba(255, 255, 255, 0.72);
    text-shadow: none;
}

html[data-theme="light"] .auth-buttons,
html[data-theme="light"] .sub-buttons {
    border-color: var(--app-border);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 14px 34px rgba(54, 38, 82, 0.1);
}

html[data-theme="light"] .btn-login {
    color: #fff;
    background: linear-gradient(135deg, var(--app-accent), var(--app-accent-strong));
}

html[data-theme="light"] .btn-register {
    color: #41374d;
    background: #e8e3ee;
}

html[data-theme="light"] .btn-login:hover {
    color: #fff;
    background: linear-gradient(135deg, #825bdd, #6940c5);
}

html[data-theme="light"] .btn-register:hover,
html[data-theme="light"] .sub-buttons > *:hover {
    color: var(--app-text);
    background: #e4dcef;
}

html[data-theme="light"] .content-block:nth-of-type(odd) {
    background: rgba(224, 217, 234, 0.72);
}

html[data-theme="light"] .content-block:nth-of-type(even) {
    background: rgba(246, 244, 249, 0.86);
}

html[data-theme="light"] .about-section .lead-text,
html[data-theme="light"] .features-section .lead-text,
html[data-theme="light"] .pricing-section .lead-text,
html[data-theme="light"] .help-section .lead-text {
    color: #51485d;
    border-color: var(--app-border);
    background: rgba(255, 255, 255, 0.7);
}

html[data-theme="light"] .mission-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .category-card,
html[data-theme="light"] .faq-item {
    background: #fbfafd;
}

html[data-theme="light"] .mission-card:hover,
html[data-theme="light"] .feature-card:hover,
html[data-theme="light"] .pricing-card:hover,
html[data-theme="light"] .faq-item:hover,
html[data-theme="light"] .category-card:hover {
    border-color: var(--app-border-strong);
    background: #fff;
    box-shadow: 0 18px 38px rgba(54, 38, 82, 0.11);
}

html[data-theme="light"] .mission-card h3,
html[data-theme="light"] .feature-card h3,
html[data-theme="light"] .about-values h3,
html[data-theme="light"] .pricing-faq h3,
html[data-theme="light"] .faq-item h4,
html[data-theme="light"] .category-card h3,
html[data-theme="light"] .faq-section h3,
html[data-theme="light"] .support-contact h3,
html[data-theme="light"] .pricing-comparison h3 {
    color: #3b2a50;
}

html[data-theme="light"] .about-values,
html[data-theme="light"] .pricing-faq,
html[data-theme="light"] .support-contact {
    border-color: #d8cbea;
    background: linear-gradient(145deg, #eee7f8, #f6f2fb);
    box-shadow: none;
}

html[data-theme="light"] .value-item {
    min-width: 112px;
    padding: 14px 12px;
    border: 1px solid rgba(118, 80, 210, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.58);
}

html[data-theme="light"] .value-item span:last-child,
html[data-theme="light"] .feature-tag {
    color: #6843b5;
}

html[data-theme="light"] .pricing-card {
    background: #fbfafd;
}

html[data-theme="light"] .pricing-card.popular {
    border-color: #9e82cf;
    background: linear-gradient(150deg, #f1ebfb, #fbfafd 58%);
    box-shadow: 0 18px 44px rgba(91, 57, 148, 0.12);
}

html[data-theme="light"] .pricing-header,
html[data-theme="light"] .feature-item,
html[data-theme="light"] .table-row,
html[data-theme="light"] .faq-answer p {
    border-color: #e8e2ee;
}

html[data-theme="light"] .price .currency,
html[data-theme="light"] .feature-item.included,
html[data-theme="light"] .col-feature,
html[data-theme="light"] .table-header .col-tier {
    color: var(--app-text);
}

html[data-theme="light"] .feature-item.disabled {
    color: #938c9c;
}

html[data-theme="light"] .check-icon {
    color: #16815d;
}

html[data-theme="light"] .cross-icon {
    color: #c95362;
}

html[data-theme="light"] .tier-badge {
    color: #654a91;
    background: #eee7f6;
}

html[data-theme="light"] .tier-badge.premium {
    color: #6540ae;
    background: #e8dcfa;
}

html[data-theme="light"] .tier-badge.token {
    color: #187257;
    background: #dff3eb;
}

html[data-theme="light"] .btn-free {
    color: #4e3c64;
    border-color: #cfc3dd;
    background: #eee9f4;
}

html[data-theme="light"] .btn-free:hover {
    color: #352642;
    border-color: #b8a5cd;
    background: #e4dced;
}

html[data-theme="light"] .token-info {
    border-color: rgba(39, 133, 103, 0.22);
    background: rgba(39, 133, 103, 0.08);
}

html[data-theme="light"] .rate-item {
    color: #285e4d;
}

html[data-theme="light"] .pricing-comparison {
    background: #f8f5fb;
}

html[data-theme="light"] .table-header {
    background: #e9e0f6;
}

html[data-theme="light"] .col-tier,
html[data-theme="light"] .detail-value {
    color: #665d70;
}

html[data-theme="light"] .faq-answer {
    background: #f3eff7;
}

html[data-theme="light"] .support-contact > p {
    color: #665d70;
}

html[data-theme="light"] .features-cta p {
    color: #554c61;
}

html[data-theme="light"] .btn-support {
    color: #3b3150;
    border-color: #c7bad7;
    background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .btn-support:hover {
    color: #2d2340;
    border-color: #9b83bd;
    background: #fff;
}

html[data-theme="light"] .footer-nav {
    border-color: var(--app-border);
    background: #eeeaf4;
}

html[data-theme="light"] .nav-link {
    color: #625a6d;
}

/* Информационные страницы */
html[data-theme="light"] body:has(.info-page) {
    color: var(--info-text);
    background:
        radial-gradient(circle at 15% 0%, rgba(118, 80, 210, 0.1), transparent 34rem),
        linear-gradient(160deg, #fbfaff 0%, var(--info-bg) 48%, #efecf4 100%);
}

html[data-theme="light"] .info-header {
    border-color: var(--info-border);
    background: rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .info-brand,
html[data-theme="light"] .info-document h1,
html[data-theme="light"] .info-document h2,
html[data-theme="light"] .info-document strong {
    color: var(--info-text);
}

html[data-theme="light"] .info-lead {
    color: #51495b;
}

html[data-theme="light"] .info-document {
    border-color: var(--info-border);
    background: var(--info-surface);
    box-shadow: 0 20px 55px rgba(60, 43, 90, 0.1);
}

html[data-theme="light"] .theme-modal-overlay {
    background: rgba(42, 34, 55, 0.34);
}

@media (max-width: 640px) {
    .home-theme-control {
        margin-top: 16px;
    }

    .theme-selector-label {
        display: none;
    }

    .theme-choice {
        padding-inline: 10px;
    }

    .theme-modal {
        padding: 24px;
    }
}

.cookie-notice {
    position: fixed;
    z-index: 10000;
    right: 20px;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    max-width: 920px;
    margin: 0 auto;
    padding: 16px 20px;
    color: #18131f;
    background: #fff;
    border: 1px solid rgba(24, 19, 31, 0.18);
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.cookie-notice p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

.cookie-notice-button {
    flex: 0 0 auto;
    padding: 10px 20px;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    background: #6842c2;
    border: 0;
    border-radius: 9px;
}

.cookie-notice-button:hover {
    background: #5432a5;
}

.cookie-notice-button:focus-visible {
    outline: 3px solid #bda7f0;
    outline-offset: 3px;
}

html[data-theme="light"] .cookie-notice {
    color: #fff;
    background: #292231;
    border-color: rgba(255, 255, 255, 0.22);
}

@media (max-width: 640px) {
    .cookie-notice {
        right: 12px;
        bottom: 12px;
        left: 12px;
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .cookie-notice-button {
        width: 100%;
    }
}