body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#1e3a8a 0%,#581c87 50%,#1e40af 100%);min-height:100vh;scroll-behavior:smooth;color:#fff}.spinner-wrap{max-width:780px;margin:0 auto}.spinner-display{background:#111827;color:#f9fafb;border:2px solid #374151;border-radius:1rem;padding:2.5rem 1rem;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}.spinner-name{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2;font-weight:800}.spinner-meta{color:#cbd5e1;margin-top:.25rem}.spinner-controls .btn{min-width:160px}.result-card{background:#1f2937;border:1px solid #374151;border-radius:.75rem}.result-card .card-header{background:#111827;border-bottom:1px solid #374151}.result-card .card-header h5{color:#fff}.result-card .card-body{color:#e5e7eb}.result-card .text-secondary{color:#cbd5e1!important}#res-desc{color:#f1f5f9}.hero-section{padding:80px 20px}.countdown-box{background-color:rgba(255,255,255,.1);padding:1.5rem 2rem;border-radius:1rem;backdrop-filter:blur(10px);min-width:100px;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:all .3s}.countdown-box:hover{background-color:rgba(255,255,255,.15);transform:translateY(-5px)}.countdown-number{font-size:3rem;font-weight:700;color:#fbbf24;line-height:1;margin-bottom:.5rem}.countdown-label{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:#e5e7eb}@media (max-width:576px){.countdown-box{padding:1rem 1.25rem;min-width:70px}.countdown-number{font-size:2rem}.countdown-label{font-size:.75rem}}.cta-button{background-color:#fbbf24;color:#000!important;font-weight:700;padding:20px 40px;font-size:1.5rem;border-radius:50px;text-decoration:none;display:inline-block;transition:all .3s}.cta-button:hover{background-color:#fcd34d;color:#000!important;transform:scale(1.05)}.cta-button:visited,.cta-button:active,.cta-button:focus{color:#000!important}.info-card{background-color:rgba(255,255,255,.1);padding:2rem;border-radius:1rem;backdrop-filter:blur(10px);transition:all .3s}.info-card:hover{background-color:rgba(255,255,255,.2)}.info-card-icon{font-size:2.5rem;margin-bottom:1rem}.music-section{background:linear-gradient(90deg,rgba(0,0,0,.4) 0%,rgba(202,138,4,.2) 50%,rgba(0,0,0,.4) 100%);border-radius:1.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2rem}.music-card{padding:1.5rem;border-radius:1rem;border:1px solid rgba(250,204,21,.1);background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);transition:all .3s}.music-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.3)}.logo-container{background-color:rgba(255,255,255,.1);padding:1.5rem;border-radius:1rem;backdrop-filter:blur(10px)}.card.status-8,.status-8.card,div.status-8{border:3px solid #0f0!important;animation:green-border-flash-override 2s ease-in-out infinite!important;background-color:#2d3748!important;background:#2d3748!important}@keyframes green-border-flash-override{0%{border-color:#0f0!important;border-width:3px!important;box-shadow:0 0 15px rgba(0,255,0,1)!important}50%{border-color:#030!important;border-width:3px!important;box-shadow:0 0 5px rgba(0,255,0,.2)!important}100%{border-color:#0f0!important;border-width:3px!important;box-shadow:0 0 15px rgba(0,255,0,1)!important}}.card{background-color:#2d3748!important;border:1px solid #4a5568!important}.card .small{color:#cbd5e0!important}.card .text-secondary{color:#a0aec0!important}.card .card-text{color:#e2e8f0!important}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.legend-dot-on{background-color:#0f0!important}.legend-dot-soon{background-color:#ff0!important}.legend-dot-off{background-color:#000!important;border:1px solid #666}.legend-dot-flash{background-color:#0f0!important;animation:flash-colors 2s infinite}@keyframes flash-colors{0%{background-color:#0f0!important;opacity:1}50%{background-color:#0f0!important;opacity:.3}100%{background-color:#0f0!important;opacity:1}}.legend-badge{color:#fff;display:flex;align-items:center}.modal-content{background-color:#1a202c!important;color:#e2e8f0!important;border:1px solid #4a5568!important}.modal-header{background-color:#2d3748!important;color:#fff!important;border-bottom:1px solid #4a5568!important}.modal-title{color:#fff!important}.modal-body{background-color:#1a202c!important;color:#e2e8f0!important}.modal-body .text-secondary{color:#a0aec0!important}.modal-body .form-control{background-color:#2d3748!important;color:#e2e8f0!important;border:1px solid #4a5568!important}.modal-body .form-control:focus{background-color:#374151!important;color:#fff!important;border-color:#60a5fa!important;box-shadow:0 0 0 .2rem rgba(96,165,250,.25)!important}.modal-body .form-control::placeholder{color:#6b7280!important}.btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.modal-body .star-btn{background:0 0;border:none;color:#fbbf24;font-size:1.5rem;cursor:pointer;padding:0 .2rem}.modal-body .star-btn:hover:not(:disabled){transform:scale(1.2)}.modal-body .star-btn:disabled{opacity:.5;cursor:not-allowed}.status-on{background-color:#0f0!important;color:#000!important;border-color:#0f0!important}.status-soon{background-color:#ff0!important;color:#000!important;border-color:#ff0!important}.status-off{background-color:#000!important;color:#fff!important;border-color:#333!important}.status-flash{animation:flash-colors 1s infinite;color:#000!important;font-weight:700;border-color:red!important}@keyframes flash-colors{0%,50%{background-color:red}51%,100%{background-color:#ff0}}.nav-link.active{background-color:rgba(255,255,255,.2)!important;border-radius:.25rem}.navbar-brand{font-weight:800}#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);color:#fff;padding:1.5rem;z-index:10000;box-shadow:0 -4px 20px rgba(0,0,0,.5);border-top:2px solid #fbbf24;display:none}#cookie-banner.show{display:block;animation:slideUp .5s ease-out}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-content{max-width:1200px;margin:0 auto}.cookie-buttons{gap:.75rem}@media (max-width:768px){#cookie-banner{padding:1rem}.cookie-buttons{flex-direction:column}.cookie-buttons .btn{width:100%}}