*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}body{background:var(--background-primary);color:var(--text-primary);font-family:font("system");font-size:font-size("sm");min-height:100vh;text-rendering:optimizeLegibility;transition:color .5s,background-color .5s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--terminal-green:#0f0;--terminal-green-90:rgba(0,255,0,.9);--terminal-green-50:rgba(0,255,0,.5);--terminal-green-20:rgba(0,255,0,.2);--terminal-green-10:rgba(0,255,0,.1);--terminal-green-05:rgba(0,255,0,.05);--terminal-white:#fff;--terminal-black:#000;--terminal-dim:#6b7280;--terminal-cyan:#67e8f9;--text-primary:var(--terminal-green);--text-secondary:var(--terminal-white);--background-primary:var(--terminal-black);--background-secondary:var(--terminal-green-05);--glow-primary:0 0 10px var(--terminal-green-50);--glow-secondary:0 0 16px var(--terminal-green)}#app{font-weight:400;margin:0;padding:0;width:100%}.green,a{color:var(--terminal-green);padding:3px;text-decoration:none;transition:.4s}@media(hover:hover){a:hover{background-color:var(--terminal-green-20)}}@media(min-width:1024px){#app{display:block;padding:0;width:100%}}.loading-line{animation:fadeIn .3s ease-in;color:var(--terminal-green);display:flex;gap:4px;margin:8px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ls-date,.ls-perm{color:var(--terminal-dim,#6b7280)}.ls-idx{color:var(--terminal-cyan,#67e8f9)}.ls-tag{color:var(--terminal-yellow,#fbbf24)}.ls-title{color:var(--terminal-green);display:inline-block;max-width:50ch;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.ls-hint{animation:pulse-hint 1.5s ease-in-out infinite;color:var(--terminal-green,#0f0);font-style:italic}@keyframes pulse-hint{0%,to{opacity:.3}50%{opacity:1;text-shadow:0 0 8px var(--terminal-green,#0f0)}}.loading-screen[data-v-7f47b00a]{background:var(--background-primary);height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .3s ease-out;z-index:9999}.content-wrapper[data-v-7f47b00a],.loading-screen[data-v-7f47b00a]{align-items:center;display:flex;flex-direction:column;width:100%}.content-wrapper[data-v-7f47b00a]{padding-top:0}.fade-out[data-v-7f47b00a]{opacity:0;pointer-events:none}.loading-content[data-v-7f47b00a]{align-items:center;display:flex;flex-direction:column;margin-top:0;max-width:500px;width:80%}.header-section[data-v-7f47b00a]{padding:1rem 0;width:100%}.header-section[data-v-7f47b00a],.loading-image[data-v-7f47b00a]{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.loading-image[data-v-7f47b00a]{padding:0}.loading-image img[data-v-7f47b00a]{-o-object-fit:contain;object-fit:contain;width:15rem}.loading-title[data-v-7f47b00a]{color:var(--text-secondary);font-size:1.5em;font-weight:700;margin-bottom:0;margin-top:0;text-align:center}.loading-title[data-v-7f47b00a],.system-info[data-v-7f47b00a]{font-family:Fira Code,monospace}.system-info[data-v-7f47b00a]{background:#00ff000d;border:1px solid #041;color:#0f0;margin-bottom:20px;padding:10px}.info-line[data-v-7f47b00a]{display:flex;font-size:.9em;justify-content:space-between;margin:4px 0}.info-line .label[data-v-7f47b00a]{color:#0f0;opacity:.8}.info-line .value[data-v-7f47b00a]{color:#fff}.status-container[data-v-7f47b00a]{margin:0 auto;max-width:500px;width:100%}.status-line[data-v-7f47b00a]{color:#fff;display:flex;font-family:monospace;justify-content:space-between;margin-bottom:1rem}.progress-bar[data-v-7f47b00a]{background:#041;height:2px;margin:1rem 0}.progress-bar[data-v-7f47b00a],.progress-track[data-v-7f47b00a]{overflow:visible;position:relative}.progress-track[data-v-7f47b00a]{height:100%}.progress-fill[data-v-7f47b00a]{background:#0f0;box-shadow:0 0 16px #0f06;height:100%;position:relative;transition:width .1s linear}.progress-glow-wrapper[data-v-7f47b00a]{background:#0f0;filter:blur(16px);height:26px;left:0;opacity:.1;position:absolute;top:-12px;width:100%}.progress-text[data-v-7f47b00a]{align-items:center;color:#fff;display:flex;font-family:Fira Code,monospace;justify-content:space-between;margin-top:8px}.connecting-text[data-v-7f47b00a]{align-items:center;display:flex;gap:4px}.dots-container[data-v-7f47b00a]{display:inline-flex;gap:2px;width:24px}.dot[data-v-7f47b00a]{animation:appearDot-7f47b00a 1s infinite;opacity:0}.dot[data-v-7f47b00a]:nth-child(2){animation-delay:.2s}.dot[data-v-7f47b00a]:nth-child(3){animation-delay:.4s}@keyframes appearDot-7f47b00a{0%,to{opacity:0}50%{opacity:1}}.percentage[data-v-7f47b00a]{font-family:monospace;min-width:70px;text-align:right}@keyframes connectBlink-7f47b00a{0%,49%{opacity:1}50%,99%{opacity:0}to{opacity:1}}.connected[data-v-7f47b00a]{animation:connectBlink-7f47b00a .1s step-end 2;color:#0f0!important}.radio-controls[data-v-b9c408ef]{flex-shrink:0;gap:.4rem}.control-btn[data-v-b9c408ef],.radio-controls[data-v-b9c408ef]{align-items:center;display:flex}.control-btn[data-v-b9c408ef]{background:none;border:none;color:var(--terminal-green);cursor:pointer;justify-content:center;line-height:0;opacity:.7;padding:.25rem;transition:opacity .15s ease,filter .15s ease}.control-btn[data-v-b9c408ef]:hover{filter:drop-shadow(0 0 4px var(--terminal-green));opacity:1}.control-btn[data-v-b9c408ef]:disabled{cursor:not-allowed;filter:none;opacity:.25}.icon[data-v-b9c408ef]{height:16px;width:16px}.play-btn .icon[data-v-b9c408ef]{height:18px;width:18px}.icon-loading[data-v-b9c408ef]{animation:spin-b9c408ef 1s linear infinite}.volume-bar[data-v-b9c408ef]{background:var(--terminal-green-20);border-radius:2px;cursor:pointer;height:4px;position:relative;width:56px}.volume-fill[data-v-b9c408ef]{background:var(--terminal-green);border-radius:2px;box-shadow:0 0 4px var(--terminal-green-20);height:100%;transition:width .05s ease-out}@keyframes spin-b9c408ef{to{transform:rotate(1turn)}}@media(max-width:600px){.volume-bar[data-v-b9c408ef]{width:36px}.mute-btn[data-v-b9c408ef]{display:none}}.visualizer-container[data-v-917af9cf]{align-items:center;display:flex;flex:1;height:100%;min-width:60px}.visualizer-canvas[data-v-917af9cf]{display:block;height:28px;width:100%}@media(max-width:600px){.visualizer-container[data-v-917af9cf]{min-width:40px}.visualizer-canvas[data-v-917af9cf]{height:20px}}.track-info[data-v-9ba16219]{align-items:center;display:flex;flex-shrink:0;gap:.5rem;max-width:240px;overflow:hidden}.status-badge[data-v-9ba16219]{flex-shrink:0;font-family:Fira Code,monospace;font-size:.65rem;font-weight:500}.status-badge.live[data-v-9ba16219]{color:var(--terminal-green)}.status-badge.offline[data-v-9ba16219]{color:var(--terminal-dim)}.track-text-container[data-v-9ba16219]{flex:1;min-width:0;overflow:hidden}.track-text[data-v-9ba16219]{color:var(--terminal-white);display:inline-block;font-family:Fira Code,monospace;font-size:.7rem;white-space:nowrap}.track-text.scrolling[data-v-9ba16219]{animation:scroll-text-9ba16219 12s linear infinite}@keyframes scroll-text-9ba16219{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(max-width:600px){.track-info[data-v-9ba16219]{max-width:120px}}.radio-footer[data-v-e680c332]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;border:1px solid var(--terminal-green-20);border-radius:6px;bottom:.75rem;font-family:Fira Code,monospace;font-size:.75rem;padding:.4rem .6rem;position:fixed;right:.75rem;z-index:1000}.radio-content[data-v-e680c332]{align-items:center;display:flex;gap:.5rem;height:28px}.radio-error[data-v-e680c332]{color:#f44;font-size:.65rem;margin-top:.2rem;text-align:right}@media(max-width:600px){.radio-footer[data-v-e680c332]{bottom:.5rem;padding:.3rem .5rem;right:.5rem}.radio-content[data-v-e680c332]{gap:.4rem;height:24px}}.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;border:1px solid;border-radius:4px;box-shadow:0 4px 12px #0006;display:flex;font-family:Fira Code,monospace;font-size:14px;justify-content:space-between;padding:12px 16px}.toast--success{background:#002800f2;border-color:#0f0;color:#0f0}.toast--error{background:#280000f2;border-color:#f44;color:#f44}.toast--info{background:#001428f2;border-color:#4af;color:#4af}.toast__message{flex:1;margin-right:12px}.toast__close{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;opacity:.7;padding:0 4px;transition:opacity .2s}.toast__close:hover{opacity:1}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(100%)}
