:root {
            --brand-primary: #ff4500;
            --brand-rgb: 255,69,0;
            --brand-secondary: #cc3700;
            --brand-glow: rgba(255,69,0,0.3);
            --brand-pulse-inner: rgba(255,69,0,0.05);
            --bg-main: #0a0c10;
            --bg-card: #11141b;
            --bg-body: #060f1e;
        }
        .theme-winter  { --brand-primary:#00d4ff;--brand-rgb:0,212,255;--brand-secondary:#0077ff;--brand-glow:rgba(0,212,255,0.3);--bg-main:#050a14;--bg-card:#0c162d; }
        .theme-autumn  { --brand-primary:#d45b00;--brand-rgb:212,91,0;--brand-secondary:#5e2a00;--brand-glow:rgba(212,91,0,0.3);--bg-main:#0a0806;--bg-card:#140f0a; }
        .theme-halloween{ --brand-primary:#a855f7;--brand-rgb:168,85,247;--brand-secondary:#8b0000;--brand-glow:rgba(168,85,247,0.4);--bg-main:#050505;--bg-card:#0d0d0d; }
        .theme-easter  { --brand-primary:#f472b6;--brand-rgb:244,114,182;--brand-secondary:#38bdf8;--brand-glow:rgba(244,114,182,0.4); }
        .theme-newyear { --brand-primary:#ffd700;--brand-rgb:255,215,0;--brand-secondary:#fcf6ba;--brand-glow:rgba(255,215,0,0.5);--bg-main:#050505; }
        .theme-newyear.snr-page {
            background: linear-gradient(135deg, #050505 0%, #0d0b00 50%, #050505 100%);
            animation: ny-bg-scroll 8s ease-in-out infinite alternate;
        }
        @keyframes ny-bg-scroll {
            0%   { background-position: 0% 50%; }
            100% { background-position: 100% 50%; }
        }
        .theme-newyear .hero-logo,
        .theme-newyear .hero-logo span {
            background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gold-shimmer 3s ease-in-out infinite;
            background-size: 200% auto;
        }
        @keyframes gold-shimmer {
            0%   { background-position: 0% center; }
            100% { background-position: 200% center; }
        }
        html,body{margin:0;padding:0;background:#050505;color:#fff;font-family:'Figtree','Inter',sans-serif;}
        *{box-sizing:border-box;}
        a{color:inherit;text-decoration:none;}
        .snr-page { display:flex; flex-direction:column; min-height:100vh; background:var(--bg-main); padding-bottom:0; }
        main { padding-bottom: 110px; }

        /* NAV */
        .sn-nav{height:72px;border-bottom:2px solid var(--brand-primary);background:var(--bg-main);position:sticky;top:0;z-index:1000;}
        .nav-container{max-width:1500px;margin:0 auto;display:flex;align-items:center;height:100%;padding:0 40px;gap:0;}
        .nav-elements{display:flex;align-items:center;flex:1;gap:0;}
        /* Logo */
        .nav-logo{font-size:28px;font-weight:950;font-style:italic;letter-spacing:-2px;text-transform:uppercase;color:#fff;text-decoration:none;flex-shrink:0;margin-right:50px;}
        .nav-logo .brand-text{color:var(--brand-primary);}
        /* Centre links */
        .nav-links{display:flex;gap:30px;align-items:center;flex:1;}
        .nav-links a{font-size:11px;font-weight:900;color:#ccc;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:.2s;}
        .nav-links a:hover,.nav-links a.active{color:var(--brand-primary);}
        /* Discord button */
        .nav-discord{background:#5865F2!important;color:#fff!important;padding:10px 22px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;transition:.2s!important;}
        .nav-discord:hover{background:#4752c4!important;color:#fff!important;}
        /* Right auth area */
        .nav-auth{display:flex;align-items:center;gap:14px;flex-shrink:0;}
        /* Staff Panel button — white outlined */
        .nav-staff-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#000!important;padding:8px 16px;border-radius:8px;font-size:11px;font-weight:950;text-transform:uppercase;text-decoration:none;letter-spacing:1px;transition:.2s;border:none;cursor:pointer;}
        .nav-staff-btn:hover{background:var(--brand-primary);color:#fff!important;}
        .nav-staff-dot{width:8px;height:8px;background:var(--brand-primary);border-radius:50%;box-shadow:0 0 6px var(--brand-primary);animation:npulse 2s infinite;flex-shrink:0;}
        @keyframes npulse{0%,100%{opacity:1}50%{opacity:.3}}
        /* Settings gear */
        .nav-settings{color:#555;display:flex;align-items:center;transition:.2s;text-decoration:none;}
        .nav-settings svg{width:18px;height:18px;}
        .nav-settings:hover{color:#fff;}
        /* Username */
        .nav-user-name{font-size:11px;font-weight:900;color:#ccc;text-transform:uppercase;letter-spacing:1px;}
        /* Logout */
        .nav-logout{font-size:11px;font-weight:900;color:var(--brand-primary);background:none;border:none;cursor:pointer;padding:0;letter-spacing:1px;text-transform:uppercase;transition:.2s;}
        .nav-logout:hover{color:#fff;}
        /* Login button */
        .nav-login{background:var(--brand-primary);padding:10px 26px;border-radius:8px;font-weight:900;font-size:11px;color:#fff;text-decoration:none;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 15px var(--brand-glow);transition:.2s;}
        .nav-login:hover{opacity:.85;}
        /* Mobile */
        .mobile-toggle{display:none;background:none;border:none;color:var(--brand-primary);font-weight:950;font-size:18px;cursor:pointer;margin-left:auto;}

        /* FLASH */
        .flash-success,.flash-error{padding:16px 24px;margin:16px auto;max-width:1400px;border-radius:12px;font-weight:700;font-size:13px;}
        .flash-success{background:rgba(0,200,100,.15);border:1px solid rgba(0,200,100,.3);color:#0c6;}
        .flash-error{background:rgba(255,50,50,.15);border:1px solid rgba(255,50,50,.3);color:#f66;}

        /* FOOTER */
        footer.snr-footer{background:var(--bg-card);border-top:1px solid #1a1a1a;padding:60px 40px;margin-top:auto;}
        .footer-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;}
        .footer-logo{font-size:28px;font-weight:950;font-style:italic;letter-spacing:-2px;}
        .footer-logo span{color:var(--brand-primary);}
        .footer-links{display:flex;gap:30px;flex-wrap:wrap;}
        .footer-links a{font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#444;transition:.2s;}
        .footer-links a:hover{color:var(--brand-primary);}
        .footer-copy{font-size:10px;color:#222;letter-spacing:1px;text-transform:uppercase;}

        /* MUSIC PLAYER */
        /* ── FLOATING CAPSULE PLAYER ── */
        #music-player{
            position:fixed;bottom:20px;left:50%;transform:translateX(-50%);
            width:calc(100% - 48px);max-width:900px;
            background:rgba(13,13,13,0.97);
            border:1.5px solid var(--brand-primary);
            border-radius:16px;
            backdrop-filter:blur(16px);
            z-index:9000;
            box-shadow:0 8px 40px rgba(0,0,0,.7), 0 0 0 1px rgba(255,69,0,.1);
        }
        .capsule-content{
            display:flex;align-items:center;
            padding:10px 16px 10px 12px;
            gap:0;
            position:relative;
        }
        /* LEFT */
        .capsule-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;}
        .art-wrapper{position:relative;flex-shrink:0;}
        .capsule-art{width:62px;height:62px;border-radius:10px;object-fit:cover;border:2px solid var(--brand-primary);display:block;}
        .art-glow{position:absolute;inset:-4px;border-radius:14px;background:var(--brand-primary);filter:blur(12px);z-index:-1;}
        .track-info{min-width:0;}
        .track-title{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;margin:0 0 3px;}
        .track-artist{font-size:11px;color:var(--brand-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;}
        .track-stats{display:flex;align-items:center;gap:0;font-size:10px;color:#555;font-weight:700;letter-spacing:.5px;}
        .stat-btn{background:none;border:none;color:#888;font-size:10px;font-weight:700;cursor:pointer;padding:0;letter-spacing:.5px;transition:.2s;}
        .stat-btn:hover{color:var(--brand-primary);}
        .stat-divider{color:#333;margin:0 8px;}
        .stat-text{color:#555;font-size:10px;font-weight:700;}
        /* MIDDLE */
        .capsule-middle{flex:1;text-align:center;padding:0 20px;min-width:0;}
        .stream-status{}
        .status-header{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:4px;}
        .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;}
        .auto-dot{background:#ff4500;box-shadow:0 0 6px #ff4500;animation:sdot 1.8s infinite;}
        .live-dot-cls{background:#00ff88;box-shadow:0 0 6px #00ff88;animation:sdot 1s infinite;}
        @keyframes sdot{0%,100%{opacity:1}50%{opacity:.25}}
        .dj-name{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;}
        .status-sub{font-size:10px;color:#444;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin:0;}
        .status-sub .text-orange{color:var(--brand-primary);}
        /* RIGHT */
        .capsule-right{display:flex;align-items:center;gap:16px;flex-shrink:0;}
        .volume-control{display:flex;align-items:center;gap:8px;}
        .vol-label{font-size:9px;font-weight:900;letter-spacing:2px;color:#555;text-transform:uppercase;}
        .vol-slider{width:80px;accent-color:var(--brand-primary);cursor:pointer;}
        .big-play-btn{
            width:50px;height:50px;border-radius:50%;
            background:var(--brand-primary);border:none;color:#fff;
            cursor:pointer;flex-shrink:0;
            display:flex;align-items:center;justify-content:center;
            box-shadow:0 4px 20px var(--brand-glow);transition:.2s;
        }
        .big-play-btn:hover{transform:scale(1.08);}
        .icon-play{width:22px;height:22px;fill:#fff;}
        .icon-pause{width:18px;height:18px;fill:#fff;}
        @media(max-width:700px){
            .capsule-middle{display:none;}
            .track-stats{display:none;}
            #music-player{bottom:10px;border-radius:12px;}
        }

        @media(max-width:1024px){
            .nav-elements{position:fixed;top:0;left:0;right:0;bottom:0;background:#050505;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:999;display:flex;}
            #nav-elements.open{opacity:1;pointer-events:all;}
            .nav-links{flex-direction:column;gap:28px;align-items:center;}
            .nav-links a{font-size:20px;}
            .nav-auth{flex-direction:column;gap:16px;align-items:center;margin-top:20px;}
            .mobile-toggle{display:block;}
        }