:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff}h1{font-size:2.5em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}.sidebar h2,.sidebar h3{color:#fff;margin-bottom:1rem}.sidebar a{color:#646cff;text-decoration:none}.sidebar a:hover{color:#535bf2}.buffering-spinner{display:inline-block;animation:spin 1s linear infinite;font-size:1.2em}@keyframes spin{to{transform:rotate(360deg)}}.control-button:hover .buffering-spinner{opacity:.8}.station-info{padding:20px;color:#fff;overflow-y:auto;margin-top:20px;border-radius:8px;background-color:#2a2a2a;width:100%;box-sizing:border-box;text-align:center}.tracks-container{display:flex;flex-direction:column;gap:12px;align-items:center}.current-track{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 25px;border-radius:8px;background-color:#ffffff1a;margin-bottom:8px;transition:all .3s ease;width:100%;box-sizing:border-box}.previous-track{opacity:.8}.track-icon{display:none}.track-details{flex:1;display:flex;flex-direction:column;gap:5px;text-align:center}.track-label{font-size:.8rem;color:#1db954;margin:0;text-transform:uppercase;font-weight:700}.track-name{font-size:1.2em;font-weight:700;margin:0;color:#fff}.artist-name{font-size:1em;color:#ccc;margin:0}.album-name{font-size:.9em;color:#999;margin:0}.now-playing{font-size:.8em;color:#888}.error-message{padding:15px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px}.error-message p{margin:5px 0;color:#ffb4b0}.error-message p:first-child{color:#ff3b30;font-weight:700}.current-program{background:#ffffff1a;border-radius:8px;padding:15px 25px;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.program-icon{display:none}.program-info{display:flex;flex-direction:column;gap:5px;text-align:center;width:100%}.program-line{margin:0}.program-name{font-size:1.2em;font-weight:700;margin:0;color:#fff}.program-host{font-size:1em;color:#ccc;margin:0}.program-time{font-size:.9em;color:#999;margin:0;font-family:monospace}.next-program{margin-top:8px;font-size:.9em;color:#999;opacity:.8}.current-program span{color:#999}.program-line:first-child span,.program-line:first-child .program-host{color:#fff!important}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{max-width:1200px;margin:0 auto;padding:2rem}header{margin-bottom:2rem}h1{color:#333}.app-container{display:flex;min-height:100%;flex-direction:row-reverse}.sidebar{background:#121212;padding:20px;min-width:250px;color:#fff;display:flex;flex-direction:column;height:100%px}.sidebar h2{margin:0 0 20px;font-size:1.5em;color:#fff;text-align:center;font-weight:700;padding:12px;background-color:#333;border-radius:4px}.main-content{flex:1;padding:20px;display:flex;flex-direction:column;background:#121212}.player-controls{background-color:#2a2a2a;padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.control-button{background-color:#4a4a4a;border:none;border-radius:50%;width:80px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8em}.control-button:hover{background-color:#666}.stream-info{text-align:center}.stream-info h3{margin:0;color:#fff;font-size:1.2rem}.station-link{color:#fff;text-decoration:none;transition:color .2s ease}.station-link:hover{color:#fff;text-decoration:underline}.stream-list{margin-top:20px;overflow-y:auto;flex-grow:1;scrollbar-width:thin;scrollbar-color:#4a4a4a #121212}.stream-list::-webkit-scrollbar{width:8px}.stream-list::-webkit-scrollbar-track{background:#121212}.stream-list::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:4px}.stream-item{padding:12px;cursor:pointer;color:#fff;transition:background-color .2s;border-radius:4px;margin-bottom:4px}.stream-item:hover{background-color:#2a2a2a}.stream-item.active{background-color:#333;font-weight:700}.controls-container{display:flex;align-items:center;gap:30px}.volume-control{display:flex;align-items:center;gap:10px}.volume-icon{font-size:1.5rem;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none;line-height:1}.volume-slider{-webkit-appearance:none;width:200px;height:4px;border-radius:2px;background:#4a4a4a;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.volume-slider:hover::-webkit-slider-thumb{background:#ddd}.volume-slider:hover::-moz-range-thumb{background:#ddd}.playback-controls{display:flex;gap:10px;align-items:center}.large-button{width:120px!important;height:120px!important;font-size:2.5em!important}.sidebar-links{margin-top:20px;padding:0 15px}.blog-link{display:block;padding:10px 15px;margin-bottom:10px;color:#fff;text-decoration:none;background-color:#ffffff1a;border-radius:4px;transition:background-color .3s}.blog-link:hover{background-color:#fff3}@media (max-width: 899px){.app-container{flex-direction:column}.sidebar{min-width:100%;width:100%;order:1}.main-content{order:2;width:100%}.sidebar .player-controls{margin:15px 0;padding:15px;background-color:#1a1a1a;border:1px solid #333}.sidebar .player-controls .controls-container{gap:15px}.sidebar .player-controls .control-button{width:60px;height:60px;font-size:1.4em}.sidebar .player-controls .large-button{width:90px!important;height:90px!important;font-size:2em!important}.sidebar .player-controls .volume-slider{width:150px}}.stream-item,.favorite-button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.stream-list-container{display:flex;flex-direction:column;height:100%}.stream-list-header{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.keyboard-tip{font-size:12px;color:#999;opacity:.8;font-style:italic;display:block;text-align:center}.stream-list{display:flex;flex-direction:column;gap:8px;padding:16px;overflow-y:auto;flex:1}.stream-item{display:flex;align-items:center;justify-content:flex-start;padding:12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#e0e0e0}.stream-item:hover{background-color:#ffffff1a}.stream-item.selected{background-color:#ffffff26}.stream-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:12px;cursor:pointer;text-align:left}.favorite-button{background:none;border:none;padding:4px;cursor:pointer;color:#a0a0a0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:0;min-width:24px}.stream-item:hover .favorite-button,.stream-item.selected .favorite-button,.favorite-button.favorited{opacity:1}.favorite-button:hover{color:#fff;background-color:#ffffff1a}.favorite-button.favorited{color:#fff}.favorite-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d;opacity:1}.stream-item:focus{outline:none}.blog-container{max-width:800px;margin:0 auto;padding:2rem;background-color:#1e1e1e;border-radius:8px;margin-top:3rem;margin-bottom:3rem;color:#fff}.blog-container h1{color:#fff;margin-bottom:1rem;text-align:center}.blog-intro{text-align:center;margin-bottom:2rem;color:#aaa;font-style:italic}.blog-long-scroll{display:flex;flex-direction:column;gap:3rem}.blog-post-full{color:#fff}.blog-post-full h2{font-size:2rem;margin-bottom:.5rem;color:#fff}.blog-post-divider{border-bottom:1px solid rgba(255,255,255,.2);margin:3rem 0 1rem;width:100%}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.blog-post{margin-top:20px}.blog-post-title{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.blog-post-meta{margin-bottom:1.5rem;color:#aaa;font-size:.9rem}.blog-post-image-full{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:1.5rem}.blog-post-content p{margin-bottom:1.5rem;line-height:1.6;color:#eee;font-size:1.1rem}.blog-post-card{background-color:#ffffff1a;border-radius:8px;overflow:hidden;transition:transform .3s ease}.blog-post-card:hover{transform:translateY(-5px)}.blog-post-card a{display:block;color:inherit;text-decoration:none}.blog-post-image{width:100%;height:200px;object-fit:cover}.blog-post-date,.blog-post-author{color:#aaa}.blog-post-excerpt{color:#eee;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-post-container{max-width:800px;margin:0 auto;padding:2rem}.back-to-blog{display:inline-block;margin-bottom:2rem;color:#666;text-decoration:none}.back-to-blog:hover{color:#333}.blog-post-not-found{text-align:center;padding:3rem}.blog-post-content a{color:inherit;text-decoration:none}.blog-post-content a:hover{text-decoration:underline}.blog-post-content ul,.blog-post-content ol{list-style-type:none;padding-left:0;margin-bottom:1.5rem}.blog-post-content li{margin-bottom:.8rem;line-height:1.6}.social-share-container{display:flex;align-items:center;margin-top:1.5rem;gap:15px}.share-label{color:#eee;font-size:1rem}.social-share-buttons{display:flex;gap:15px}.plain-share-button{background:none;border:none;font-size:1rem;color:#eee;padding:0;text-decoration:underline;cursor:pointer;transition:color .2s ease}.plain-share-button:hover{color:#fff}.plain-share-button:focus{outline:none;color:#fff}.share-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:#fff}.share-icon{margin-right:8px}.facebook-share{background-color:#1877f2}.facebook-share:hover{background-color:#0d65d9}.twitter-share{background-color:#1da1f2}.twitter-share:hover{background-color:#0c85d0}.share-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.share-button:active{transform:translateY(1px)}