:root{--bg-color: #0a0a0a;--text-color: #00ff41;--dim-color: #008f11;--error-color: #ff3333;--accent-color: #00ff41;--font-main: "Share Tech Mono", monospace}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);margin:0;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.container{width:100%;max-width:600px;padding:20px;border:2px solid var(--dim-color);box-shadow:0 0 20px #00ff4133;background:#001400e6}header{text-align:center;border-bottom:1px solid var(--dim-color);padding-bottom:10px;margin-bottom:20px}h1{margin:0;font-size:2rem;letter-spacing:3px;font-weight:600;text-shadow:0 0 5px var(--accent-color)}#status-display{font-size:.9rem;color:var(--dim-color);margin-top:5px}.frequency-display{text-align:center;background:#000;padding:20px;border:1px solid var(--dim-color);margin-bottom:20px;position:relative;overflow:hidden;min-height:100px;display:flex;flex-direction:column;justify-content:center}#current-station{font-size:1.8rem;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-text{font-size:.8rem;color:var(--dim-color);text-transform:uppercase}#scan-btn{width:100%;padding:20px;background:var(--bg-color);border:2px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-main);font-size:1.5rem;cursor:pointer;transition:all .1s;text-transform:uppercase;box-shadow:0 0 10px #00ff411a}#scan-btn:hover{background:var(--accent-color);color:var(--bg-color);box-shadow:0 0 20px #00ff4180}#scan-btn:active{transform:scale(.98)}.controls{display:flex;justify-content:space-between;margin-top:20px;align-items:center}.secondary-btn{background:transparent;border:1px solid var(--dim-color);color:var(--dim-color);padding:8px 15px;font-family:var(--font-main);cursor:pointer;text-transform:uppercase}.secondary-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}#volume-control{display:flex;align-items:center;gap:10px;font-size:.9rem}input[type=range]{-webkit-appearance:none;width:100px;height:5px;background:var(--dim-color);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--accent-color);cursor:pointer}.visualizer{display:flex;justify-content:center;gap:5px;height:30px;margin-bottom:20px}.bar{width:8px;background:var(--dim-color);height:100%;animation:visualize .5s infinite alternate}.bar:nth-child(2n){animation-duration:.7s}.bar:nth-child(odd){animation-duration:.4s}@keyframes visualize{0%{height:20%;opacity:.5}to{height:100%;opacity:1;background:var(--accent-color)}}.hidden{display:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--bg-color);border:2px solid var(--accent-color);padding:20px;width:90%;max-width:400px;box-shadow:0 0 30px #000000e6}.modal-content h2{margin-top:0;border-bottom:1px solid var(--dim-color);padding-bottom:10px;font-size:1.2rem}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:.8rem;color:var(--dim-color);margin-bottom:5px}.modal-content input,.modal-content select{width:100%;padding:10px;background:#000;border:1px solid var(--dim-color);color:var(--text-color);font-family:var(--font-main);box-sizing:border-box}.modal-content input:focus,.modal-content select:focus{border-color:var(--accent-color);outline:none}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{flex:1;padding:10px;font-family:var(--font-main);cursor:pointer;font-weight:700}#save-source-btn{background:var(--accent-color);border:none;color:var(--bg-color)}#cancel-source-btn{background:transparent;border:1px solid var(--dim-color);color:var(--dim-color)}#cancel-source-btn:hover{border-color:var(--error-color);color:var(--error-color)}#add-section{margin-top:20px;padding:15px;border:1px solid var(--dim-color);background:#001e0080}#add-section.hidden{display:none}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:.75rem;color:var(--dim-color);margin-bottom:4px;text-transform:uppercase}.form-group input,.form-group select{width:100%;padding:8px;background:#000;border:1px solid var(--dim-color);color:var(--text-color);font-family:var(--font-main);font-size:.9rem;box-sizing:border-box}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color);outline:none}.form-actions{display:flex;gap:10px}#save-btn{flex:1;padding:8px;background:var(--accent-color);border:none;color:var(--bg-color);font-family:var(--font-main);cursor:pointer;font-weight:700}#save-btn:active{transform:scale(.98)}#cancel-btn{flex:1;padding:8px;background:transparent;border:1px solid var(--dim-color);color:var(--dim-color);font-family:var(--font-main);cursor:pointer}#cancel-btn:hover{border-color:var(--error-color);color:var(--error-color)}#stations-list{font-size:.75rem!important;line-height:1.8;color:var(--dim-color)}#stations-list>div:first-child{color:var(--dim-color);opacity:.7}@media(max-width:400px){h1{font-size:1.5rem}#scan-btn{font-size:1.2rem}}