@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--bg:#fff;--fg:#000;--fg-muted:silver;--accent:#000;--progress-bg:#e8e8e8;--progress-fill:#000;--border:#e0e0e0}[data-theme=dark]{--bg:#0a0a0a;--fg:#fff;--fg-muted:#555;--accent:#fff;--progress-bg:#1a1a1a;--progress-fill:#fff;--border:#222}*,:before,:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html,body{height:100%}body{background:var(--bg);color:var(--fg);text-transform:uppercase;letter-spacing:.12em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;transition:background .4s,color .4s}#root{min-height:100vh}::selection{background:var(--fg);color:var(--bg)}input,button,textarea{font-family:inherit;border-radius:0!important}.login{flex-direction:column;align-items:center;gap:16px;display:flex}.login--error{animation:.4s shake}.login__input{border:1px solid var(--border);color:var(--fg);text-transform:uppercase;letter-spacing:.12em;text-align:center;background:0 0;outline:none;width:280px;padding:12px 20px;font-size:14px;transition:border-color .3s}.login__input::placeholder{color:var(--fg-muted)}.login__input:focus{border-color:var(--fg)}.login__button{background:var(--fg);color:var(--bg);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;border:none;padding:12px 40px;font-size:12px;font-weight:500;transition:opacity .3s}.login__button:hover{opacity:.7}.login__button:disabled{opacity:.3;cursor:default}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.theme-switcher{color:var(--fg);cursor:pointer;background:0 0;border:none;padding:8px;font-size:12px;line-height:1;transition:opacity .3s}.theme-switcher:hover{opacity:.5}.login-view{flex-direction:column;min-height:100vh;display:flex}.login-view__header{justify-content:flex-end;padding:24px 32px;display:flex}.login-view__content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:48px;display:flex}.login-view__title{color:var(--fg-muted);letter-spacing:.3em;font-size:13px;font-weight:400}.login-view__subtitle{color:var(--fg-muted);letter-spacing:.15em;margin-top:-32px;font-size:10px}.player{flex-direction:column;align-items:center;gap:24px;display:flex}.player__track-info{flex-direction:column;align-items:center;gap:4px;display:flex}.player__track-label{color:var(--fg-muted);letter-spacing:.2em;font-size:11px}.player__controls-wrapper{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.player__controls{align-items:center;gap:24px;display:flex}.player__volume-pc{color:var(--fg-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.player__volume-icon{text-transform:uppercase;letter-spacing:.1em;font-size:8px}.player__volume-slider{appearance:none;background:var(--fg-muted);cursor:pointer;opacity:.7;outline:none;width:60px;height:1px;transition:opacity .2s}.player__volume-slider::-webkit-slider-thumb{appearance:none;background:var(--fg);cursor:pointer;border-radius:50%;width:8px;height:8px}.player__volume-slider::-moz-range-thumb{background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px}.player__volume-slider:hover{opacity:1}@media (width<=768px){.player__volume-pc{display:none}}.player__button{border:1px solid var(--fg);color:var(--fg);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex}.player__button:hover{background:var(--fg);color:var(--bg)}.player__icon{font-size:20px;line-height:1;transition:transform .2s}.player__icon--playing{letter-spacing:2px;font-size:16px}.player__nav{color:var(--fg-muted);cursor:pointer;letter-spacing:-2px;background:0 0;border:none;padding:8px;font-size:14px;transition:color .3s}.player__nav:hover{color:var(--fg)}.player__empty{color:var(--fg-muted);letter-spacing:.2em;font-size:12px}.progress-bar-container{background:var(--bg);z-index:100;flex-direction:column;gap:8px;padding:12px 32px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.progress-bar__track-markers{justify-content:center;gap:6px;display:flex}.progress-bar__marker{border:1px solid var(--border);color:var(--fg-muted);letter-spacing:0;cursor:pointer;background:0 0;justify-content:center;align-items:center;width:24px;height:24px;font-family:DM Sans,sans-serif;font-size:9px;transition:all .3s;display:flex}.progress-bar__marker:hover{border-color:var(--fg);color:var(--fg)}.progress-bar__marker--active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.progress-bar__row{align-items:center;gap:16px;display:flex}.progress-bar{background:var(--progress-bg);cursor:pointer;flex:1;height:2px;transition:height .2s;position:relative}.progress-bar:hover{height:4px}.progress-bar__fill{background:var(--progress-fill);height:100%;transition:width .1s linear}.progress-bar__time{color:var(--fg-muted);letter-spacing:.1em;font-variant-numeric:tabular-nums;min-width:40px;font-size:10px}.visualizer-container{z-index:-1;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity 1s;position:fixed;top:0;left:0;overflow:hidden}.visualizer-container.is-playing{opacity:1}.vis-pulse{background:radial-gradient(circle, var(--fg) 0%, transparent 70%);opacity:.1;border-radius:50%;width:40vh;height:40vh;animation:4s ease-in-out infinite alternate pulse-anim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-anim{0%{opacity:.05;transform:translate(-50%,-50%)scale(1)}to{opacity:.15;transform:translate(-50%,-50%)scale(2)}}.vis-particles{width:100%;height:100%;position:absolute}.particle{background:var(--fg);opacity:.2;border-radius:50%;width:10px;height:10px;animation:linear infinite floatUp;position:absolute;bottom:-10%}.particle.p1{width:4px;height:4px;animation-duration:15s;animation-delay:0s;left:20%}.particle.p2{width:8px;height:8px;animation-duration:22s;animation-delay:-5s;left:45%}.particle.p3{width:6px;height:6px;animation-duration:18s;animation-delay:-10s;left:70%}.particle.p4{width:5px;height:5px;animation-duration:26s;animation-delay:-2s;left:85%}.particle.p5{width:9px;height:9px;animation-duration:20s;animation-delay:-8s;left:10%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-110vh)scale(1.5)}}.vis-waves{width:100%;height:30vh;position:absolute;bottom:0;left:0;overflow:hidden}.wave{border:1px solid var(--fg);transform-origin:50%;opacity:.1;background:0 0;border-radius:40%;width:200%;height:200%;animation:linear infinite spin;position:absolute;bottom:-60%;left:50%}.wave.w1{opacity:.05;animation-duration:12s;transform:translate(-50%)rotate(0)}.wave.w2{opacity:.08;border-radius:42%;width:205%;height:205%;animation-duration:16s;left:48%}.wave.w3{opacity:.04;border-style:dashed;border-radius:38%;width:210%;height:210%;animation-duration:20s;left:52%}@keyframes spin{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}.vis-scanline{opacity:.5;width:100%;height:100%;animation:scan drift 8s linear infinite;background:repeating-linear-gradient(#0000 0% 50%,#8080800d 50% 100%) 0 0/100% 4px;position:absolute;top:0;left:0}@keyframes scan{0%{background-position:0 0}to{background-position:0 100vh}}.code-manager{flex-direction:column;gap:16px;display:flex}.code-manager__add-form{background:var(--bg-hover);border:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.code-manager__add{gap:8px;display:flex}.code-manager__input{border:1px solid var(--border);color:var(--fg);text-transform:uppercase;letter-spacing:.1em;background:0 0;outline:none;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:11px;transition:border-color .3s}.code-manager__input:focus{border-color:var(--fg)}.code-manager__permissions{letter-spacing:.1em;color:var(--fg-muted);font-size:10px}.code-manager__checkbox-label{cursor:pointer;align-items:center;gap:6px;display:flex}.code-manager__track-selection{border-left:1px solid var(--border);flex-direction:column;gap:4px;margin-top:8px;padding-left:14px;display:flex}.code-manager__track-check{color:var(--fg);cursor:pointer;letter-spacing:.1em;align-items:center;gap:6px;font-size:10px;display:flex}.code-manager__list{flex-direction:column;gap:8px;display:flex}.code-manager__item-container{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.code-manager__item-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.code-manager__item-info{flex-direction:column;gap:4px;display:flex}.code-manager__item-code{letter-spacing:.1em;color:var(--fg);font-size:11px}.code-manager__item-tracks{letter-spacing:.1em;color:var(--fg-muted);font-size:9px}.code-manager__item-actions{align-items:center;gap:12px;display:flex}.code-manager__edit{border:1px solid var(--fg);color:var(--fg);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:4px 8px;font-size:9px;transition:all .3s}.code-manager__edit:hover{background:var(--fg);color:var(--bg)}.code-manager__remove{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px;transition:color .3s}.code-manager__remove:hover{color:var(--fg)}.code-manager__empty{color:var(--fg-muted);letter-spacing:.15em;margin-top:8px;font-size:10px}.code-manager__edit-form{background:var(--bg-hover);border-left:2px solid var(--fg);flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;display:flex}.admin__button--save-edit{align-self:flex-start;margin-top:8px}.admin{flex-direction:column;gap:40px;width:100%;max-width:480px;padding:0 32px;display:flex}.admin__section{flex-direction:column;gap:16px;display:flex}.admin__section-title{color:var(--fg-muted);letter-spacing:.2em;font-size:10px;font-weight:500}.admin__upload-container{flex-direction:column;gap:12px;display:flex}.admin__upload-controls{align-items:center;gap:12px;display:flex}.admin__selected-file{background:var(--bg-hover);border:1px solid var(--border);color:var(--fg);letter-spacing:.1em;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:10px;display:flex}.admin__track-actions{align-items:center;gap:6px;display:flex}.admin__track-move{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:10px;transition:color .3s}.admin__track-move:hover:not(:disabled){color:var(--fg)}.admin__track-move:disabled{opacity:.2;cursor:default}.admin__file-input{display:none}.admin__file-label{color:var(--fg-muted);letter-spacing:.1em;cursor:pointer;border:1px solid var(--border);padding:8px 16px;font-size:11px;transition:all .3s}.admin__file-label:hover{color:var(--fg);border-color:var(--fg)}.admin__button{border:1px solid var(--fg);color:var(--fg);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:11px;transition:all .3s}.admin__button:hover{background:var(--fg);color:var(--bg)}.admin__button:disabled{opacity:.3;cursor:default}.admin__status{color:var(--fg-muted);letter-spacing:.1em;font-size:10px}.admin__tracklist{flex-direction:column;gap:4px;display:flex}.admin__track-row{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:stretch;transition:opacity .2s,transform .2s;display:flex}.admin__track-row--dragging{opacity:.5;background:var(--bg-hover)}.admin__track-row-content{flex:1;align-items:center;gap:12px;padding:6px 0;display:flex}.admin__track-handle{cursor:grab;border-left:1px solid #0000;justify-content:center;align-items:center;width:32px;padding:6px;transition:border-color .3s;display:flex}.admin__track-handle:hover{border-left-color:var(--border);background:var(--bg-hover)}.admin__track-handle:active{cursor:grabbing}.admin__track-handle-icon{background:var(--fg-muted);width:12px;height:2px;box-shadow:0 -4px 0 var(--fg-muted), 0 4px 0 var(--fg-muted);transition:background .3s,box-shadow .3s}.admin__track-handle:hover .admin__track-handle-icon{background:var(--fg);box-shadow:0 -4px 0 var(--fg), 0 4px 0 var(--fg)}.admin__track-name{letter-spacing:.1em;color:var(--fg);min-width:60px;font-size:11px}.admin__track-file{color:var(--fg-muted);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.admin__track-remove{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px;transition:color .3s}.admin__track-remove:hover{color:var(--fg)}.admin__track-visualizer{border:1px solid var(--border);color:var(--fg);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;outline:none;padding:2px 4px;font-family:DM Sans,sans-serif;font-size:10px;transition:border-color .3s}.admin__track-visualizer:hover,.admin__track-visualizer:focus{border-color:var(--fg-muted)}.admin__empty{color:var(--fg-muted);letter-spacing:.15em;font-size:10px}.admin__pw-form{flex-direction:column;gap:8px;display:flex}.admin__pw-input{border:1px solid var(--border);color:var(--fg);text-transform:uppercase;letter-spacing:.1em;background:0 0;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:11px;transition:border-color .3s}.admin__pw-input:focus{border-color:var(--fg)}.admin__pw-input::placeholder{color:var(--fg-muted)}.player-view{flex-direction:column;min-height:100vh;display:flex}.player-view__header{justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.player-view__header-left,.player-view__header-right{align-items:center;gap:16px;display:flex}.player-view__content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:48px;padding-bottom:60px;display:flex}.player-view__title{color:var(--fg-muted);letter-spacing:.3em;font-size:13px;font-weight:400}.player-view__link{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;border:none;padding:8px;font-family:DM Sans,sans-serif;font-size:11px;transition:color .3s}.player-view__link:hover{color:var(--fg)}