:root {
    --wana-blue: #12b8ff;
    --wana-blue-2: #006dff;
    --wana-dark: #080b12;
    --wana-panel: rgba(255, 255, 255, 0.045);
    --wana-panel-strong: rgba(255, 255, 255, 0.075);
    --wana-border: rgba(255, 255, 255, 0.095);
    --wana-text: #f5f8ff;
    --wana-muted: #9ca8ba;
    --wana-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
}
body {
    background: radial-gradient(circle at 18% 0%, rgba(18, 184, 255, 0.16), transparent 28%), radial-gradient(circle at 92% 18%, rgba(0, 109, 255, 0.14), transparent 30%), linear-gradient(180deg, #0b0f17 0%, #070a10 100%) !important;
    color: var(--wana-text) !important;
}
body.light {
    background: linear-gradient(180deg, #f5f9ff 0%, #eef4ff 100%) !important;
    color: #111827 !important;
    --wana-panel: rgba(255, 255, 255, 0.9);
    --wana-panel-strong: rgba(255, 255, 255, 0.98);
    --wana-border: rgba(12, 31, 62, 0.08);
    --wana-text: #111827;
    --wana-muted: #637083;
    --wana-shadow: 0 14px 34px rgba(31, 66, 122, 0.11);
}
.site-header {
    background: rgba(7, 10, 16, 0.86) !important;
    border-bottom: 1px solid var(--wana-border) !important;
    box-shadow: 0 6px 26px rgba(0,0,0,0.22);
}
body.light .site-header {
    background: rgba(255,255,255,0.96) !important;
    border-bottom: 1px solid rgba(12,31,62,0.08) !important;
    box-shadow: 0 8px 28px rgba(31,66,122,0.08) !important;
}
.navbar .container-fluid { gap: 1.5rem; }
.brand-mark {
    width: 64px !important;
    height: 64px !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.brand-mark img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 20px rgba(18,184,255,0.24));
}
.featured-rail,
.watch-panel,
.side-section,
.video-meta,
.glass-alert {
    background: var(--wana-panel) !important;
    border: 1px solid var(--wana-border) !important;
    border-radius: 24px !important;
    box-shadow: var(--wana-shadow) !important;
    backdrop-filter: blur(18px);
}
.featured-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1rem;
}
.featured-tile {
    display: block;
    padding: .75rem;
    text-decoration: none !important;
    color: var(--wana-text) !important;
    background: rgba(255,255,255,0.045);
    border: 1px solid var(--wana-border);
    border-radius: 20px;
    overflow: hidden;
}
.featured-tile img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: .75rem;
}
.site-footer {
    margin-top: 4rem !important;
    padding: 2.2rem 1.4rem 1.4rem !important;
    border-top: 1px solid var(--wana-border) !important;
    background: rgba(0,0,0,0.18) !important;
}