html,body{overflow-x:hidden;}
body{background:#04060d;color:white;font-family:system-ui;padding-bottom:calc(100px + 20px);position:relative;padding-top:64px;}
html, body{overflow-x:hidden;}

#acceptAll{background:#2f343a;color:#fff;}
#acceptCookies{background:#2f343a;color:#ffffff;}
#acceptCookies:hover{background:#3a4047;}
#closeReportModal{background:none;border:none;color:white;font-size:22px;cursor:pointer;}
#liveResults{position:absolute;top:100%;left:0;right:0;background:#111a30;border-radius:12px;margin-top:8px;overflow:hidden;display:none;box-shadow:0 10px 40px rgba(0,0,0,0.6);z-index:50;}
#managePrefs{width:100%;background:#e5e7eb;color:#222;}
#radioSearch::placeholder{color:#8892b0;}
#radioVotes{margin-left:4px;font-size:16px;}
#recentRadios{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding-left:10px;padding-right:10px;padding:10px 10px 15px 10px;}
#rejectAll{background:#e5e7eb;color:#222;}
#rejectCookies{background:#e5e7eb;color:#222;}
#rejectCookies:hover{background:#d6d8dc;}
#reportNote{width:100%;height:80px;margin-top:10px;border-radius:10px;border:none;padding:10px;background:#0b1220;color:white;box-sizing:border-box;}
#savePrefs{background:#d1d5db;color:#222;}
#toast.toast.success{border-left:6px solid #00e0ff;background:linear-gradient(90deg,rgba(0,224,255,0.25) 0%,rgba(0,224,255,0.10) 20%,#0f1c3d 60%);box-shadow:0 0 20px rgba(0,224,255,0.6),0 10px 30px rgba(0,0,0,0.6);}

.admin-edit-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;backdrop-filter:blur(6px);transition:all .25s ease;opacity:0;transform:translateY(6px);pointer-events:none;z-index:10;}
.admin-edit-btn:hover{background:#0f0f0f;color:#081421;transform:scale(1.1);}
.admin-edit-btn:hover{background:#161717;color:#081421;transform:scale(1.1);}
.admin-hit-area{position:absolute;bottom:0;right:0;width:50px;height:50px;z-index:9;}

.badge-recommended{position:absolute;top:60%;left:-5px;background:rgba(0,255,200,0.15);color:#00ffcc;font-size:15px;font-weight:bold;padding:4px 10px;border:1px solid rgba(0,255,200,0.4);border-radius:12px;box-shadow:none;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;}

.behind-decor{position:relative;z-index:1;}
.behind-decor::before{content:attr(data-label);position:absolute;left:-5%;top:5%;transform:translateY(-25%);font-size:4.5rem;font-weight:700;letter-spacing:4px;color:rgba(255,255,255,0.05);z-index:-1;pointer-events:none;white-space:nowrap;opacity:0.6;}

.browse-card{display:block;background:#0f1c3d;border-radius:14px;padding:20px 22px;margin-top:12px;text-decoration:none;color:white;transition:all .25s ease;border:1px solid rgba(255,255,255,0.05);}
.browse-card:hover{background:#16254f;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.5);}
.browse-card-desc{font-size:13px;opacity:.7;}
.browse-card-title{font-size:18px;font-weight:600;margin-bottom:4px;}

.browse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:20px;}

.browse-hero{position:relative;padding:40px 20px 20px;text-align:left;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(92,108,255,0.18),transparent 60%);}
.browse-hero::after{content:"";position:absolute;right:0;top:0;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,224,255,0.25),rgba(92,108,255,0.18),transparent 70%);opacity:.45;transform:translate(25%,-20%);pointer-events:none;}
.browse-hero::before{content:"";position:absolute;right:120px;top:80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,224,255,0.15),transparent 70%);opacity:.4;pointer-events:none;}

.browse-links{display:flex;flex-wrap:wrap;gap:12px;}
.browse-links a{background:#0f1c3d;padding:8px 14px;border-radius:8px;text-decoration:none;color:white;font-size:14px;transition:all .2s ease;}
.browse-links a:hover{background:#16254f;}

.browse-page{padding:10px 60px 10px;max-width:1200px;margin:auto;position:relative;z-index:1;}

.browse-section{margin-top:-20px;transform:translateX(10px);position:relative;padding:30px 20px 10px;min-height:auto;}
.browse-section::before{content:"";position:absolute;left:-40px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,224,255,0.08),transparent 70%);pointer-events:none;}
.browse-section .radio-layout{margin-top:20px;margin-bottom:40px;}

.browse-section h2{margin-bottom:15px;position:relative;z-index:5;font-size:18px;}

.copy-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:linear-gradient(180deg,#16254f,#0f1c3d);color:white;padding:10px 18px;border-radius:30px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:all .35s ease;box-shadow:0 8px 30px rgba(0,0,0,0.6),0 0 12px rgba(0,224,255,0.3);z-index:9999;}
.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

.country-item{padding:12px 14px;cursor:pointer;font-size:14px;transition:all .2s ease;}
.country-item:hover{background:#16254f;padding-left:18px;}

.country-list{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 40px;}

.country-range{margin-top:6px;font-size:13px;opacity:.7;}

.country-results{position:absolute;top:100%;left:0;width:100%;margin-top:8px;background:#0b1220;border-radius:12px;display:none;z-index:50;max-height:220px;overflow:auto;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 30px rgba(0,0,0,0.6),0 0 10px rgba(0,224,255,0.1);}

.country-row{padding:6px 0;}
.country-row a{color:white;text-decoration:none;opacity:.85;transition:all .15s ease;display:flex;align-items:center;gap:8px;}
.country-row a:hover{opacity:1;color:#00e0ff;}

.country-search-box{position:relative;max-width:320px;width:100%;margin-top:10px;}
.country-search-box input{width:100%;height:42px;border-radius:30px;border:1px solid rgba(255,255,255,0.15);background:#0f1c3d;box-sizing:border-box;padding:0 18px 0 42px;color:white;font-size:14px;outline:none;transition:all .2s ease;}
.country-search-box input::placeholder{color:#8892b0;}
.country-search-box input:focus{border-color:#00e0ff;box-shadow:0 0 8px rgba(0,224,255,0.35);}

.country-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:#8892b0;opacity:.8;pointer-events:none;}

.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

.cookie-actions{display:flex;flex-direction:column;gap:10px;}
.cookie-actions button{background:#2f343a;width:100%;color:white;border:none;padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer;}
.cookie-actions button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(92,108,255,0.5);}
.cookie-actions .secondary{background:#e5e7eb;color:#222;}

.cookie-box{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;box-shadow:none;border-radius:0;padding:0;}

.cookie-consent{position:fixed;left:0;right:0;bottom:0;background:#ffffff;color:#222;display:flex;justify-content:center;z-index:999999;padding:16px 20px;border-top:1px solid #e5e7eb;}
.cookie-consent.fade-out{opacity:0;visibility:hidden;}
.cookie-consent.hide{opacity:0;pointer-events:none;}
.cookie-consent.show{opacity:1;visibility:visible;}

.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:999999;}
.cookie-modal-body{margin-top:15px;font-size:14px;color:#444;}
.cookie-modal-content{width:90%;max-width:600px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.cookie-modal-footer{display:flex;gap:10px;margin-top:20px;}
.cookie-modal-footer button{flex:1;padding:12px;border-radius:10px;border:none;cursor:pointer;font-weight:500;transition:all 0.2s ease;}
.cookie-modal-footer button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(87,114,234,0.15);}
.cookie-modal-footer button:active{transform:translateY(0);box-shadow:0 6px 16px rgba(0,0,0,0.15);}
.cookie-modal-footer .secondary{background:#e5e7eb;}
.cookie-modal-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#444;}
.cookie-modal-header h3{margin:0;}
.cookie-modal-header button{background:#eee;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;}

.cookie-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;background:#f3f4f6;margin-top:10px;}
.cookie-row.disabled{opacity:0.6;}

.cookie-row-buttons{display:flex;gap:10px;}
.cookie-row-buttons button{flex:1;}

.cookie-text{font-size:14px;color:#444;margin:0;line-height:1.4;}

.cookies-lock{overflow:hidden;}

.copy-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:linear-gradient(180deg,#16254f,#0f1c3d);color:white;padding:10px 18px;border-radius:30px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:all .35s ease;box-shadow:0 8px 30px rgba(0,0,0,0.6),0 0 12px rgba(0,224,255,0.3);z-index:9999;}

.country-results::-webkit-scrollbar{display:none;}
.country-results{scrollbar-width:none;}

.fav-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:#000;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.85;transition:all .2s ease;}
.fav-btn:hover{opacity:1;transform:scale(1.3);}

.favicon-preview{margin-top:10px;width:100px;height:100px;border-radius:12px;border:1px solid rgba(255,255,255,0.08);background:#0b1220;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,0.1);}
.favicon-preview img{width:100%;height:100%;object-fit:contain;}

.favorites-hero{position:relative;padding:40px 20px 10px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(92,108,255,0.18),transparent 60%);}
.favorites-hero::after{content:"";position:absolute;right:0;top:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,215,100,0.25),rgba(92,108,255,0.15),transparent 70%);opacity:.6;transform:translate(20%,-20%);pointer-events:none;}
.favorites-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,0.6) 1px,transparent 1px);background-size:120px 120px;opacity:.15;pointer-events:none;}
.favorites-hero h2{font-size:28px;font-weight:700;letter-spacing:2.5px;text-shadow:0 0 10px rgba(92,108,255,0.2);}

.form-row{display:flex;flex-direction:column;margin-bottom:18px;position:relative;}
.form-row{position:relative;}
.form-row input,.form-row textarea{background:#0f1c3d;border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px;color:white;font-size:14px;}
.form-row input:focus,.form-row textarea:focus{outline:none;border-color:#00e0ff;box-shadow:0 0 6px rgba(0,224,255,0.3);}
.form-row label{font-size:13px;margin-bottom:6px;opacity:.7;}
.form-row textarea{min-height:80px;resize:vertical;}

.genre-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f1c3d;padding:22px 10px;border-radius:14px;text-decoration:none;color:white;transition:all .2s ease;}
.genre-card:hover{background:#16254f;transform:translateY(-3px);}

.genre-count{font-size:13px;opacity:.7;margin-top:2px;}
.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;}
.genre-icon{font-size:28px;margin-bottom:6px;}
.genre-name{font-size:16px;font-weight:600;}

.hero-search{padding:15px 20px 40px;text-align:center;background:radial-gradient(circle at 50% 30%,#1f2660 0%,#0b0f2c 70%);margin-bottom:-40px;padding:30px 20px 60px;position:relative;overflow:visible;}
.hero-search::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:220px;background:linear-gradient(to bottom,rgba(11,15,44,0) 0%,rgba(8,12,26,0.7) 40%,rgba(6,8,18,0.9) 70%,#04060d 100%);pointer-events:none;z-index:0;}
.hero-search-inner{position:relative;z-index:2;max-width:720px;margin:auto;}
.hero-search-input{width:100%;height:60px;border-radius:40px;background:linear-gradient(180deg,rgba(20,25,70,0.95),rgba(10,14,40,0.95));background:#0f1438;border:1px solid rgba(92,108,255,0.25);box-shadow:0 10px 40px rgba(0,0,0,0.7),0 0 6px rgba(92,108,255,0.15);backdrop-filter:blur(8px);transition:all .25s ease;padding:0 70px 0 22px;padding-right:70px;font-size:18px;color:white;outline:none;border:none;}
.hero-search-input:focus{outline:none;border:1px solid rgba(92,108,255,0.6);border-color:#6f7cff;box-shadow:0 0 0 2px rgba(92,108,255,0.15),0 8px 30px rgba(0,0,0,0.6),0 0 20px rgba(92,108,255,0.25);}
.hero-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(135deg,#5c6cff,#7a84ff);display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:.25s;}
.hero-search-btn:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px rgba(92,108,255,0.5);}
.hero-search-btn svg{width:20px;height:20px;stroke:white;fill:#7a84ff;}
.hero-search, .radio-section{max-width:100%;}
.hero-search-form{position:relative;}

.hero-stats{display:flex;justify-content:center;gap:80px;margin-bottom:25px;flex-wrap:wrap;}

.hero-subtitle{color:white;font-size:24px;margin-bottom:18px;}
.hero-title{font-size:40px;font-weight:700;margin-bottom:10px;letter-spacing:2.5px;margin-top:10px;}

.live-radio-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.05);}
.live-radio-item:hover{background:#1b2350;}
.live-radio-item img{width:28px;height:28px;border-radius:6px;object-fit:cover;}

.live-results{position:absolute;top:100%;left:0;width:100%;border:1px solid rgba(255,255,255,0.08);border-radius:10px;margin-top:8px;display:none;max-height:300px;overflow-y:auto;z-index:9999;background:#0f1438;}
.live-results::-webkit-scrollbar{display:none;}
.live-results{scrollbar-width:none;}

.load-more-btn{background:#16254f;color:white;border:0;padding:12px 22px;border-radius:8px;cursor:pointer;}
.load-more-btn:hover{background:#1d2f63;}
.load-more-container{text-align:center;margin:30px 0;}

.loader-center{display:flex;flex-direction:column;align-items:center;gap:14px;}
.loader-premium{display:flex;align-items:center;justify-content:center;height:300px;width:100%;}
.loader-spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,0.08);border-top:3px solid #00e0ff;animation:loaderSpin 0.8s linear infinite;box-shadow:0 0 10px rgba(0,224,255,0.4),0 0 20px rgba(0,224,255,0.2);}
.loader-text{font-size:14px;opacity:.7;letter-spacing:.5px;animation:loaderFade 1.5s ease-in-out infinite;}

.logo a{font-size:20px;font-weight:700;text-decoration:none;color:white;letter-spacing:.5px;}

.main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(5,7,13,0.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.05);}

.main-menu{display:flex;gap:26px;}
.main-menu a{color:rgba(255,255,255,0.75);text-decoration:none;font-size:15px;font-weight:500;padding:6px 2px;position:relative;transition:all .25s ease;}
.main-menu a:hover{color:white;}
.main-menu a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#00e0ff;transition:width .25s ease;}
.main-menu a:hover::after{width:100%;}
.main-menu a.active{color:white;}
.main-menu a.active::after{width:100%;}

.menu-toggle{display:flex !important;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;}
.menu-toggle span{width:22px;height:2px;background:white;display:block;transition:all .3s ease;}

.nav-inner{max-width:1400px;margin:auto;padding:0 30px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;}

.page-btn{background:#16254f;color:white;padding:8px 14px;border-radius:8px;text-decoration:none;font-size:14px;transition:all .2s ease;}
.page-btn:hover{background:#1d2f63;}
.page-current{background:#00e0ff;color:#081421;padding:8px 14px;border-radius:8px;font-weight:600;}

.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0 10px 0;flex-wrap:wrap;}

.radar-wrapper{position:relative;display:inline-block;}
.radar-wrapper::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,224,255,0.15) 1px,transparent 1px);background-size:40px 40px;opacity:.25;pointer-events:none;}
.radar-wrapper::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(0,224,255,0.35) 0px,rgba(0,224,255,0.35) 2px,transparent 2px,transparent 40px);opacity:.25;pointer-events:none;animation:radarPulse 3s ease-in-out infinite;}
.radar-wrapper::after{animation: radarPulse 3s ease-in-out infinite;}

.radio-bitrate{font-size:12px;}

.radio-card{flex:0 0 190px;width:190px;height:210px;background:linear-gradient(90deg,rgba(15,20,40,0.9),rgba(10,15,30,0.9));border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .25s ease;position:relative;}
.radio-card:hover{transform:translateY(-4px);background:#16254f;}
.radio-card.active{position:relative;border:1px solid rgba(46,204,113,0.6);box-shadow:0 0 0 1px rgba(46,204,113,0.4),0 6px 18px rgba(0,0,0,0.6),0 0 18px rgba(46,204,113,0.35);transform:translateY(-4px) scale(1.04);background:linear-gradient(180deg,#16254f,#0f1c3d);z-index:5;}
.radio-card.active::after{content:"LIVE";position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:#2ecc71;color:#081421;letter-spacing:.5px;box-shadow:0 0 8px rgba(46,204,113,0.7);}
.radio-card.active{animation:radioPulse 2.2s ease-in-out infinite;z-index:1;position:relative;}
.radio-card.no-pulse{animation:none !important;}
.radio-card > .radio-logo{width:100px;height:100px;object-fit:contain;display:block;margin:0 auto 8px auto;}
.radio-card span{font-size:13px;opacity:.9;display:block;}

.radio-card.hero{flex:0 0 auto;width:380px;max-width:100%;height:auto;padding:24px;border-radius:24px;background:linear-gradient(180deg,#1b2a5a,#0f1c3d);box-shadow:0 10px 40px rgba(0,0,0,0.6),0 0 30px rgba(0,150,255,0.15);}
.radio-card.hero:hover{transform:scale(1.09);}
.radio-card.hero *{pointer-events:none;}
.radio-card.hero .admin-edit-btn,
.radio-card.hero .radio-home,
.radio-card.hero .fav-btn{pointer-events:auto;}
.radio-card.hero .radio-home{margin-top:14px;width:40px;height:40px;font-size:18px;}
.radio-card.hero .radio-logo{width:160px;height:160px;margin-bottom:16px;}
.radio-card.hero .radio-meta{margin-top:10px;font-size:14px;opacity:.85;}
.radio-card.hero .radio-name span{font-size:20px;font-weight:700;letter-spacing:.3px;}
.radio-card.hero:hover .admin-edit-btn{opacity:1;transform:translateY(0);pointer-events:auto;}

.verified-badge{position:absolute;top:auto;bottom:12px;left:10px;background:linear-gradient(135deg,rgba(46,204,113,0.25),rgba(46,204,113,0.1));color:#2ecc71;font-size:11px;font-weight:700;padding:4px 10px;border-radius:10px;border:1px solid rgba(46,204,113,0.5);display:flex;align-items:center;gap:5px;backdrop-filter:blur(4px);box-shadow:0 0 12px rgba(46,204,113,0.5);z-index:6;}

.radio-card.hero .verified-badge{font-size:12px;padding:6px 12px;animation:verifiedGlow 2.2s ease-in-out infinite;}

.radio-fallback{font-size:18px;}

.radio-flag{width:18px;height:12px;object-fit:cover;border-radius:2px;display:inline-block;}
.radio-flag-placeholder{font-size:14px;opacity:.7;}

.radio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px;margin-top:30px;}

.radio-hero-bg{position:absolute;top:0;left:0;width:100%;height:500px;pointer-events:none;z-index:0;margin-top:0;}
.radio-hero-bg::after{content:"";position:absolute;left:45%;top:40%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,224,255,0.35),rgba(92,108,255,0.25),transparent 75%);transform:translate(-50%,-50%);filter:blur(60px);opacity:7;}
.radio-hero-bg::before{content:"";position:absolute;left:25%;top:45%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,224,255,0.2),transparent 70%);transform:translate(-50%,-50%);filter:blur(20px);opacity:.5;pointer-events:none;}

.radio-hero-container{display:flex;justify-content:center;align-items:flex-start;margin-top:-20px;margin-bottom:0px;}

.radio-home{margin-top:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#16254f;color:white;font-size:16px;text-decoration:none;opacity:.9;transition:all .2s ease;}
.radio-home:hover{opacity:1;transform:scale(1.08);}

.radio-info{padding-top:10px;margin-top:10px;}
.radio-info h2{font-size:18px;margin-bottom:24px;}

.radio-info-row{margin-bottom:14px;font-size:15px;}
.radio-info-row a{color:#4da3ff;text-decoration:none;}
.radio-info-row span{opacity:.6;margin-right:6px;}
.radio-info-row strong{font-weight:600;}

.radio-item{min-width:140px;max-width:140px;background:#0f1c3d;border-radius:12px;padding:14px;text-align:center;transition:all .2s ease;cursor:pointer;}
.radio-item:hover{transform:translateY(-4px);background:#16254f;}
.radio-item img{width:100%;height:70px;object-fit:contain;display:block;margin:0 auto 10px auto;}

.radio-layout{display:flex;gap:60px;align-items:flex-start;margin-top:10px;margin-bottom:140px;}

.radio-left{flex:0 0 auto;margin-top:0;margin-left:-20px;}

.radio-live-name{font-weight:500;}

.radio-logo{width:110px;height:110px;object-fit:contain;display:block;margin-bottom:6px;}

.radio-meta{font-size:12px;opacity:.7;}
.radio-meta{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;font-size:12px;opacity:.9;}

.radio-name{position:relative;width:100%;overflow:hidden;font-size:14px;font-weight:600;margin:6px 0;white-space:nowrap;text-align:center;}
.radio-name::before{left:0;background:linear-gradient(to right,#4a4b4e,transparent);}
.radio-name::after{right:0;background:linear-gradient(to left,#4a4b4e,transparent);}
.radio-name.scrolling::before,
.radio-name.scrolling::after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2;}
.radio-name span{display:inline-block;white-space:nowrap;padding-right:0;}
.radio-name.scrolling span{animation:radioScroll 10s linear infinite;}
.radio-name:hover .radio-scroll-track{animation-play-state:paused;}

.radio-name-track{display:flex;white-space:nowrap;animation:radioScroll 12s linear infinite;}
.radio-name-track span{padding-right:60px;}

.radio-page-bg{position:relative;min-height:100vh;background:radial-gradient(circle at 30% 20%,rgba(92,108,255,0.15),transparent 60%),linear-gradient(180deg,#0b1220,#05070d);}

.radio-report{margin-top:18px;}

.radio-right{flex:1;max-width:500px;transform:translateY(-30px);}

.radio-scroll-track{display:flex;gap:50px;white-space:nowrap;animation:radioTicker linear infinite;}
.radio-scroll-track span{display:inline-block;}

.radio-section{padding-left:25px;padding-right:25px;position:relative;margin-top:10px;}
.radio-section h2{margin-bottom:15px;font-size:22px;}
.radio-section:hover .slider-arrows button{opacity:1;}
.radio-section::before{content:"";position:absolute;left:0;top:0;bottom:0;width:60px;pointer-events:none;background:transparent;z-index:2;}
.radio-section::after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;pointer-events:none;background:transparent;z-index:2;}

.radio-share{margin-top:14px;margin-bottom:20px;}
.radio-share span{display:block;font-size:14px;opacity:.7;margin-bottom:8px;}

.radio-slider{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;padding-top:10px;padding-bottom:10px;max-width:100%;}
.radio-slider::-webkit-scrollbar{display:none;}

.radio-tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;}

.report-btn{background:transparent;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.8);padding:8px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .25s ease;}
.report-btn:hover{color:#ff6b6b;border-color:rgba(255,107,107,0.5);box-shadow:0 0 10px rgba(255,107,107,0.3);}

.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.report-header h3{margin:0;font-size:18px;}

.report-modal{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .3s ease;z-index:9999;}
.report-modal.show{opacity:1;pointer-events:auto;}
.report-modal.show .report-modal-content{transform:scale(1);}

.report-modal-content{width:90%;max-width:420px;background:linear-gradient(180deg,#16254f,#0f1c3d);border-radius:20px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,0.6),0 0 20px rgba(0,224,255,0.15);transform:scale(0.9);transition:transform .3s ease;}

.report-option{display:block;margin-bottom:10px;font-size:14px;cursor:pointer;}
.report-option input{margin-right:8px;}

.report-submit{margin-top:14px;width:100%;padding:10px;border-radius:12px;border:none;background:linear-gradient(135deg,#5c6cff,#7a84ff);color:white;cursor:pointer;}

.search-btn-wrapper{position:absolute;right:8px;display:flex;align-items:center;height:100%;}
.search-input-wrapper{position:relative;width:100%;display:flex;align-items:center;}

.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;}
.section-header{display:flex;align-items:center;justify-content:space-between;}


.section-decor{position:relative;display:inline-block;}
.section-decor::after{content:attr(data-label);display:block;margin-top:6px;margin-left:40px;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,0.25);}

.share-btn{width:38px;height:38px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;background:#16254f;color:white;transition:all .25s ease;}
.share-btn:hover{transform:translateY(-2px) scale(1.08);}
.share-btn.facebook:hover{background:#1877F2;box-shadow:0 0 12px rgba(24,119,242,0.6);}
.share-btn.whatsapp:hover{background:#25D366;box-shadow:0 0 12px rgba(37,211,102,0.6);}
.share-btn.x:hover{background:#000;box-shadow:0 0 12px rgba(255,255,255,0.3);}

.share-buttons{display:flex;gap:10px;margin-left:50px;}

.slider-arrows{display:flex;gap:8px;margin-right:80px;}
.slider-arrows button{width:34px;height:34px;border-radius:50%;border:none;background:rgba(15,28,61,0.6);color:white;font-size:18px;cursor:pointer;opacity:.65;transition:all .25s ease;}
.slider-arrows button:hover{background:#16254f;opacity:1;transform:scale(1.05);}

.spa-fade-in{opacity:0;transform:translateY(10px);animation:spaFadeIn .35s ease forwards;}
.spa-fade-out{opacity:0;transform:translateY(10px);transition:all .25s ease;}

.stat-box{text-align:center;}
.stat-label{font-size:13px;opacity:.7;margin-bottom:6px;}
.stat-value{font-size:28px;font-weight:700;letter-spacing:.5px;}

.suggest-dropdown{position:absolute;background:#0b1220;border-radius:10px;width:100%;margin-top:4px;max-height:200px;overflow:auto;display:none;z-index:20;border:1px solid rgba(255,255,255,0.08);}
.suggest-form{max-width:640px;background:rgba(15,28,61,0.6);padding:20px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.5);}
.suggest-item{padding:10px;cursor:pointer;font-size:14px;}
.suggest-item:hover{background:#16254f;}

.tag{background:#1b2a5a;padding:6px 12px;border-radius:20px;font-size:12px;opacity:.9;cursor:pointer;transition:.2s;}
.tag:hover{background:#2a3d7a;transform:translateY(-1px);}

.toast{max-width:90%;text-align:center;position:fixed;overflow:hidden;bottom:50%;left:50%;transform:translateX(-50%) translateY(20px);background:#0f1c3d;color:#fff;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,0.5);z-index:9999;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast.error{border-left:4px solid #ff4d4f;}

.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#00e0ff;transform:scaleX(1);transform-origin:left;transition:transform linear;}

.toggle{width:42px;height:24px;border-radius:20px;background:#ccc;position:relative;cursor:pointer;}
.toggle::after{content:"";position:absolute;top:3px;left:4px;width:18px;height:18px;border-radius:50%;background:white;transition:0.2s;}
.toggle.active{background:#2f343a;}
.toggle.active::after{left:20px;}

.trend-left,.trend-right{position:absolute;z-index:5;width:32px;height:32px;border-radius:50%;border:none;background:#0f1c3d;color:white;cursor:pointer;}
.trend-left{left:0;}
.trend-right{right:0;}


.vote-btn{margin-left:12px;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,#16254f,#0f1c3d);color:#ffffff;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;}
.vote-btn:hover{background:linear-gradient(180deg,#1b2a5a,#16254f);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.5),0 0 10px rgba(0,224,255,0.25);}
.vote-btn:active{transform:scale(0.96);box-shadow:0 0 6px rgba(0,224,255,0.4);}
.vote-btn.voted{background:linear-gradient(180deg,#1f8f5a,#146c43);border:1px solid rgba(46,204,113,0.4);box-shadow:0 0 0 1px rgba(46,204,113,0.4),0 6px 18px rgba(0,0,0,0.6),0 0 18px rgba(46,204,113,0.35);margin-top:15px;}
.vote-btn.voted.pulse{animation:votePulse 0.5s ease-in-out;}

.vote-particle{position:fixed;width:6px;height:6px;background:#00e0ff;border-radius:50%;pointer-events:none;z-index:9999;box-shadow:0 0 6px rgba(0,224,255,0.8);}

.nav-inner{
    display:flex;
    align-items:center;
}

/* MENU spinto a destra */
.main-menu{
    display:flex;
    gap:26px;
    margin-left:auto; /* 🔥 importante */
}

/* ICONE */
.nav-actions{
    display:flex;
    align-items:center;
    gap:0;
    margin-left:12px;
}

/* HAMBURGER */
.menu-toggle{
    display:flex;
    flex-direction:column;
    gap:4px;
    background:none;
    border:none;
    cursor:pointer;
    padding:6px 4px 6px 6px;
}



.menu-toggle span{
    width:20px;
    height:2px;
    background:white;
    display:block;
}

/* SEARCH */
.search-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;


    margin-left:-4px; /* 🔥 effetto abbraccio */

    padding:6px 6px 6px 2px;
}



@keyframes loaderFade{0%,100%{opacity:.4;}50%{opacity:1;}}
@keyframes loaderSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes radarPulse{0%{opacity:.15;transform:translate(-50%,-50%) scale(0.98);}50%{opacity:.35;transform:translate(-50%,-50%) scale(1.02);}100%{opacity:.15;transform:translate(-50%,-50%) scale(0.98);}}
@keyframes radioPulse{0%{box-shadow:0 0 0 1px rgba(46,204,113,0.4),0 6px 18px rgba(0,0,0,0.6),0 0 10px rgba(46,204,113,0.25);}50%{box-shadow:0 0 0 1px rgba(46,204,113,0.6),0 6px 20px rgba(0,0,0,0.6),0 0 22px rgba(46,204,113,0.55);}100%{box-shadow:0 0 0 1px rgba(46,204,113,0.4),0 6px 18px rgba(0,0,0,0.6),0 0 10px rgba(46,204,113,0.25);}}
@keyframes radioScroll{0%{transform:translateX(0);}100%{transform:translateX(calc(-1 * var(--scroll-distance)));}}
@keyframes radioTicker{0%{transform:translateX(0);}100%{transform:translateX(calc(-1 * var(--scroll-distance)));}}
@keyframes spaFadeIn{to{opacity:1;transform:translateY(0);}}
@keyframes votePulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(46,204,113,0.0);}50%{transform:scale(1.15);box-shadow:0 0 18px rgba(46,204,113,0.8);}100%{transform:scale(1);box-shadow:0 0 0 1px rgba(46,204,113,0.4),0 6px 18px rgba(0,0,0,0.6),0 0 18px rgba(46,204,113,0.35);}}
@keyframes verifiedGlow{0%{box-shadow:0 0 6px rgba(46,204,113,0.25);}50%{box-shadow:0 0 18px rgba(46,204,113,0.7);}100%{box-shadow:0 0 6px rgba(46,204,113,0.25);}}


@media (max-width:768px){
.browse-grid{grid-template-columns:1fr;}
.browse-hero{padding:20px 10px 10px;}
.browse-page{padding:10px 10px;}
.country-list{grid-template-columns:1fr;}
.genre-grid{grid-template-columns:repeat(2,1fr);}
.radio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px;}
}

@media (max-width:768px){
.hero-search{padding:20px 16px 30px;margin-bottom:-20px;}
.hero-search-btn{width:42px;height:42px;}
.hero-search-input{height:54px;font-size:17px;padding:0 60px 0 18px;}
.hero-stats{gap:30px;margin:15px 0 25px 0;margin-top:0;margin-bottom:15px;}
.hero-subtitle{font-size:14px;}
.hero-title{font-size:26px;}
.stat-value{font-size:22px;}
} 

@media (max-width:768px){
.nav-inner{display:flex;align-items:center;gap:6px;padding:0 6px;}
.main-menu{display:none;}
.main-menu{gap:18px;}
.main-menu{position:absolute;top:64px;left:0;right:0;background:#0b1220;flex-direction:column;align-items:flex-start;gap:20px;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,0.05);display:none;}
.main-menu.open{display:flex;}
.main-menu a{font-size:16px;}

.logo{flex:0 0 auto;width:185px;margin-left:-2px;}
.logo img{width:100%;}

.menu-toggle{display:flex;}
.menu-toggle.open span:nth-child(1){transform: rotate(45deg) translate(5px, 5px);}
.menu-toggle.open span:nth-child(2){opacity:0;}
.menu-toggle.open span:nth-child(3){transform: rotate(-45deg) translate(6px, -6px);}
.menu-toggle{flex:0 0 auto;margin-left:auto;}

#todayClicksBox{flex:1;display:flex;justify-content:center;align-items:center;font-size:12px;white-space:nowrap;}
#todayClicks{font-size:12px;white-space:nowrap;margin-right:4px;}

.section-header{display:flex;align-items:center;justify-content:space-between;}

.slider-arrows{margin-right:0;display:flex;gap:6px;}
.slider-arrows button{width:30px;height:30px;font-size:16px;}

}

@media (max-width:768px){
.browse-page{padding:10px 12px;max-width:100%;}
.browse-section{transform:none;margin-top:10px;margin-left:0;padding:0;}
.radio-layout{display:flex;flex-direction:column;gap:20px;}
.radio-left{display:flex;justify-content:center;align-items:center;width:100%;margin-left:0;}


.radio-card{min-width:140px;max-width:140px;min-height:180px;max-height:180px;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:flex-start;padding:8px;overflow:hidden;}


.radio-card.hero{width:100%;max-width:300px;box-sizing:border-box;margin:0;min-height:260px;padding:18px;border-radius:18px;}
.radio-card.hero .radio-logo{height:100px;}
.radio-card.hero .radio-name{font-size:18px;margin-top:10px;}
.radio-card.hero .radio-meta{font-size:13px;}
.radio-right{width:100%;display:flex;justify-content:center;}
.radio-info{width:100%;max-width:300px;padding:0;}
.radio-info-row{text-align:left;margin:8px 0;}
.radio-section{padding-left:10px;padding-right:10px;}
.radio-section::before,
.radio-section::after{display:none !important;}
.radio-section{padding-left:0;padding-right:0;}
.radio-share{text-align:left;}
.share-buttons{justify-content:flex-start;}
}

@media (max-width:768px){
.stat-label{font-size:11px;}
.stat-value{font-size:20px;}
.suggest-form{max-width:100%;}
}

@media (max-width:768px){
.behind-decor::before{left:0;top:0%;transform:translateY(-25%);font-size:4.2rem;letter-spacing:2px;opacity:0.5;white-space:normal;}
.cookie-actions{display:flex;gap:10px;width:100%;}
.cookie-actions button{flex:1;width:auto;}
.cookie-box{flex-direction:column;align-items:flex-start;gap:14px;}
#acceptCookies{background:#2f343a;color:#fff;}
#rejectCookies{background:#e5e7eb;color:#222;}
}