@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:150px;transform:translateY(0)}}body{padding:5rem 2rem 2rem;background:linear-gradient(135deg,rgba(13,94,175,.8),rgba(30,107,199,.8)),url(/static/background.webp);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;color:#fff;font-family:"Cinzel","Trajan Pro","Times New Roman",serif}#connectionLog,.station-info-container{backdrop-filter:blur(10px);border-radius:.5rem}.station-info-container{position:sticky;top:4.5rem;z-index:1020;background:rgba(13,94,175,.95);margin-bottom:1rem}#connectionLog{max-height:200px;background:rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}#currentStationInfo{font-size:1.1rem;padding:.4rem .7rem;margin-bottom:0;background:0 0;border:0}@media (max-width:768px){body{padding:6rem 1rem 2rem}.station-info-container{top:5.5rem;margin-left:-.5rem;margin-right:-.5rem;border-radius:0}#currentStationInfo{font-size:1rem;padding:.5rem}}#nextBtn,#prevBtn{padding-top:.15rem;padding-bottom:.15rem}.card.selected{background-color:rgba(255,255,255,.05);border:1px solid #888}.navbar,.station-card{backdrop-filter:blur(10px)}.station-card{cursor:pointer;transition:background-color .3s,transform .2s;overflow:hidden;padding-bottom:2rem;min-height:150px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.station-card:hover{background-color:rgba(255,255,255,.2);transform:scale(1.02);border-color:rgba(255,255,255,.4)}.station-card.selected{background-color:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.6)}.station-card.playing{background-color:rgba(13,94,175,.5);border:2px solid #0a4e8f;box-shadow:0 0 15px rgba(13,94,175,.6)}.station-card.disabled{opacity:.4;pointer-events:none;filter:grayscale(100%)}.station-card.paused{background-color:rgba(255,193,7,.2);border:2px solid #ffc107;box-shadow:0 0 15px rgba(255,193,7,.3)}.station-status.blinking{animation:blink 2s infinite}.navbar{background:rgba(13,94,175,.9)!important;z-index:1030}.online-counter{font-size:.9rem;color:#fff}.online-counter .badge{font-size:.9rem;padding:.4rem .8rem;background-color:#1a365d!important;color:#fff!important;border:1px solid #2c5282;border-radius:20px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.2)}.station-listeners{background-color:#2563eb!important;color:#fff!important;font-size:.75rem!important;padding:.3rem .6rem!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 6px rgba(0,0,0,.4)!important;backdrop-filter:blur(5px)!important;transition:all .3s ease!important;z-index:10!important;position:relative!important;white-space:nowrap!important;min-width:45px!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}.station-listeners:hover{background-color:#1d4ed8!important;transform:scale(1.05)!important}.station-card{position:relative!important;z-index:1!important}.station-card .position-absolute{z-index:5!important}.station-card .station-listeners{z-index:15!important}.card{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff}.btn-primary{background-color:#0d5eaf;border-color:#0d5eaf}.btn-primary:hover{background-color:#1e6bc7;border-color:#1e6bc7}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.5)}.btn-outline-light:hover{background-color:rgba(255,255,255,.1);border-color:#fff;color:#fff}.text-muted{color:rgba(255,255,255,.7)!important}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:.5px}.navbar-brand,.station-name,h1,h2,h3,h4,h5,h6{font-family:"Cinzel","Trajan Pro","Times New Roman",serif}.navbar-brand{font-weight:700;font-size:1.5rem;letter-spacing:1px}.station-name{font-weight:500;letter-spacing:.3px}.card::after,.card::before{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.card::before{top:0}.card::after{bottom:0}.btn-share{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.online-counter{background:rgba(255,255,255,.1);padding:.3rem .6rem;border-radius:15px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.online-counter #onlineCount{background:linear-gradient(135deg,#0d5eaf,#1e6bc7);color:#fff;font-weight:600;font-size:.75rem;padding:.2rem .4rem;border-radius:8px;min-width:20px;text-align:center}#station-list{padding-top:1rem}.container{padding-bottom:2rem}#connectionLog{position:fixed;bottom:1rem;left:1rem;width:600px;background:0 0;font-family:"Courier New",monospace;font-size:.75rem;color:#0f0;z-index:1000;display:block}#connectionLog .log-header,#connectionLog .log-toggle,.persistent-stats{display:none}#connectionLog .log-body{padding:0;max-height:none;overflow:visible;line-height:1.4}#connectionLog .log-entry,.log-entry.persistent-stat{background:rgba(0,0,0,.85);padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.3)}#connectionLog .log-entry{margin-bottom:0;word-break:break-word}#connectionLog .log-entry.info{color:#00bfff}#connectionLog .log-entry.success{color:#0f0}#connectionLog .log-entry.warning{color:orange}#connectionLog .log-entry.error{color:#f44}#connectionLog .log-entry .timestamp{color:#888;margin-right:.5rem}.log-entry.persistent-stat{font-weight:700}.log-entry.persistent-stat.info{background:rgba(0,0,0,.85);color:#00bfff}.log-entry.persistent-stat.success{background:rgba(0,0,0,.85);color:#0f0}@media (max-width:768px){#connectionLog{width:calc(100vw - 2rem);bottom:.5rem;left:.5rem;right:.5rem;font-size:.7rem}}@media (max-width:480px){#connectionLog{font-size:.65rem}}