html[data-theme="light"] {
    --bg-page: linear-gradient(180deg, #f6f8fc 0%, #eef3f9 100%);
    --card-color: #ffffff;
    --surface-1: #ffffff;
    --surface-2: #f5f7fb;
    --surface-3: #ebf0f7;
    --surface-4: #dfe7f1;
    --fiolet: #7258ef;
    --site-green: #14704e;
    --task-color: #0a8a93;
    --line-color: rgba(103, 121, 153, 0.28);
    --text-primary: #182235;
    --text-secondary: #46546c;
    --text-muted: #69758d;
    --accent: #14704e;
    --accent-contrast: #ffffff;
    --border-soft: rgba(103, 121, 153, 0.2);
    --border-strong: rgba(103, 121, 153, 0.32);
    --shadow-color: rgba(15, 23, 42, 0.08);
    --shadow-color-strong: rgba(15, 23, 42, 0.16);
    --header-control-bg: rgba(24, 34, 53, 0.04);
    --header-control-bg-hover: rgba(114, 88, 239, 0.12);
    --header-control-border: rgba(103, 121, 153, 0.24);
}

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

html[data-theme="light"] header {
    background-color: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid var(--border-soft);
    box-shadow: 0 12px 30px var(--shadow-color);
    backdrop-filter: blur(18px);
}

html[data-theme="light"] .navigation {
    box-shadow: none;
}

html[data-theme="light"] header .logo,
html[data-theme="light"] footer .contact-side > a:first-child {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(243, 244, 246, 0.74));
    border: 1px solid rgba(103, 121, 153, 0.18);
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
}

html[data-theme="light"] :is(header .logo .site-logo, footer .contact-side > a:first-child .site-logo) {
    --logo-accent: var(--site-green);
    --logo-wordmark: var(--text-primary);
}

html[data-theme="light"] header .logo {
    margin-left: 10px;
    padding-right: 16px;
}

html[data-theme="light"] footer .contact-side > a:first-child {
    align-self: flex-start;
    justify-content: center;
    padding: 0 12px;
}

html[data-theme="light"] .menu-item,
html[data-theme="light"] .menu-item a,
html[data-theme="light"] .menu-item a:active,
html[data-theme="light"] .menu-item a:visited,
html[data-theme="light"] .dropdown-menu li a {
    color: var(--text-primary);
}

html[data-theme="light"] .menu-item:hover {
    border-bottom-color: var(--site-green);
}

html[data-theme="light"] .dropdown-menu {
    background: var(--surface-1);
    border: 1px solid var(--border-soft);
    border-top: 3px solid var(--site-green);
    box-shadow: 0 20px 40px var(--shadow-color);
}

html[data-theme="light"] .dropdown-menu li,
html[data-theme="light"] .menu-item {
    border-color: var(--border-soft);
}

html[data-theme="light"] .dropdown-menu li:hover {
    background-color: var(--surface-2);
}

html[data-theme="light"] .dropdown-menu li:hover a,
html[data-theme="light"] .menu-item:hover,
html[data-theme="light"] .menu-item:hover a {
    color: var(--site-green);
}

html[data-theme="light"] .dropdown-menu li:active,
html[data-theme="light"] .menu-item:active {
    background-color: rgba(20, 112, 78, 0.12);
}

html[data-theme="light"] .dropdown-menu li:active a,
html[data-theme="light"] .menu-item:active a {
    color: var(--text-primary);
}

html[data-theme="light"] .hamburger-menu > span {
    background-color: var(--text-primary);
}

html[data-theme="light"] footer {
    background: transparent;
    border-top: 1px solid var(--border-soft);
}

html[data-theme="light"] :is(.mail, .site-sections a, .site-sections > span, .site-description-container, .policy) {
    color: var(--text-primary);
}

html[data-theme="light"] .site-description > span,
html[data-theme="light"] .policy-wrapper a,
html[data-theme="light"] .features-list a,
html[data-theme="light"] .agree a,
html[data-theme="light"] .source-link,
html[data-theme="light"] .green-link {
    color: var(--site-green);
}

html[data-theme="light"] .policy span {
    border-bottom-color: var(--border-strong);
}

html[data-theme="light"] .policy span:hover,
html[data-theme="light"] .mail:hover,
html[data-theme="light"] .site-sections a:hover {
    color: var(--site-green);
    border-color: var(--site-green);
}

html[data-theme="light"] .bread {
    border-bottom-color: var(--border-soft);
}

html[data-theme="light"] .bread li:nth-child(n+2):before,
html[data-theme="light"] .bread-link {
    color: var(--text-secondary);
}

html[data-theme="light"] .bread a:hover {
    color: var(--fiolet);
}

html[data-theme="light"] .aside-menu-container {
    border-color: var(--border-soft);
}

html[data-theme="light"] .aside-menu-container li a,
html[data-theme="light"] .aside-menu-link,
html[data-theme="light"] .aside-menu-item-with-submenu > .aside-menu-link,
html[data-theme="light"] .aside-menu-item-with-submenu > .aside-menu-link::after {
    color: var(--text-primary);
}

html[data-theme="light"] .aside-menu-icon {
    color: var(--fiolet);
}

html[data-theme="light"] .aside-menu-container li a:hover,
html[data-theme="light"] .aside-submenu li a:hover {
    background-color: rgba(20, 112, 78, 0.12);
    color: var(--site-green);
}

html[data-theme="light"] .aside-submenu {
    background-color: var(--surface-1);
    border-color: var(--border-soft);
    box-shadow: 0 18px 36px var(--shadow-color);
}

html[data-theme="light"] .aside-submenu li a {
    color: var(--text-primary);
}

html[data-theme="light"] .neuroset-similar {
    background-color: var(--surface-1);
    border-left: 1px solid var(--border-soft);
}

html[data-theme="light"] :is(.similar-header, .neuroset-similar h3, .neuroset-similar h3 a, .similar-description, .similar-description-container, .prompt-rec-description-container, .prompt-rec-description-container h3, .prompt-rec-description-container h3 a, .prompt-rec-similar-description) {
    color: var(--text-primary);
}

html[data-theme="light"] .neuroset-similar h3 > a:hover,
html[data-theme="light"] .prompt-rec-description-container h3 a:hover {
    color: var(--fiolet);
}

html[data-theme="light"] :is(.card, .section-card, .feature-item, .step-item, .faq-item, .prompt-card, .category-card, .benefit-card, .main-page-description-item, .card-container, .tool-list-container, .policy-wrapper, .prompt-text, .note, .top-tools-container .tooltip, .limits-info, .subscription-card, .form-container, .price-distribution-container, .distribution-card, .chart-card) {
    background: var(--surface-1);
    border-color: var(--border-soft);
    box-shadow: 0 14px 34px var(--shadow-color);
}

html[data-theme="light"] .subscription-card {
    background: linear-gradient(var(--surface-1), var(--surface-1)) padding-box, linear-gradient(90deg, #6a5af9, #64ffda) border-box;
    border: 2px solid transparent;
}

html[data-theme="light"] :is(.main-catalog-container, .filter-result-container, .result-container, .neuroset-info, .prompt-info, .post-container, .top-tools-container) {
    background-color: #f3f4f680;
    border-color: var(--border-soft);
    box-shadow: 0 18px 40px var(--shadow-color);
}

html[data-theme="light"] :is(.main-catalog-container, .filter-result-container, .result-container, .neuroset-info, .prompt-info, .post-container, .top-tools-container, .policy-wrapper, .subscription-container, .form-container, .prompt-catalog-container, .maim-generator-container, .search-results-container, .neuroset-similar, .not-found-container, .subscription-card) :is(h1, h2, h3, h4, p, span, a, div, label, li, summary, strong) {
    color: var(--text-primary);
}

html[data-theme="light"] :is(.lead, .section-lead, .tip, .limit-label, .post-description, .prompt-description, .similar-description, .prompt-rec-similar-description, .intro-text, .category-description, .benefit-card p, .feature-item p, .step-content p, .site-description, .policy, .agree, .feature, .field-type, .library-intro p, .main-page-description-column-text, .main-page-description-column-text p, .card-description, .prompt-language) {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(.section-card h2, .description-section-title, .categories-section h2, .popular-prompt-container h2, .library-intro h2, .prompt-features h3, .policy-wrapper h2, .policy-wrapper h3, .post-container h2, .post-container h3, .similar-header, .step-content h3, .feature-item h3, .form-title, .tool-list-container h3, .card-details h2 a, .main-page-description-item h3, .category-name) {
    color: var(--fiolet);
}

html[data-theme="light"] :is(.policy-wrapper a, .features-list a, .agree a) {
    color: var(--site-green);
}

html[data-theme="light"] :is(.policy-wrapper a:hover, .features-list a:hover, .agree a:hover) {
    color: var(--fiolet);
}

html[data-theme="light"] .policy-wrapper {
    border-color: var(--border-strong);
}

html[data-theme="light"] :is(.author-container, .card-details h2, .post-description, .prompt-rec-container, .tool, .card-task-container, .result-container, .filter-result-container, .prompt-info, .neuroset-info, .post-container) {
    border-color: var(--border-soft);
}

html[data-theme="light"] :is(.author-container a, .author-container div, .author-container div p, .prompt-title, .prompt-title a, .card-details h2 a, .tool-link, .post-container h1, .neuroset-info h1, .prompt-info h1, .result-container h1, .filter-result-container h1, .head-container h1, .main-catalog-container h1, .main-catalog-container h2, .top-tools-container h1, .top-tools-container h2, .not-found-container) {
    color: var(--text-primary);
}

html[data-theme="light"] .author-container div p {
    color: var(--text-muted);
}

html[data-theme="light"] :is(.views-wrapper, .verify-container, .detail-views-container) {
    background-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 24px var(--shadow-color);
}

html[data-theme="light"] .views {
    color: var(--text-primary);
}

html[data-theme="light"] .card-task {
    background-color: var(--surface-2);
    color: var(--text-secondary);
    border-color: var(--border-soft);
}

html[data-theme="light"] .card-task:hover {
    background-color: rgba(114, 88, 239, 0.1);
    color: var(--fiolet);
}

html[data-theme="light"] .post-description strong,
html[data-theme="light"] .post-description li strong,
html[data-theme="light"] .post-feature .feature:first-child {
    color: var(--site-green);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .note-left {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(235, 240, 247, 0.92));
    border: 1px solid var(--border-soft);
    box-shadow: 0 12px 28px var(--shadow-color);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .note-left::after {
    background: linear-gradient(180deg, var(--site-green), var(--fiolet));
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .note-left :is(p, li, strong, a, span) {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .note-left strong {
    color: var(--text-primary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .note-left a {
    color: var(--fiolet);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .note-left a:hover {
    color: var(--site-green);
}

html[data-theme="light"] .post-container .remark-title {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 244, 246, 0.96));
    color: var(--text-primary);
    border-color: rgba(255, 107, 107, 0.28);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .related.neon {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(243, 244, 246, 0.94));
    border: 1px solid rgba(114, 88, 239, 0.18);
    color: var(--text-primary);
    box-shadow: 0 14px 30px var(--shadow-color);
}

html[data-theme="light"] .related.neon .related-title {
    color: var(--text-primary);
}

html[data-theme="light"] .related.neon p {
    color: var(--text-secondary);
}

html[data-theme="light"] .related.neon .cta {
    color: var(--fiolet);
    opacity: 0.88;
}

html[data-theme="light"] .related.neon:hover {
    border-color: rgba(114, 88, 239, 0.3);
    box-shadow: 0 18px 36px var(--shadow-color-strong);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(235, 240, 247, 0.96));
}

html[data-theme="light"] .related.neon:hover .related-title {
    color: var(--fiolet);
}

html[data-theme="light"] .related.neon:hover .cta {
    color: var(--site-green);
}

html[data-theme="light"] .post-container .article-navigation {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(243, 244, 246, 0.94));
    border: 1px solid rgba(114, 88, 239, 0.18);
    box-shadow: 0 14px 30px var(--shadow-color);
}

html[data-theme="light"] .post-container .article-navigation :is(p, li, ul) {
    color: var(--text-primary);
}

html[data-theme="light"] .post-container .article-navigation a {
    color: var(--text-primary) !important;
}

html[data-theme="light"] .post-container .article-navigation a:hover {
    color: var(--fiolet) !important;
}

html[data-theme="light"] .post-container .article-navigation li ul li::before {
    color: var(--site-green);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .article-table-container {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(243, 244, 246, 0.92));
    border: 1px solid var(--border-soft);
    border-radius: 14px;
    box-shadow: 0 12px 28px var(--shadow-color);
    padding: 10px 12px;
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .article-table {
    background: transparent;
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .article-table caption {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .article-table td,
html[data-theme="light"] :is(.post-container, .neuroset-info) .article-table th {
    color: var(--text-primary);
    border-color: rgba(114, 88, 239, 0.24);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .article-table th {
    color: #ffffff;
    background: linear-gradient(135deg, #7258ef, #5f46dd);
    font-weight: 700;
    text-shadow: none;
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .article-table td {
    background-color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq details {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(243, 244, 246, 0.92));
    border: 1px solid var(--border-soft);
    box-shadow: 0 12px 28px var(--shadow-color);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq summary {
    color: var(--text-primary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq summary::before {
    color: var(--fiolet);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq details :is(p, li, span, div) {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq details a {
    color: var(--fiolet);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq details a:hover {
    color: var(--site-green);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq details[open] {
    border-color: rgba(114, 88, 239, 0.2);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .faq details[open] summary {
    border-bottom-color: rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] .news-container {
    border-color: var(--border-soft);
}

html[data-theme="light"] .news-container h1 {
    color: var(--text-primary);
}

html[data-theme="light"] .news-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(243, 244, 246, 0.88));
    border-color: var(--border-soft);
    box-shadow: 0 16px 34px var(--shadow-color);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

html[data-theme="light"] .news-card:hover {
    transform: translateY(-2px);
    border-color: rgba(114, 88, 239, 0.28);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .news-image {
    border-radius: 10px;
}

html[data-theme="light"] .news-details h2 {
    color: var(--text-primary);
    border-bottom-color: var(--border-soft);
}

html[data-theme="light"] .news-details h2 > a {
    color: var(--text-primary);
}

html[data-theme="light"] .news-details h2 > a:hover {
    color: var(--fiolet);
}

html[data-theme="light"] .news-card .description {
    color: var(--text-secondary);
}

html[data-theme="light"] .news-card .when-created {
    border-top-color: var(--border-soft);
}

html[data-theme="light"] .news-card .created {
    color: var(--text-muted);
}

html[data-theme="light"] .post-description a {
    color: var(--text-primary);
}

html[data-theme="light"] .post-description li a,
html[data-theme="light"] .source-link,
html[data-theme="light"] .green-link {
    color: var(--site-green);
}

html[data-theme="light"] .post-description ol li:before {
    color: #ffffff;
    background: rgba(114, 88, 239, 0.76);
}

html[data-theme="light"] .note {
    background-color: var(--surface-2);
}

html[data-theme="light"] .pluses {
    background: linear-gradient(180deg, rgba(20, 112, 78, 0.12), rgba(20, 112, 78, 0.05));
    border: 1px solid rgba(20, 112, 78, 0.16);
    box-shadow: 0 12px 28px var(--shadow-color);
}

html[data-theme="light"] .minuses {
    background: linear-gradient(180deg, rgba(220, 38, 38, 0.1), rgba(220, 38, 38, 0.04));
    border: 1px solid rgba(220, 38, 38, 0.14);
    box-shadow: 0 12px 28px var(--shadow-color);
}

html[data-theme="light"] :is(.pluses, .minuses) p {
    color: var(--text-primary);
}

html[data-theme="light"] :is(.pluses, .minuses) li {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(.pluses, .minuses) strong {
    color: var(--text-primary);
}

html[data-theme="light"] .post-container .table-container {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(243, 244, 246, 0.92));
    border: 1px solid var(--border-soft);
    border-radius: 14px;
    box-shadow: 0 12px 28px var(--shadow-color);
    padding: 10px 12px;
}

html[data-theme="light"] .post-container .summary-table {
    background: transparent;
    border-color: rgba(114, 88, 239, 0.24);
}

html[data-theme="light"] .post-container .summary-table caption {
    color: var(--text-secondary);
}

html[data-theme="light"] .post-container .summary-table th,
html[data-theme="light"] .post-container .summary-table td {
    color: var(--text-primary);
    border-color: rgba(114, 88, 239, 0.24);
}

html[data-theme="light"] .post-container .summary-table th {
    color: #ffffff;
    background: linear-gradient(135deg, #7258ef, #5f46dd);
    font-weight: 700;
    text-shadow: none;
}

html[data-theme="light"] .post-container .summary-table td {
    background-color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table {
    background: transparent;
    color: var(--text-primary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table th {
    color: var(--text-primary);
    text-shadow: none;
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table th:first-child {
    color: var(--site-green);
    background: linear-gradient(180deg, rgba(20, 112, 78, 0.14), rgba(20, 112, 78, 0.08));
    box-shadow: inset 0 0 0 1px rgba(20, 112, 78, 0.16);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table th:last-child {
    color: #b42318;
    background: linear-gradient(180deg, rgba(220, 38, 38, 0.14), rgba(220, 38, 38, 0.08));
    box-shadow: inset 0 0 0 1px rgba(220, 38, 38, 0.16);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table td {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table td:first-child {
    background:
        linear-gradient(180deg, rgba(20, 112, 78, 0.08), rgba(20, 112, 78, 0.03)),
        rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(20, 112, 78, 0.08);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table td:last-child {
    background:
        linear-gradient(180deg, rgba(220, 38, 38, 0.08), rgba(220, 38, 38, 0.03)),
        rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(220, 38, 38, 0.08);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table ul li {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table td:first-child ul li::before {
    color: var(--site-green);
}

html[data-theme="light"] :is(.post-container, .neuroset-info) .pros-cons-table td:last-child ul li::before {
    color: #dc2626;
}

html[data-theme="light"] .minuses:after {
    border-bottom-color: var(--border-soft);
}

html[data-theme="light"] :is(#search-form input, #promptForm textarea, .form-input, .form-select, .settings-select, .select-selected, .sorting-select .select-selected, .sorting-direction .select-selected) {
    background-color: var(--surface-1);
    color: var(--text-primary);
    border-color: var(--border-strong);
    box-shadow: none;
}

html[data-theme="light"] :is(#search-form input::placeholder, #promptForm textarea::placeholder, .form-input::placeholder) {
    color: #7a879c;
}

html[data-theme="light"] :is(.form-label, #promptForm label) {
    color: var(--text-secondary);
}

html[data-theme="light"] :is(#search-form input:focus, #promptForm textarea:focus, .form-input:focus, .form-select:focus, .settings-select:focus, .select-selected:hover, .sorting-select .select-selected:hover, .sorting-direction .select-selected:hover) {
    border-color: var(--fiolet);
    box-shadow: 0 0 0 3px rgba(114, 88, 239, 0.14);
}

html[data-theme="light"] :is(.select-options, .sorting-select .select-options, .sorting-direction .select-options) {
    background-color: var(--surface-1);
    border-color: var(--border-strong);
    color: var(--text-primary);
    box-shadow: 0 18px 32px var(--shadow-color);
}

html[data-theme="light"] .select-options li a {
    color: var(--text-primary);
}

html[data-theme="light"] .select-options li:hover,
html[data-theme="light"] .select-options li.chosen {
    background-color: rgba(114, 88, 239, 0.1);
}

html[data-theme="light"] .select-options li:hover,
html[data-theme="light"] .select-options li.chosen,
html[data-theme="light"] .sorting-select .select-options li:hover,
html[data-theme="light"] .sorting-direction .select-options li:hover {
    color: var(--text-primary);
}

html[data-theme="light"] .select-options li:hover a,
html[data-theme="light"] .select-options li.chosen a {
    color: var(--text-primary);
}

html[data-theme="light"] .select-options li.chosen::after {
    color: var(--fiolet);
}

html[data-theme="light"] .select-selected .arrow {
    border-top-color: var(--text-muted);
}

html[data-theme="light"] .prompt-text {
    background-color: var(--surface-2);
    color: var(--text-primary);
}

html[data-theme="light"] .copy-button {
    border-color: var(--border-soft);
    background-color: rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .copy-button:hover {
    background-color: var(--surface-3);
}

html[data-theme="light"] .copy-button img {
    filter: brightness(0) saturate(100%) opacity(0.72);
}

html[data-theme="light"] .neuroset-info .neuroset-link,
html[data-theme="light"] .neuroset-info .neuroset-link:visited {
    color: #ffffff;
    background: linear-gradient(135deg, #7258ef 0%, #5e6bff 52%, #4b8df8 100%);
    border: 1px solid rgba(94, 107, 255, 0.26);
    box-shadow: 0 16px 30px rgba(94, 107, 255, 0.18), 0 10px 22px rgba(75, 141, 248, 0.14);
}

html[data-theme="light"] .neuroset-info .neuroset-link:hover,
html[data-theme="light"] .neuroset-info .neuroset-link:focus-visible {
    color: #ffffff;
    background: linear-gradient(135deg, #846eff 0%, #6f7bff 45%, #589cff 100%);
    box-shadow: 0 20px 36px rgba(94, 107, 255, 0.22), 0 12px 24px rgba(75, 141, 248, 0.18);
}

html[data-theme="light"] .neuroset-info .neuroset-link:active {
    transform: translateY(1px);
}

html[data-theme="light"] .prompt-card {
    border: 1px solid var(--border-soft);
}

html[data-theme="light"] .prompt-icon-placeholder {
    background-color: var(--surface-4);
}

html[data-theme="light"] .favorite-btn {
    color: var(--text-muted);
}

html[data-theme="light"] .favorite-btn:hover,
html[data-theme="light"] .favorite-btn.active {
    color: #ff6b6b;
}

html[data-theme="light"] .category-card:hover,
html[data-theme="light"] .benefit-card:hover,
html[data-theme="light"] .feature-item:hover,
html[data-theme="light"] .step-item:hover,
html[data-theme="light"] .prompt-card:hover,
html[data-theme="light"] .card-container:hover,
html[data-theme="light"] .tool-list-container:hover,
html[data-theme="light"] .main-page-description-item:hover {
    box-shadow: 0 18px 40px var(--shadow-color-strong);
}

html[data-theme="light"] .prompt-rec-link-img,
html[data-theme="light"] .prompt-image-container.gradient-1,
html[data-theme="light"] .prompt-image-container.gradient-2,
html[data-theme="light"] .prompt-image-container.gradient-3,
html[data-theme="light"] .prompt-image-container.gradient-4,
html[data-theme="light"] .category-icon.gradient-1,
html[data-theme="light"] .category-icon.gradient-2,
html[data-theme="light"] .category-icon.gradient-3,
html[data-theme="light"] .category-icon.gradient-4 {
    box-shadow: 0 14px 24px rgba(114, 88, 239, 0.14);
}

html[data-theme="light"] .tool-item:after,
html[data-theme="light"] .tool-item.empty:after {
    background: rgba(103, 121, 153, 0.18);
}

html[data-theme="light"] .neuroset-similar .link-img {
    display: block;
    padding: 8px;
    border: 1px solid var(--border-soft);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 244, 246, 0.94));
    box-shadow: 0 12px 24px var(--shadow-color);
}

html[data-theme="light"] .neuroset-similar .tool img {
    margin-top: 0;
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(235, 240, 247, 0.92));
}

html[data-theme="light"] .top-tools-container .tooltip {
    color: var(--text-primary);
}

html[data-theme="light"] .tool-heading-icon {
    background-color: var(--fiolet);
}

html[data-theme="light"] .top-tool-section {
    background: transparent;
    border-color: rgba(114, 88, 239, 0.16);
}

html[data-theme="light"] .link-more {
    background: var(--surface-1);
    color: var(--text-primary);
    border-color: rgba(114, 88, 239, 0.4);
    box-shadow: 0 10px 24px rgba(114, 88, 239, 0.12);
}

html[data-theme="light"] .link-more:hover {
    background: rgba(114, 88, 239, 0.08);
}

html[data-theme="light"] :is(.load-more, .pages-container > a, .error-link) {
    color: var(--text-primary);
    background-color: var(--surface-1);
    border-color: rgba(114, 88, 239, 0.45);
    box-shadow: 0 10px 24px rgba(114, 88, 239, 0.1);
}

html[data-theme="light"] :is(.load-more:hover, .pages-container > a:hover, .error-link:hover) {
    color: #ffffff;
    background-color: var(--fiolet);
    box-shadow: 0 14px 28px rgba(114, 88, 239, 0.2);
}

html[data-theme="light"] .task {
    color: #ffffff;
}

html[data-theme="light"] .neuroset-info .task {
    color: var(--site-green);
    background: rgba(20, 112, 78, 0.08);
    border-color: rgba(20, 112, 78, 0.24);
}

html[data-theme="light"] .neuroset-info .task.price {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.18);
}

html[data-theme="light"] .neuroset-info .task.color {
    color: #9a6700;
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.18);
}

html[data-theme="light"] .neuroset-info .task.transformation {
    color: #0a8a93;
    background: rgba(10, 138, 147, 0.08);
    border-color: rgba(10, 138, 147, 0.18);
}

html[data-theme="light"] :is(.card-button, .form-button, #generateBtn, .to-website, .add-ai-aside, .add-ai, .category-btn-alt, #search-button) {
    color: #ffffff;
}

html[data-theme="light"] .btn-alt-free {
    background: linear-gradient(135deg, #14704e 0%, #238e69 100%);
    box-shadow: 0 12px 24px rgba(20, 112, 78, 0.18);
}

html[data-theme="light"] .btn-alt-free:hover {
    background: linear-gradient(135deg, #238e69 0%, #2ca07b 100%);
    box-shadow: 0 16px 28px rgba(20, 112, 78, 0.24);
}

html[data-theme="light"] body.add-tool-page .card-button {
    background: linear-gradient(135deg, var(--fiolet), #8b7bff);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] body.add-tool-page .card-button:hover {
    background: linear-gradient(135deg, #8068ff, #6c54f2);
    box-shadow: 0 16px 28px rgba(114, 88, 239, 0.24);
}

html[data-theme="light"] body.add-tool-page .rules-section {
    color: var(--text-primary);
}

html[data-theme="light"] body.add-tool-page .rules-section h2 {
    color: var(--text-primary);
}

html[data-theme="light"] body.add-tool-page .rules-column {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(243, 244, 246, 0.92));
    border: 1px solid var(--border-soft);
    box-shadow: 0 16px 34px var(--shadow-color);
}

html[data-theme="light"] body.add-tool-page .rules-column h3 {
    color: var(--fiolet);
}

html[data-theme="light"] body.add-tool-page .rule-number {
    background: linear-gradient(135deg, var(--fiolet), var(--site-green));
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] body.add-tool-page .rule-text {
    color: var(--text-secondary);
}

html[data-theme="light"] body.add-tool-page .faq {
    color: var(--text-primary);
}

html[data-theme="light"] body.add-tool-page .faq h2 {
    color: var(--text-primary);
}

html[data-theme="light"] body.add-tool-page .faq details {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(243, 244, 246, 0.94));
    border: 1px solid var(--border-soft);
    box-shadow: 0 14px 30px var(--shadow-color);
}

html[data-theme="light"] body.add-tool-page .faq summary {
    color: var(--text-primary);
}

html[data-theme="light"] body.add-tool-page .faq summary::before {
    color: var(--fiolet);
}

html[data-theme="light"] body.add-tool-page .faq details p {
    color: var(--text-secondary);
}

html[data-theme="light"] body.add-tool-page .faq details[open] {
    border-color: rgba(114, 88, 239, 0.2);
}

html[data-theme="light"] body.add-tool-page .faq details[open] summary {
    border-bottom-color: rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] #search-button {
    background: linear-gradient(135deg, var(--fiolet), #4f63d8);
    border-color: rgba(114, 88, 239, 0.28);
    box-shadow: 0 12px 24px rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] #search-button:hover {
    background: linear-gradient(135deg, #8068ff, #5a6ef0);
    border-color: rgba(114, 88, 239, 0.36);
    box-shadow: 0 16px 28px rgba(114, 88, 239, 0.24);
}

html[data-theme="light"] #search-button:active {
    background: linear-gradient(135deg, #7258ef, #4f63d8);
}

html[data-theme="light"] #search-button > img {
    filter: brightness(0) invert(1);
}

html[data-theme="light"] .limits-info {
    background: var(--surface-2);
}

html[data-theme="light"] .limit-value {
    color: var(--fiolet);
}

html[data-theme="light"] .faq-item:hover {
    border-color: rgba(114, 88, 239, 0.32);
}

html[data-theme="light"] .faq-question:hover {
    background: rgba(114, 88, 239, 0.05);
}

html[data-theme="light"] .faq-icon::before,
html[data-theme="light"] .faq-icon::after {
    background: var(--fiolet);
}

html[data-theme="light"] .form-select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237258ef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

html[data-theme="light"] .hljs,
html[data-theme="light"] pre code.hljs {
    background: #f5f7fb !important;
    color: #182235 !important;
}

html[data-theme="light"] .hljs-comment,
html[data-theme="light"] .hljs-quote {
    color: #64748b !important;
}

html[data-theme="light"] .hljs-keyword,
html[data-theme="light"] .hljs-selector-tag,
html[data-theme="light"] .hljs-subst {
    color: #7c3aed !important;
}

html[data-theme="light"] .hljs-string,
html[data-theme="light"] .hljs-title,
html[data-theme="light"] .hljs-section,
html[data-theme="light"] .hljs-attribute,
html[data-theme="light"] .hljs-literal {
    color: #0f766e !important;
}

html[data-theme="light"] .hljs-number,
html[data-theme="light"] .hljs-symbol,
html[data-theme="light"] .hljs-bullet {
    color: #b45309 !important;
}

html[data-theme="light"] .error,
html[data-theme="light"] .error-description {
    color: var(--fiolet);
}

html[data-theme="light"] .error-label {
    color: #c62828 !important;
}

html[data-theme="light"] .info-container {
    --notification-text: var(--text-primary);
    --notification-border: var(--border-soft);
    --notification-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .info-container[data-status="success"] {
    --notification-bg: linear-gradient(180deg, rgba(234, 248, 244, 0.98), rgba(243, 251, 247, 0.98));
    --notification-border: rgba(20, 112, 78, 0.22);
}

html[data-theme="light"] .info-container[data-status="info"] {
    --notification-bg: linear-gradient(180deg, rgba(255, 248, 228, 0.98), rgba(255, 252, 242, 0.98));
    --notification-border: rgba(245, 158, 11, 0.22);
}

html[data-theme="light"] .info-container[data-status="error"] {
    --notification-bg: linear-gradient(180deg, rgba(254, 242, 242, 0.98), rgba(255, 247, 247, 0.98));
    --notification-border: rgba(220, 38, 38, 0.2);
}

html[data-theme="light"] .info-container .closebtn {
    color: var(--text-secondary);
}

html[data-theme="light"] .info-container .closebtn:hover {
    background-color: rgba(114, 88, 239, 0.08);
    color: var(--fiolet);
}

html[data-theme="light"] .notification-link {
    color: var(--fiolet);
    border-bottom-color: rgba(114, 88, 239, 0.35);
}

html[data-theme="light"] .notification-link:hover {
    color: var(--site-green);
    border-bottom-color: rgba(20, 112, 78, 0.32);
}

html[data-theme="light"] .main-catalog-container h1 > span {
    color: var(--text-secondary);
}

html[data-theme="light"] .description-section-title {
    background: linear-gradient(135deg, var(--site-green) 0%, var(--fiolet) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html[data-theme="light"] .main-page-description-item {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.96));
    border-color: rgba(114, 88, 239, 0.18);
    box-shadow: 0 18px 36px var(--shadow-color);
}

html[data-theme="light"] .main-page-description-item::before {
    background: radial-gradient(circle at 30% 60%, rgba(114, 88, 239, 0.08) 0%, transparent 55%);
}

html[data-theme="light"] .description-icon {
    background: linear-gradient(135deg, rgba(114, 88, 239, 0.12) 0%, rgba(20, 112, 78, 0.08) 100%);
    border-color: rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] .description-icon::before {
    background: linear-gradient(135deg, #4f63d8 0%, #14704e 100%);
}

html[data-theme="light"] .main-page-description-item:hover .description-icon {
    background: linear-gradient(135deg, rgba(114, 88, 239, 0.18) 0%, rgba(20, 112, 78, 0.12) 100%);
    border-color: rgba(114, 88, 239, 0.26);
}

html[data-theme="light"] .main-page-description-item h3 {
    color: #24314a;
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    background-clip: border-box;
}

html[data-theme="light"] :is(.views-image, .detail-views-image, .post-feature-icon--views, .post-feature-icon--date, .post-feature-icon--update) {
    background-color: var(--fiolet);
}

html[data-theme="light"] .neuroset-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.96));
    border-color: rgba(20, 112, 78, 0.22);
    box-shadow: 0 18px 34px var(--shadow-color);
}

html[data-theme="light"] .neuroset-card:hover {
    border-color: rgba(114, 88, 239, 0.34);
    box-shadow: 0 22px 42px var(--shadow-color-strong);
}

html[data-theme="light"] .hover-effect .neuroset-name,
html[data-theme="light"] .hover-effect .when-updated,
html[data-theme="light"] .neuroset-name,
html[data-theme="light"] .when-updated {
    border-color: var(--border-soft);
}

html[data-theme="light"] .hover-effect:hover .neuroset-name,
html[data-theme="light"] .hover-effect:hover .when-updated {
    border-color: rgba(114, 88, 239, 0.26);
}

html[data-theme="light"] .neuroset-name a {
    color: var(--text-primary);
}

html[data-theme="light"] .neuroset-name a:hover {
    color: var(--fiolet);
}

html[data-theme="light"] .description {
    color: var(--text-secondary);
}

html[data-theme="light"] .updated {
    color: var(--text-muted);
}

html[data-theme="light"] .views-container,
html[data-theme="light"] .verified-image-container {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--border-soft);
    box-shadow: 0 10px 22px var(--shadow-color);
}

html[data-theme="light"] .task-container .task {
    color: var(--text-secondary);
    background-color: var(--surface-2);
    border-color: var(--border-soft);
}

html[data-theme="light"] .task-container .task:hover {
    color: var(--text-primary);
    background-color: rgba(114, 88, 239, 0.1);
    border-color: rgba(114, 88, 239, 0.2);
}

html[data-theme="light"] .prompt-info .task {
    color: var(--site-green);
    background: linear-gradient(135deg, rgba(20, 112, 78, 0.12), rgba(20, 112, 78, 0.06));
    border-color: rgba(20, 112, 78, 0.24);
    box-shadow: 0 10px 22px rgba(20, 112, 78, 0.1);
}

html[data-theme="light"] .prompt-info .task:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #14704e, #1b9368);
    border-color: rgba(20, 112, 78, 0.38);
    box-shadow: 0 14px 26px rgba(20, 112, 78, 0.18);
}

html[data-theme="light"] .prompt-info .task.color {
    color: var(--fiolet);
    background: linear-gradient(135deg, rgba(114, 88, 239, 0.14), rgba(114, 88, 239, 0.07));
    border-color: rgba(114, 88, 239, 0.24);
    box-shadow: 0 10px 22px rgba(114, 88, 239, 0.1);
}

html[data-theme="light"] .prompt-info .task.color:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #7258ef, #5f46dd);
    border-color: rgba(114, 88, 239, 0.4);
    box-shadow: 0 14px 26px rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] .prompt-info .post-feature-icon {
    background-color: var(--fiolet);
}

html[data-theme="light"] .result-container .prompt-card a.category-tag,
html[data-theme="light"] .result-container .prompt-card a.category-tag:visited {
    color: #4330b4;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-shadow: none;
    background: linear-gradient(135deg, rgba(114, 88, 239, 0.1), rgba(114, 88, 239, 0.05));
    border: 1px solid rgba(114, 88, 239, 0.24);
    box-shadow: 0 10px 20px rgba(114, 88, 239, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-theme="light"] .result-container .prompt-card .category-tag::before {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.52), transparent 75%);
}

html[data-theme="light"] .result-container .prompt-card a.category-tag:hover,
html[data-theme="light"] .result-container .prompt-card a.category-tag:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #7258ef 0%, #5f46dd 100%);
    border-color: rgba(114, 88, 239, 0.38);
    box-shadow: 0 14px 24px rgba(114, 88, 239, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

html[data-theme="light"] .result-container .prompt-card .ai-tag {
    color: #0f67b7;
    background: linear-gradient(135deg, rgba(52, 148, 230, 0.14), rgba(15, 103, 183, 0.08));
    border: 1px solid rgba(52, 148, 230, 0.24);
    box-shadow: 0 10px 20px rgba(52, 148, 230, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-theme="light"] .result-container .prompt-card .ai-tag::before {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.52), transparent 75%);
}

html[data-theme="light"] .result-container .prompt-card .ai-tag:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #3494e6 0%, #0f67b7 100%);
    border-color: rgba(52, 148, 230, 0.36);
    box-shadow: 0 14px 24px rgba(52, 148, 230, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

html[data-theme="light"] .maim-generator-container .step-number {
    color: #ffffff;
    background: linear-gradient(135deg, #7258ef, #4f63d8);
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 10px 22px rgba(114, 88, 239, 0.2);
}

html[data-theme="light"] .search-recommendation-container {
    background: var(--surface-1);
    border-color: var(--border-strong);
    box-shadow: 0 20px 40px var(--shadow-color);
}

html[data-theme="light"] .item-recommendation {
    border-bottom-color: var(--border-soft);
}

html[data-theme="light"] .item-recommendation:hover {
    background-color: rgba(20, 112, 78, 0.08);
}

html[data-theme="light"] .item-recommendation a {
    color: var(--text-primary);
}

html[data-theme="light"] .top-tool-container {
    border-color: rgba(20, 112, 78, 0.28);
    box-shadow: 0 18px 36px rgba(20, 112, 78, 0.1);
    background:
        radial-gradient(circle at top left, rgba(20, 112, 78, 0.08), transparent 36%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.96));
}

html[data-theme="light"] .top-tool-container:hover {
    box-shadow: 0 20px 40px rgba(20, 112, 78, 0.16);
}

html[data-theme="light"] .top-tool-container p {
    color: var(--text-secondary);
}

html[data-theme="light"] .branding span {
    color: var(--text-primary);
    border-bottom-color: var(--border-soft);
}

html[data-theme="light"] .top-tool-button {
    color: var(--text-primary);
    background: rgba(20, 112, 78, 0.08);
    border-color: rgba(20, 112, 78, 0.28);
}

html[data-theme="light"] .top-tool-button:hover {
    color: #ffffff;
    background-color: var(--site-green);
}

html[data-theme="light"] .sorting-label {
    color: var(--text-secondary);
}

html[data-theme="light"] .price-distribution-section {
    border-color: rgba(20, 112, 78, 0.16);
    background:
        radial-gradient(circle at top left, rgba(20, 112, 78, 0.1), transparent 32%),
        radial-gradient(circle at right center, rgba(114, 88, 239, 0.1), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 251, 0.98));
    box-shadow: 0 22px 44px var(--shadow-color);
}

html[data-theme="light"] .price-distribution-overview {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.94));
    border-color: rgba(114, 88, 239, 0.16);
}

html[data-theme="light"] .price-distribution-kicker {
    color: var(--site-green);
}

html[data-theme="light"] .price-distribution-total,
html[data-theme="light"] .price-distribution-name,
html[data-theme="light"] .price-distribution-percent {
    color: var(--text-primary);
}

html[data-theme="light"] .price-distribution-lead,
html[data-theme="light"] .price-distribution-total-label,
html[data-theme="light"] .price-distribution-description p {
    color: var(--text-secondary);
}

html[data-theme="light"] .price-distribution-note,
html[data-theme="light"] .price-distribution-hint,
html[data-theme="light"] .price-distribution-count {
    color: var(--text-muted);
}

html[data-theme="light"] .price-distribution-row {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.94));
    border-color: var(--border-soft);
}

html[data-theme="light"] .price-distribution-row:hover {
    border-color: rgba(114, 88, 239, 0.2);
    box-shadow: 0 18px 34px var(--shadow-color);
}

html[data-theme="light"] .price-distribution-bar {
    background: var(--surface-3);
    box-shadow: inset 0 0 0 1px rgba(103, 121, 153, 0.08);
}

html[data-theme="light"] .price-distribution-description {
    border-top-color: var(--border-soft);
}

html[data-theme="light"] .problem-solving-chat-history {
    border-left-color: var(--border-soft);
    background:
        radial-gradient(circle at top right, rgba(41, 166, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 251, 0.98));
    box-shadow: 0 18px 38px var(--shadow-color);
}

html[data-theme="light"] .problem-solving-history-description,
html[data-theme="light"] .problem-solving-history-item-meta,
html[data-theme="light"] .problem-solving-empty-state p,
html[data-theme="light"] .problem-solving-message-role {
    color: var(--text-muted);
}

html[data-theme="light"] .problem-solving-history-item {
    border-color: var(--border-soft);
    background: rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .problem-solving-history-item:hover {
    border-color: rgba(41, 166, 255, 0.22);
    background: rgba(41, 166, 255, 0.06);
}

html[data-theme="light"] .problem-solving-history-item.is-active {
    border-color: rgba(41, 166, 255, 0.26);
    background: rgba(41, 166, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(41, 166, 255, 0.08);
}

html[data-theme="light"] .problem-solving-history-item-title {
    color: var(--text-primary);
}

html[data-theme="light"] .problem-solving-history-empty {
    border-color: rgba(114, 88, 239, 0.18);
    background: rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math {
    --math-ink: var(--text-primary);
    --math-heading: var(--text-primary);
    --math-muted: var(--text-secondary);
    --math-line: rgba(103, 121, 153, 0.18);
    --math-line-strong: rgba(103, 121, 153, 0.32);
    --math-surface: rgba(255, 255, 255, 0.96);
    --math-surface-strong: rgba(245, 247, 251, 0.98);
    --math-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    background:
        radial-gradient(circle at top left, rgba(20, 112, 78, 0.08), transparent 28%),
        radial-gradient(circle at top right, rgba(41, 166, 255, 0.08), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(242, 246, 251, 0.99));
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-hero-copy,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-start-card,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-section-card,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience-card,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-step,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .faq details,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-panel {
    border-color: var(--border-soft);
    box-shadow: 0 18px 36px var(--shadow-color);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-hero-copy,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-start-card,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-section-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.96));
}

html[data-theme="light"] .problem-solving-page--math .problem-solving-badge {
    color: var(--site-green);
    background: rgba(20, 112, 78, 0.1);
    border-color: rgba(20, 112, 78, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .problem-solving-page--math .problem-solving-chat-kicker,
html[data-theme="light"] .problem-solving-page--math .problem-solving-card-kicker {
    color: var(--fiolet);
    background: rgba(114, 88, 239, 0.1);
    border-color: rgba(114, 88, 239, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-section-card--overview .problem-solving-card-kicker {
    color: #9a6700;
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.18);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-point,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience-card,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-step,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .faq details {
    background: rgba(255, 255, 255, 0.94);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-point {
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-point-icon {
    background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-point--logic {
    background: linear-gradient(180deg, rgba(233, 248, 255, 0.98), rgba(247, 252, 255, 0.98));
    border-color: rgba(41, 166, 255, 0.2);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-point--dialog {
    background: linear-gradient(180deg, rgba(246, 241, 255, 0.98), rgba(251, 249, 255, 0.98));
    border-color: rgba(114, 88, 239, 0.2);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-point--history {
    background: linear-gradient(180deg, rgba(239, 251, 244, 0.98), rgba(250, 254, 251, 0.98));
    border-color: rgba(20, 112, 78, 0.2);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-point--photo {
    background: linear-gradient(180deg, rgba(241, 245, 255, 0.98), rgba(251, 252, 255, 0.98));
    border-color: rgba(41, 166, 255, 0.18);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-limit-info {
    border-color: var(--border-soft);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-limit-title {
    color: var(--text-muted);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-limit-row {
    border-color: var(--border-soft);
    background: rgba(245, 247, 251, 0.92);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-limit-row--count {
    border-color: rgba(20, 112, 78, 0.18);
    background: linear-gradient(180deg, rgba(20, 112, 78, 0.08), rgba(20, 112, 78, 0.04));
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-limit-row--count .problem-solving-limit-value {
    background: rgba(20, 112, 78, 0.12);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-limit-row--reset {
    border-color: rgba(114, 88, 239, 0.16);
    background: linear-gradient(180deg, rgba(114, 88, 239, 0.08), rgba(114, 88, 239, 0.03));
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form textarea,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-form--chat textarea {
    border-color: var(--border-strong);
    background: rgba(255, 255, 255, 0.96);
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form textarea:focus,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-form--chat textarea:focus {
    border-color: rgba(114, 88, 239, 0.36);
    box-shadow: 0 0 0 4px rgba(114, 88, 239, 0.1), 0 14px 26px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form textarea::placeholder,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-form--chat textarea::placeholder {
    color: var(--text-muted);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-photo-field,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-photo-preview {
    border-color: var(--border-soft);
    background: rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-photo-button,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-photo-remove,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-link,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-status {
    border-color: var(--border-soft);
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-photo-button:hover,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-photo-remove:hover,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-link:hover,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-link:focus-visible {
    border-color: rgba(20, 112, 78, 0.2);
    background: rgba(20, 112, 78, 0.08);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-panel {
    background:
        radial-gradient(circle at top right, rgba(41, 166, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(243, 247, 252, 0.99));
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-head {
    border-bottom-color: var(--border-soft);
    background:
        radial-gradient(circle at top right, rgba(20, 112, 78, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(245, 247, 251, 0.96), rgba(255, 255, 255, 0.88));
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-form--chat {
    border-top-color: var(--border-soft);
    background:
        linear-gradient(180deg, rgba(247, 249, 252, 0.98), rgba(242, 246, 251, 0.96)),
        rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-composer {
    border-color: var(--border-soft);
    background:
        radial-gradient(circle at top right, rgba(41, 166, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 251, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 14px 28px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-composer:focus-within {
    border-color: rgba(41, 166, 255, 0.26);
    background:
        radial-gradient(circle at top right, rgba(41, 166, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(245, 247, 251, 0.98));
    box-shadow: 0 0 0 1px rgba(41, 166, 255, 0.08), 0 16px 32px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-composer-shortcut {
    color: var(--text-muted);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-empty-state {
    border-color: rgba(114, 88, 239, 0.18);
    background:
        linear-gradient(180deg, rgba(20, 112, 78, 0.06), transparent 42%),
        rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-empty-state h3 {
    color: var(--text-primary);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-chat-head h1 {
    color: var(--text-primary);
    text-shadow: none;
}

html[data-theme="light"] .problem-solving-message {
    border-color: var(--border-soft);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .problem-solving-message--user {
    background: linear-gradient(180deg, rgba(229, 238, 255, 0.98), rgba(240, 245, 255, 0.98));
}

html[data-theme="light"] .problem-solving-message--assistant {
    background: linear-gradient(180deg, rgba(234, 248, 244, 0.98), rgba(244, 251, 248, 0.98));
}

html[data-theme="light"] .problem-solving-message-text,
html[data-theme="light"] .problem-solving-message-text strong {
    color: var(--text-primary);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-submit {
    border-color: rgba(20, 112, 78, 0.18);
    color: #061422;
    background: linear-gradient(135deg, #7ee787 0%, #52fefe 48%, #29a6ff 100%);
    box-shadow: 0 18px 34px rgba(41, 166, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-submit .btn-text,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-submit-caption,
html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-submit-loading {
    color: #061422;
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-submit-icon {
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .problem-solving-chat-page.problem-solving-page--math .problem-solving-submit .spinner {
    border-color: rgba(6, 20, 34, 0.22);
    border-top-color: #061422;
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form--entry .problem-solving-submit {
    border-color: rgba(20, 112, 78, 0.22);
    color: #ffffff;
    background: linear-gradient(135deg, #14704e 0%, #238e69 52%, #7258ef 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 18px 32px rgba(20, 112, 78, 0.16), 0 10px 22px rgba(114, 88, 239, 0.12);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form--entry .problem-solving-submit:hover,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form--entry .problem-solving-submit:focus-visible {
    border-color: rgba(114, 88, 239, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 20px 36px rgba(20, 112, 78, 0.2), 0 14px 26px rgba(114, 88, 239, 0.16);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form--entry .problem-solving-submit .btn-text {
    color: #ffffff;
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form--entry .problem-solving-submit-icon {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form--entry .problem-solving-submit-icon::before {
    border-top-color: #14704e;
    border-right-color: #14704e;
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-form--entry .problem-solving-submit-icon::after {
    background: #14704e;
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-step--entry {
    background: linear-gradient(180deg, rgba(239, 251, 244, 0.98), rgba(250, 254, 251, 0.98));
    border-color: rgba(20, 112, 78, 0.18);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-step--answer {
    background: linear-gradient(180deg, rgba(246, 241, 255, 0.98), rgba(251, 249, 255, 0.98));
    border-color: rgba(114, 88, 239, 0.18);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-step--followup {
    background: linear-gradient(180deg, rgba(255, 248, 228, 0.98), rgba(255, 252, 242, 0.98));
    border-color: rgba(245, 158, 11, 0.18);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience-label {
    border-color: rgba(103, 121, 153, 0.18);
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience-label::before {
    background: linear-gradient(135deg, #7258ef, #29a6ff);
    box-shadow: 0 0 0 4px rgba(114, 88, 239, 0.08);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(1),
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(2) {
    background: linear-gradient(180deg, rgba(233, 248, 255, 0.98), rgba(247, 252, 255, 0.98));
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(2),
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(3) {
    background: linear-gradient(180deg, rgba(246, 241, 255, 0.98), rgba(251, 249, 255, 0.98));
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(3) {
    background: linear-gradient(180deg, rgba(239, 251, 244, 0.98), rgba(250, 254, 251, 0.98));
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(1) {
    background: linear-gradient(180deg, rgba(255, 248, 228, 0.98), rgba(255, 252, 242, 0.98));
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(1) .problem-solving-audience-label,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(2) .problem-solving-audience-label {
    color: #0f67b7;
    background: rgba(52, 148, 230, 0.12);
    border-color: rgba(52, 148, 230, 0.22);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(1) .problem-solving-audience-label::before,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(2) .problem-solving-audience-label::before {
    background: linear-gradient(135deg, #3494e6, #0f67b7);
    box-shadow: 0 0 0 4px rgba(52, 148, 230, 0.1);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(2) .problem-solving-audience-label,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(3) .problem-solving-audience-label {
    color: #5f46dd;
    background: rgba(114, 88, 239, 0.12);
    border-color: rgba(114, 88, 239, 0.22);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(2) .problem-solving-audience-label::before,
html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(3) .problem-solving-audience-label::before {
    background: linear-gradient(135deg, #7258ef, #5f46dd);
    box-shadow: 0 0 0 4px rgba(114, 88, 239, 0.1);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(3) .problem-solving-audience-label {
    color: var(--site-green);
    background: rgba(20, 112, 78, 0.12);
    border-color: rgba(20, 112, 78, 0.22);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--roles .problem-solving-audience-card:nth-child(3) .problem-solving-audience-label::before {
    background: linear-gradient(135deg, #14704e, #1b9368);
    box-shadow: 0 0 0 4px rgba(20, 112, 78, 0.1);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(1) .problem-solving-audience-label {
    color: #9a6700;
    background: rgba(245, 158, 11, 0.14);
    border-color: rgba(245, 158, 11, 0.24);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .problem-solving-audience--task-types .problem-solving-audience-card:nth-child(1) .problem-solving-audience-label::before {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.1);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .faq summary {
    color: var(--text-primary);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .faq summary::before {
    color: var(--site-green);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .faq details[open] {
    border-color: rgba(114, 88, 239, 0.2);
}

html[data-theme="light"] .problem-solving-page.problem-solving-page--math .faq details[open] summary {
    border-bottom-color: rgba(114, 88, 239, 0.18);
}

@media (max-width: 1023px) {
    html[data-theme="light"] .main-menu {
        background: var(--surface-1);
        box-shadow: 0 20px 40px var(--shadow-color);
    }

    html[data-theme="light"] .menu-item:hover {
        background-color: var(--surface-2);
        border-bottom-color: rgba(20, 112, 78, 0.22);
    }
}

@media (max-width: 768px) {
    html[data-theme="light"] .neuroset-similar {
        border-left: none;
    }
}