:root {
    --cn-bg: #09090b;
    --cn-bg-alt: #050505;
    --cn-card: #111827;
    --cn-card-soft: #151515;
    --cn-border: #27272a;
    --cn-text: #f9fafb;
    --cn-text-soft: #a1a1aa;
    --cn-accent: #ff5a1f;
    --cn-accent-soft: #f59e0b;
    --cn-shadow: 0 20px 60px rgba(0, 0, 0, 0.38);
    --cn-radius: 24px;
    --cn-radius-sm: 16px;
    --cn-header-height: 92px;
}

body.site-shell[data-theme="dark"] {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--cn-text);
    background:
        radial-gradient(circle at top left, rgba(255, 90, 31, 0.12), transparent 22%),
        radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.08), transparent 18%),
        linear-gradient(180deg, #09090b 0%, #050505 100%);
}

body.site-shell[data-theme="dark"],
body.site-shell[data-theme="dark"] .site-main,
body.site-shell[data-theme="dark"] .site-footer,
body.site-shell[data-theme="dark"] .homepage-shell,
body.site-shell[data-theme="dark"] .news-shell,
body.site-shell[data-theme="dark"] .search-page,
body.site-shell[data-theme="dark"] .artist-page,
body.site-shell[data-theme="dark"] .song-page {
    color: var(--cn-text) !important;
    background-color: transparent !important;
}

body.site-shell[data-theme="dark"] h1,
body.site-shell[data-theme="dark"] h2,
body.site-shell[data-theme="dark"] h3,
body.site-shell[data-theme="dark"] h4,
body.site-shell[data-theme="dark"] h5,
body.site-shell[data-theme="dark"] h6,
body.site-shell[data-theme="dark"] strong,
body.site-shell[data-theme="dark"] label,
body.site-shell[data-theme="dark"] .brand-title,
body.site-shell[data-theme="dark"] .brand-subtitle,
body.site-shell[data-theme="dark"] .section-title,
body.site-shell[data-theme="dark"] .home-section-title-sm,
body.site-shell[data-theme="dark"] .song-title,
body.site-shell[data-theme="dark"] .news-hero-title,
body.site-shell[data-theme="dark"] .sheet-title,
body.site-shell[data-theme="dark"] .result-title,
body.site-shell[data-theme="dark"] .suggestion-title,
body.site-shell[data-theme="dark"] .home-top-cifra-name,
body.site-shell[data-theme="dark"] .home-artist-card-name,
body.site-shell[data-theme="dark"] .news-sidebar-title,
body.site-shell[data-theme="dark"] .comment-author {
    color: var(--cn-text) !important;
}

body.site-shell[data-theme="dark"] p,
body.site-shell[data-theme="dark"] span,
body.site-shell[data-theme="dark"] li,
body.site-shell[data-theme="dark"] small,
body.site-shell[data-theme="dark"] .hero-text,
body.site-shell[data-theme="dark"] .home-resource-text,
body.site-shell[data-theme="dark"] .home-learning-card-text,
body.site-shell[data-theme="dark"] .result-meta,
body.site-shell[data-theme="dark"] .song-artist,
body.site-shell[data-theme="dark"] .song-stats,
body.site-shell[data-theme="dark"] .blog-excerpt,
body.site-shell[data-theme="dark"] .news-meta-row,
body.site-shell[data-theme="dark"] .comment-body,
body.site-shell[data-theme="dark"] .home-top-cifra-artist,
body.site-shell[data-theme="dark"] .home-top-highlight-artist,
body.site-shell[data-theme="dark"] .news-body,
body.site-shell[data-theme="dark"] .translation-sheet {
    color: var(--cn-text-soft) !important;
}

body.site-shell[data-theme="light"] {
    --cn-bg: #f8fafc;
    --cn-bg-alt: #eef2f7;
    --cn-card: #ffffff;
    --cn-card-soft: #ffffff;
    --cn-border: #d4d4d8;
    --cn-text: #0f172a;
    --cn-text-soft: #475569;
    --cn-accent: #ff5a1f;
    --cn-accent-soft: #f59e0b;
    color: var(--cn-text);
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

body.site-shell[data-theme="dark"] .site-main {
    padding-top: 2.5rem;
}

body.site-shell[data-theme="dark"] .site-user-listbar__inner,
body.site-shell[data-theme="dark"] .site-user-listbar select,
body.site-shell[data-theme="dark"] .site-user-listbar__user,
body.site-shell[data-theme="dark"] .site-footer {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: #303038 !important;
}

body.site-shell[data-theme="dark"] .site-brand-cifra,
body.site-shell[data-theme="dark"] .footer-brand-cifra {
    color: #ffffff !important;
}

body.site-shell[data-theme="dark"] .site-brand-net,
body.site-shell[data-theme="dark"] .footer-brand-net {
    color: #facc15 !important;
}

.site-topbar {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(5, 5, 5, 0.98);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.site-nav {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem 1.25rem;
    align-items: center;
    margin-bottom: 0;
    padding: 1.15rem 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.site-brand {
    margin-right: 1rem;
}

.site-brand-wordmark {
    font-family: "Poppins", "Inter", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.04em;
}

.site-brand-cifra {
    color: var(--cn-text);
}

.site-brand-net {
    color: var(--cn-accent);
}

.site-nav-collapse {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 620px) auto;
    gap: 1rem;
    align-items: center;
}

.site-nav-links {
    gap: 0.2rem;
    align-items: center;
}

.site-nav-links .nav-link {
    font-family: "Poppins", "Inter", sans-serif;
    color: var(--cn-text-soft);
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 0.8rem 1rem !important;
}

.site-nav-links .nav-link.active,
.site-nav-links .nav-link:hover,
.site-nav-links .nav-link:focus-visible {
    color: var(--cn-text);
    background: rgba(255, 90, 31, 0.12);
}

.site-more-menu {
    background: #111827;
    border: 1px solid var(--cn-border);
    border-radius: 18px;
    box-shadow: var(--cn-shadow);
}

.site-more-menu .dropdown-item {
    color: var(--cn-text-soft);
    border-radius: 12px;
}

.site-more-menu .dropdown-item:hover,
.site-more-menu .dropdown-item:focus {
    color: var(--cn-text);
    background: rgba(255, 90, 31, 0.14);
}

.site-header-search {
    margin: 0;
    padding: 0.35rem;
    background: var(--cn-card);
    border: 1px solid var(--cn-border);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.site-header-search .search-scope-controls {
    margin-top: 0.35rem;
}

.site-header-search .search-scope-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.site-header-search .search-scope-option {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.83rem;
    line-height: 1;
}

.site-header-search .search-scope-option span {
    color: var(--cn-text-soft) !important;
}

.site-search-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.site-header-search-icon {
    color: var(--cn-text-soft);
}

.site-header-search-input {
    min-height: 52px;
    border: 0;
    background: transparent;
    color: var(--cn-text) !important;
    font-size: 1rem;
    box-shadow: none !important;
}

.site-header-search-input::placeholder {
    color: #71717a;
}

.site-header-search-button,
.site-login-button,
.home-dark-button,
.home-hero .search-button,
.song-actions-list .song-action-button,
.song-tone-adjust-button,
.home-hero-promo-action,
.news-inline-top-song-link,
.phrases-pagination-link,
.btn,
.admin-primary {
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.site-header-search-button,
.site-login-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 16px;
    font-family: "Poppins", "Inter", sans-serif;
    font-weight: 600;
    background: linear-gradient(135deg, var(--cn-accent) 0%, #ff7a1f 100%);
    color: #fff;
    box-shadow: 0 12px 24px rgba(255, 90, 31, 0.18);
}

.site-header-search-button {
    min-width: 74px;
}

.site-header-search-button:hover,
.site-login-button:hover,
.home-hero .search-button:hover,
.song-actions-list .song-action-button:hover,
.song-tone-adjust-button:hover,
.home-hero-promo-action:hover,
.phrases-pagination-link:hover,
.btn:hover,
.admin-primary:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 18px 28px rgba(255, 90, 31, 0.22);
}

.site-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.site-promo-banner {
    padding: 1rem 0 0;
    background: transparent;
}

.site-promo-link,
.footer-cifra-banner-wrap .cifra-banner-link {
    display: block;
    overflow: hidden;
    border: 1px solid var(--cn-border);
    border-radius: 22px;
    background: var(--cn-card);
    box-shadow: var(--cn-shadow);
}

.site-promo-image,
.cifra-banner-image,
.blog-cover-image,
.home-top-cifra-avatar,
.song-hero-artist-avatar,
.home-artist-card img,
.news-cover-image,
.news-sidebar-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.homepage-shell,
.song-layout,
.news-shell,
.search-layout,
.artist-layout {
    display: grid;
    gap: 2rem;
}

.home-hero {
    position: relative;
    overflow: hidden;
    padding: 3.5rem;
    background:
        linear-gradient(135deg, rgba(17, 24, 39, 0.96) 0%, rgba(9, 9, 11, 0.98) 100%),
        url("../../toquemissa.jpg") center/cover no-repeat;
    border: 1px solid var(--cn-border);
    border-radius: 30px;
    box-shadow: var(--cn-shadow);
}

.home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 85% 20%, rgba(255, 90, 31, 0.16), transparent 24%);
    pointer-events: none;
}

.home-hero-content {
    position: relative;
    z-index: 1;
    max-width: 860px;
}

.home-hero-kicker,
.home-section .section-kicker,
.news-inline-top-songs .section-kicker,
.song-layout .section-kicker {
    color: var(--cn-accent-soft);
    letter-spacing: 0.22em;
}

.home-hero-title,
.section-title,
.song-title,
.hero-title,
.news-hero-title {
    font-family: "Poppins", "Inter", sans-serif;
    color: var(--cn-text);
}

.home-hero-title {
    max-width: 12ch;
    margin: 0;
    font-size: clamp(2.8rem, 6vw, 5rem);
    line-height: 1.02;
}

.home-hero-title .accent {
    color: var(--cn-accent);
}

.home-hero-text {
    max-width: 58ch;
    margin: 1.2rem 0 1.8rem;
    color: var(--cn-text-soft);
    font-size: 1.05rem;
}

.home-hero-search {
    display: grid;
    gap: 0.75rem;
    width: 100%;
    max-width: none;
    padding: 1rem;
    background: rgba(17, 24, 39, 0.92);
    border: 1px solid var(--cn-border);
    border-radius: 24px;
}

.home-hero-search .search-frame {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: none;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.home-hero-search .search-input {
    width: 100%;
    min-height: 58px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
    color: var(--cn-text);
}

.home-hero-search .search-input::placeholder {
    color: #71717a;
}

.home-hero-search .search-button {
    min-height: 58px;
    min-width: 190px;
    border-radius: 18px;
}

.home-hero-search .search-scope-controls {
    margin-top: -0.1rem;
}

.home-hero-search .search-scope-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    align-items: center;
}

.home-hero-search .search-scope-option {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.search-scope-controls {
    color: var(--cn-text-soft);
}

.search-scope-option {
    color: var(--cn-text-soft);
}

.search-scope-option input:checked + span,
.search-scope-option:hover span {
    color: var(--cn-text);
}

body.site-shell[data-theme="dark"] .home-top-section {
    display: grid;
    gap: 1.5rem;
    order: 2;
}

body.site-shell[data-theme="dark"] .home-editorial-section {
    order: 3;
}

body.site-shell[data-theme="dark"] .home-top-highlight-banner {
    order: 4;
    margin-top: 0;
}

body.site-shell[data-theme="dark"] .home-conversion-banner {
    order: 5;
}

body.site-shell[data-theme="dark"] .home-hero-side--after-highlight {
    order: 6;
}

body.site-shell[data-theme="dark"] .home-resource-section {
    order: 6;
}

body.site-shell[data-theme="dark"] .home-learning-section {
    order: 7;
}

body.site-shell[data-theme="dark"] .home-liturgy-section {
    order: 8;
}

body.site-shell[data-theme="dark"] .home-top-cifra-link {
    background: #ffffff !important;
    border-color: rgba(255, 138, 61, 0.24) !important;
}

body.site-shell[data-theme="dark"] .home-top-cifra-name {
    color: #111827 !important;
    font-weight: 800 !important;
}

body.site-shell[data-theme="dark"] .home-top-cifra-artist {
    color: #475569 !important;
    font-weight: 500 !important;
}

body.site-shell[data-theme="dark"] .home-conversion-banner,
body.site-shell[data-theme="dark"] .home-editorial-section,
body.site-shell[data-theme="dark"] .home-resource-section,
body.site-shell[data-theme="dark"] .home-learning-section,
body.site-shell[data-theme="dark"] .home-liturgy-section,
body.site-shell[data-theme="dark"] .home-news-block,
body.site-shell[data-theme="dark"] .sheet-panel,
body.site-shell[data-theme="dark"] .comments-panel,
body.site-shell[data-theme="dark"] .news-sidebar-panel,
body.site-shell[data-theme="dark"] .news-inline-latest,
body.site-shell[data-theme="dark"] .news-inline-top-songs,
body.site-shell[data-theme="dark"] .song-hero-panel,
body.site-shell[data-theme="dark"] .song-stats-panel {
    background: #111827 !important;
    border-color: #2b2b31 !important;
}

body.site-shell[data-theme="dark"] .home-editorial-section .suggestion-card,
body.site-shell[data-theme="dark"] .home-learning-panel,
body.site-shell[data-theme="dark"] .home-theory-card,
body.site-shell[data-theme="dark"] .home-resource-card,
body.site-shell[data-theme="dark"] .home-liturgy-main,
body.site-shell[data-theme="dark"] .home-liturgy-side-card,
body.site-shell[data-theme="dark"] .news-sidebar-item,
body.site-shell[data-theme="dark"] .song-sidebar-item,
body.site-shell[data-theme="dark"] .song-actions-panel,
body.site-shell[data-theme="dark"] .font-size-panel,
body.site-shell[data-theme="dark"] .auto-scroll-panel {
    background: #171717 !important;
    border-color: #303038 !important;
}

body.site-shell[data-theme="dark"] .home-top-highlight-banner {
    box-shadow: var(--cn-shadow);
}

body.site-shell[data-theme="dark"] .home-top-highlight-kicker,
body.site-shell[data-theme="dark"] .home-top-highlight-song-title,
body.site-shell[data-theme="dark"] .home-top-highlight-artist,
body.site-shell[data-theme="dark"] .home-resource-title,
body.site-shell[data-theme="dark"] .home-resource-link,
body.site-shell[data-theme="dark"] .home-learning-card-text,
body.site-shell[data-theme="dark"] .home-theory-card .home-top-card-title,
body.site-shell[data-theme="dark"] .home-hero-promo h3,
body.site-shell[data-theme="dark"] .home-hero-promo span,
body.site-shell[data-theme="dark"] .home-hero-promo-action.is-alt {
    color: #f8fafc !important;
}

body.site-shell[data-theme="dark"] .home-resource-card.is-afinador-visual,
body.site-shell[data-theme="dark"] .home-resource-card.is-frases-visual {
    background-color: #111827 !important;
    border-color: #303038 !important;
    box-shadow: var(--cn-shadow);
}

body.site-shell[data-theme="dark"] .home-liturgy-section,
body.site-shell[data-theme="dark"] .home-liturgy-section .section-kicker,
body.site-shell[data-theme="dark"] .home-liturgy-section .section-title,
body.site-shell[data-theme="dark"] .home-liturgy-section .home-section-title-sm,
body.site-shell[data-theme="dark"] .home-liturgy-section .home-liturgy-text,
body.site-shell[data-theme="dark"] .home-liturgy-section .home-resource-text,
body.site-shell[data-theme="dark"] .home-liturgy-section .home-shortcut-title,
body.site-shell[data-theme="dark"] .home-liturgy-section .home-shortcut-text {
    color: #111827 !important;
}

body.site-shell[data-theme="dark"] .home-liturgy-main,
body.site-shell[data-theme="dark"] .home-liturgy-side-card,
body.site-shell[data-theme="dark"] .home-shortcut-card,
body.site-shell[data-theme="dark"] .home-missa-card {
    background: #f8fafc !important;
    border-color: rgba(217, 223, 232, 0.95) !important;
}

body.site-shell[data-theme="dark"] .news-hero-panel,
body.site-shell[data-theme="dark"] .news-article-panel,
body.site-shell[data-theme="dark"] .news-continue-reading {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

body.site-shell[data-theme="dark"] .news-hero-title,
body.site-shell[data-theme="dark"] .news-hero-deck,
body.site-shell[data-theme="dark"] .news-meta-row,
body.site-shell[data-theme="dark"] .news-body,
body.site-shell[data-theme="dark"] .news-body p,
body.site-shell[data-theme="dark"] .news-body li,
body.site-shell[data-theme="dark"] .news-body span,
body.site-shell[data-theme="dark"] .news-inline-latest-card,
body.site-shell[data-theme="dark"] .news-inline-latest-card * {
    color: #111827 !important;
}

body.site-shell[data-theme="dark"] .news-sidebar-panel .section-kicker,
body.site-shell[data-theme="dark"] .news-sidebar-panel .home-section-title-sm,
body.site-shell[data-theme="dark"] .news-sidebar-panel .news-sidebar-title,
body.site-shell[data-theme="dark"] .news-sidebar-panel .news-sidebar-date,
body.site-shell[data-theme="dark"] .news-sidebar-panel .news-sidebar-item,
body.site-shell[data-theme="dark"] .news-sidebar-panel .news-sidebar-item * {
    color: #f8fafc !important;
}

body.site-shell[data-theme="dark"] .news-inline-top-songs {
    background: #111827 !important;
}

body.site-shell[data-theme="dark"] .news-inline-top-song-link {
    background: #ffffff !important;
    border-color: rgba(217, 223, 232, 0.95) !important;
}

body.site-shell[data-theme="dark"] .news-inline-top-song-name {
    color: #111827 !important;
}

body.site-shell[data-theme="dark"] .news-inline-top-song-artist,
body.site-shell[data-theme="dark"] .news-inline-top-song-rank {
    color: #475569 !important;
}

body.site-shell[data-theme="dark"] .comments-form,
body.site-shell[data-theme="dark"] .comments-form .admin-label,
body.site-shell[data-theme="dark"] .comments-form .comments-form-note,
body.site-shell[data-theme="dark"] .comments-form .form-text {
    color: #111827 !important;
}

body.site-shell[data-theme="dark"] .comments-form .form-control,
body.site-shell[data-theme="dark"] .comments-form textarea,
body.site-shell[data-theme="dark"] .comments-form input {
    color: #111827 !important;
    background: #ffffff !important;
    border-color: #d4d4d8 !important;
}

body.site-shell[data-theme="dark"] .song-sheet,
body.site-shell[data-theme="dark"] .translation-sheet {
    background: #f8fafc !important;
    color: #111827 !important;
}

body.site-shell[data-theme="dark"] .song-sheet-lyrics,
body.site-shell[data-theme="dark"] .translation-sheet {
    color: #111827 !important;
}

body.site-shell[data-theme="dark"] .song-sheet-chords {
    color: #ff7a1f !important;
    font-weight: 800 !important;
}

body.site-shell[data-theme="dark"] .font-size-panel,
body.site-shell[data-theme="dark"] .auto-scroll-panel,
body.site-shell[data-theme="dark"] .song-sidebar-item {
    color: #111827 !important;
    background: #ffffff !important;
}

body.site-shell[data-theme="dark"] .font-size-panel *,
body.site-shell[data-theme="dark"] .auto-scroll-panel *,
body.site-shell[data-theme="dark"] .song-sidebar-item *,
body.site-shell[data-theme="dark"] .song-sidebar-copy *,
body.site-shell[data-theme="dark"] .font-size-label,
body.site-shell[data-theme="dark"] .song-stat-label,
body.site-shell[data-theme="dark"] .font-size-value,
body.site-shell[data-theme="dark"] .auto-scroll-speed-value {
    color: #111827 !important;
}

body.site-shell[data-theme="dark"] .song-sidebar-rank {
    color: #92400e !important;
}

body.site-shell[data-theme="dark"] .community-page,
body.site-shell[data-theme="dark"].community-page {
    background:
        radial-gradient(circle at top left, rgba(255, 90, 31, 0.08), transparent 22%),
        linear-gradient(180deg, #09090b 0%, #050505 100%) !important;
    color: #f8fafc !important;
}

body.site-shell[data-theme="dark"] .community-page .community-appbar-card,
body.site-shell[data-theme="dark"] .community-page .community-card,
body.site-shell[data-theme="dark"] .community-page .community-empty-state,
body.site-shell[data-theme="dark"] .community-page .community-shortcut-nav__item,
body.site-shell[data-theme="dark"] .community-page .community-feed-card,
body.site-shell[data-theme="dark"] .community-page .community-sidebar-card,
body.site-shell[data-theme="dark"] .community-page .community-post-card,
body.site-shell[data-theme="dark"] .community-page .community-ranking-card,
body.site-shell[data-theme="dark"] .community-page .community-category-card,
body.site-shell[data-theme="dark"] .community-page .community-widget-card {
    background: #171717 !important;
    border-color: #303038 !important;
    color: #f8fafc !important;
}

body.site-shell[data-theme="dark"] .community-page .community-appbar__search input,
body.site-shell[data-theme="dark"] .community-page .community-form input,
body.site-shell[data-theme="dark"] .community-page .community-form textarea,
body.site-shell[data-theme="dark"] .community-page .community-form select {
    background: #111827 !important;
    border-color: #303038 !important;
    color: #f8fafc !important;
}

body.site-shell[data-theme="dark"] .community-page .community-card *,
body.site-shell[data-theme="dark"] .community-page .community-empty-state *,
body.site-shell[data-theme="dark"] .community-page .community-shortcut-nav__item *,
body.site-shell[data-theme="dark"] .community-page .community-post-card *,
body.site-shell[data-theme="dark"] .community-page .community-sidebar-card * {
    color: #f8fafc !important;
}

body.site-shell[data-theme="dark"] .community-page .community-kicker,
body.site-shell[data-theme="dark"] .community-page .community-post-card .community-kicker {
    color: #f59e0b !important;
}

body.site-shell[data-theme="dark"] .community-page .community-btn--ghost {
    background: #111827 !important;
    border-color: #303038 !important;
    color: #f8fafc !important;
}

body.site-shell[data-theme="dark"] .community-page .community-menu__item.is-active,
body.site-shell[data-theme="dark"] .community-page .community-shortcut-nav__item.is-active {
    background: #1d4ed8 !important;
    color: #ffffff !important;
}

@media (max-width: 991.98px) {
    .site-nav {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.75rem;
    }

    .site-nav-collapse {
        grid-template-columns: 1fr !important;
        gap: 1rem;
        padding-top: 0.9rem;
    }

    .site-nav-links {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .site-nav-links .nav-link {
        width: 100%;
        text-align: left;
        background: #111827;
        border: 1px solid #27272a;
    }

    .site-header-search.d-none.d-lg-flex {
        display: none !important;
    }

    .site-header-search-mobile {
        margin-top: 0.75rem;
    }

    .site-header-search-mobile .site-search-row,
    .home-hero-search .search-frame {
        grid-template-columns: 1fr;
    }

    .site-header-search-mobile .site-header-search-button,
    .home-hero-search .search-button {
        width: 100%;
    }

    .site-header-actions {
        width: 100%;
        justify-content: stretch;
    }

    .site-login-button {
        width: 100%;
    }
}

.home-section,
.sheet-panel,
.sidebar-panel,
.translation-panel,
.empty-panel,
.result-card,
.suggestion-card,
.news-sidebar-section,
.news-story-panel,
.news-media-panel,
.news-article-panel,
.home-top-highlight-banner,
.home-hero-promo,
.home-resource-card,
.home-theory-card,
.song-tone-card,
.song-block-card,
.news-inline-top-songs {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.94) 0%, rgba(21, 21, 21, 0.98) 100%);
    border: 1px solid var(--cn-border);
    border-radius: 26px;
    box-shadow: var(--cn-shadow);
}

body.site-shell[data-theme="dark"] .home-section,
body.site-shell[data-theme="dark"] .sheet-panel,
body.site-shell[data-theme="dark"] .sidebar-panel,
body.site-shell[data-theme="dark"] .translation-panel,
body.site-shell[data-theme="dark"] .empty-panel,
body.site-shell[data-theme="dark"] .result-card,
body.site-shell[data-theme="dark"] .suggestion-card,
body.site-shell[data-theme="dark"] .news-sidebar-section,
body.site-shell[data-theme="dark"] .news-story-panel,
body.site-shell[data-theme="dark"] .news-media-panel,
body.site-shell[data-theme="dark"] .news-article-panel,
body.site-shell[data-theme="dark"] .home-top-highlight-banner,
body.site-shell[data-theme="dark"] .home-hero-promo,
body.site-shell[data-theme="dark"] .home-resource-card,
body.site-shell[data-theme="dark"] .home-theory-card,
body.site-shell[data-theme="dark"] .song-tone-card,
body.site-shell[data-theme="dark"] .song-block-card,
body.site-shell[data-theme="dark"] .news-inline-top-songs,
body.site-shell[data-theme="dark"] .comment-card,
body.site-shell[data-theme="dark"] .footer-shell,
body.site-shell[data-theme="dark"] .community-header-shell,
body.site-shell[data-theme="dark"] .community-sidebar-card,
body.site-shell[data-theme="dark"] .community-content-card,
body.site-shell[data-theme="dark"] .community-post-card,
body.site-shell[data-theme="dark"] .community-category-card {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.96) 0%, rgba(21, 21, 21, 0.99) 100%) !important;
    border-color: var(--cn-border) !important;
}

.home-section {
    padding: 1.8rem;
}

.home-artist-card,
.home-top-cifra-card,
.suggestion-card,
.result-card,
.news-inline-top-song-card,
.news-sidebar-item,
.home-resource-card,
.home-theory-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 22px;
}

body.site-shell[data-theme="dark"] .home-artist-card,
body.site-shell[data-theme="dark"] .home-top-cifra-card,
body.site-shell[data-theme="dark"] .suggestion-card,
body.site-shell[data-theme="dark"] .result-card,
body.site-shell[data-theme="dark"] .news-inline-top-song-card,
body.site-shell[data-theme="dark"] .news-sidebar-item,
body.site-shell[data-theme="dark"] .home-resource-card,
body.site-shell[data-theme="dark"] .home-theory-card,
body.site-shell[data-theme="dark"] .phrases-pagination-link,
body.site-shell[data-theme="dark"] .song-meta-chip,
body.site-shell[data-theme="dark"] .song-actions-panel,
body.site-shell[data-theme="dark"] .song-tone-adjust-group,
body.site-shell[data-theme="dark"] .song-font-controls,
body.site-shell[data-theme="dark"] .tone-chip,
body.site-shell[data-theme="dark"] .search-scope-option,
body.site-shell[data-theme="dark"] .site-header-search {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
}

.home-artist-card-name,
.home-top-cifra-name,
.result-title,
.suggestion-title,
.news-inline-top-song-name {
    color: var(--cn-text);
}

.home-top-cifra-artist,
.result-meta,
.song-artist,
.song-stats,
.home-top-highlight-artist,
.blog-excerpt,
.news-meta-row,
.comment-body,
.home-resource-text,
.home-learning-card-text {
    color: var(--cn-text-soft);
}

.home-top-highlight-banner {
    overflow: hidden;
    min-height: 360px;
}

.home-hero-promo.is-secondary,
.home-hero-promo.is-primary {
    min-height: 100%;
    background-color: rgba(17, 24, 39, 0.96) !important;
}

.home-resource-grid,
.home-learning-grid,
.news-inline-top-songs-grid {
    gap: 1.5rem;
}

.home-conversion-banner-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.song-layout .song-hero-panel,
.song-layout .sheet-panel,
.song-layout .sidebar-panel,
.song-layout .translation-panel {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.96) 0%, rgba(21, 21, 21, 0.98) 100%);
}

.song-breadcrumbs a,
.song-breadcrumb-divider,
.song-meta-chip,
.song-actions-title,
.news-breadcrumbs a,
.news-breadcrumbs span {
    color: var(--cn-text-soft);
}

.song-meta-chip,
.news-category-badge,
.song-actions-panel,
.song-tone-adjust-group,
.song-font-controls,
.tone-chip {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--cn-border);
}

.sheet-body,
.translation-sheet,
.song-sheet,
.news-body,
.comment-card {
    color: var(--cn-text);
}

.song-lyrics,
.song-sheet pre,
.song-sheet,
.translation-sheet {
    font-family: "Roboto Mono", "SFMono-Regular", Consolas, monospace;
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    line-height: 1.85;
}

.song-sheet .tom,
.song-sheet .chord,
.song-sheet [data-chord],
.news-body .tom,
.news-body .chord {
    color: var(--cn-accent-soft);
    font-weight: 700;
}

.news-shell .news-editorial-grid,
.news-shell .news-main-column,
.news-shell .news-sidebar-column,
.search-layout,
.artist-layout {
    gap: 2rem;
}

.news-body a,
.result-title a,
.suggestion-title a,
.song-artist a,
.artist-song-card a,
.news-sidebar-title a {
    color: var(--cn-text);
}

.news-body a:hover,
.result-title a:hover,
.suggestion-title a:hover,
.song-artist a:hover,
.artist-song-card a:hover,
.news-sidebar-title a:hover {
    color: var(--cn-accent);
}

.news-inline-top-song-link,
.phrases-pagination-link,
.tone-chip,
.song-tone-modal-close {
    color: var(--cn-text);
}

.phrases-pagination-link,
.blog-pagination .phrases-pagination-link {
    background: var(--cn-card);
    border-color: var(--cn-border);
}

.phrases-pagination-link.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--cn-accent) 0%, #ff7a1f 100%);
    border-color: transparent;
}

.comments-form .form-control,
.comments-form .form-select,
.search-input,
.form-control,
.form-select,
.site-header-search-input {
    border: 1px solid var(--cn-border);
    background-color: rgba(255, 255, 255, 0.02);
    color: var(--cn-text) !important;
}

.comments-form .form-control::placeholder,
.search-input::placeholder,
.form-control::placeholder {
    color: #71717a;
}

.footer-shell {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.92) 0%, rgba(21, 21, 21, 0.98) 100%);
    border: 1px solid var(--cn-border);
    border-radius: 24px;
    padding: 2rem;
}

.footer-copy,
.site-footer,
.news-meta-row,
.news-reading-progress {
    color: var(--cn-text-soft);
}

.footer-counter-wrap {
    opacity: 0.85;
}

body.site-shell[data-theme="dark"] .table,
body.site-shell[data-theme="dark"] table,
body.site-shell[data-theme="dark"] th,
body.site-shell[data-theme="dark"] td,
body.site-shell[data-theme="dark"] .site-selected-list-bar,
body.site-shell[data-theme="dark"] .site-selected-list-bar select,
body.site-shell[data-theme="dark"] .site-selected-list-bar input,
body.site-shell[data-theme="dark"] .site-selected-list-bar button,
body.site-shell[data-theme="dark"] .site-selected-list-bar a {
    color: var(--cn-text) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 991.98px) {
    .site-nav {
        grid-template-columns: 1fr auto;
        padding: 1rem 0;
    }

    .site-nav-collapse {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-top: 1rem;
    }

    .site-nav-links {
        padding: 0.75rem;
        background: var(--cn-card);
        border: 1px solid var(--cn-border);
        border-radius: 22px;
    }

    .site-header-actions {
        justify-content: flex-start;
    }

    .home-conversion-banner-inner {
        grid-template-columns: 1fr;
    }

    .home-hero {
        padding: 2rem 1.25rem;
    }

    .home-hero-search .search-frame {
        grid-template-columns: 1fr;
    }

    .home-hero-search .search-button {
        width: 100%;
    }

    .site-nav-collapse {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .site-main {
        padding-top: 1.25rem;
    }

    .home-hero-title {
        max-width: none;
        font-size: 2.4rem;
    }

    .home-section,
    .sheet-panel,
    .sidebar-panel,
    .translation-panel,
    .empty-panel,
    .news-inline-top-songs {
        padding: 1.25rem;
        border-radius: 22px;
    }

    .song-layout .song-hero-panel {
        padding: 1.25rem;
    }

    .site-header-search-mobile {
        margin-top: 0.9rem;
    }
}