@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--bg:#fff;--fg:#000;--fg-muted:#888;--accent:#000;--progress-bg:#f0f0f0;--progress-fill:#000;--border:#eaeaea}[data-theme=dark]{--bg:#121212;--fg:#fff;--fg-muted:#a0a0a0;--accent:#fff;--progress-bg:#2f2f2f;--progress-fill:#fff;--border:#2a2a2a}*,:before,:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html,body{height:100%;overflow-x:hidden}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}@keyframes trackSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.tracklist{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:100%;max-height:100%;display:flex;overflow-y:auto}.tracklist::-webkit-scrollbar{display:none}.tracklist__item{border:none;border-bottom:1px solid var(--border);color:var(--fg-muted);cursor:pointer;text-align:left;width:100%;animation:.35s cubic-bezier(.22,1,.36,1) both trackSlideIn;animation-delay:calc(var(--i,0) * 40ms + 80ms);background:0 0;align-items:center;gap:14px;padding:12px 0;transition:color .2s,background .2s;display:flex}.tracklist__item:hover,.tracklist__item--active{color:var(--fg)}.tracklist__num{letter-spacing:.05em;min-width:24px;color:inherit;justify-content:center;align-items:center;font-size:10px;display:flex}.tracklist__title{letter-spacing:.08em;color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.tracklist__duration{color:var(--fg-muted);letter-spacing:.05em;font-variant-numeric:tabular-nums;text-align:right;min-width:36px;font-size:10px}@keyframes barBounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.tracklist__bars{align-items:flex-end;gap:2px;height:12px;display:flex}.tracklist__bars span{background:var(--fg);transform-origin:bottom;width:2px;height:100%;animation:.8s ease-in-out infinite barBounce;display:block}.tracklist__bars span:nth-child(2){animation-delay:.15s}.tracklist__bars span:nth-child(3){animation-delay:.3s}@keyframes albumViewIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes coverReveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.album-view{grid-template-columns:1fr 1fr;align-items:start;gap:48px;width:100%;max-width:860px;animation:.45s cubic-bezier(.22,1,.36,1) both albumViewIn;display:grid}.album-view__cover-col{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.album-view__cover-wrap{aspect-ratio:1;background:var(--border);width:100%;position:relative;overflow:hidden}.album-view__cover-wrap:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000006 3px 4px);position:absolute;inset:0}.album-view__cover{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);animation:.5s cubic-bezier(.22,1,.36,1) both coverReveal;display:block}.album-view__cover-fallback{width:100%;height:100%;color:var(--fg-muted);opacity:.08;justify-content:center;align-items:center;font-size:72px;display:flex}.album-view__cover-meta{flex-direction:column;gap:4px;display:flex}.album-view__album-title{color:var(--fg);letter-spacing:.12em;font-size:12px;font-weight:500}.album-view__track-count{color:var(--fg-muted);letter-spacing:.15em;font-size:10px}.album-view__tracklist-col{flex-direction:column;padding-top:4px;display:flex}.album-view__empty{color:var(--fg-muted);letter-spacing:.2em;font-size:11px}@media (width<=680px){.album-view{grid-template-columns:1fr;gap:28px;max-width:100%}.album-view__cover-col{width:85%;margin:0 auto;position:static}.album-view__tracklist-col{padding-top:0;padding-bottom:80px}}@keyframes miniPlayerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes miniTitleSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.mini-player{z-index:200;background:var(--bg);border-top:1px solid var(--border);animation:.4s cubic-bezier(.22,1,.36,1) both miniPlayerIn;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.mini-player__scrubber{cursor:pointer;width:100%;margin-top:-10px;padding:10px 0}.mini-player__scrubber-track{background:var(--border);height:2px;transition:height .1s;position:relative}.mini-player__scrubber:hover .mini-player__scrubber-track{height:3px}.mini-player__scrubber-fill{background:var(--fg);height:100%;transition:width .1s linear}.mini-player__body{align-items:center;gap:20px;padding:10px 28px 14px;display:flex}.mini-player__times{justify-content:space-between;padding:4px 28px 0;display:flex}.mini-player__time{color:var(--fg-muted);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:9px;line-height:1}.mini-player__time--total{opacity:.5}.mini-player__info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mini-player__title{color:var(--fg);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;animation:.3s cubic-bezier(.22,1,.36,1) both miniTitleSlide;overflow:hidden}.mini-player__album{color:var(--fg-muted);letter-spacing:.15em;font-size:9px}.mini-player__controls{flex-shrink:0;justify-content:center;align-items:center;gap:24px;display:flex}.mini-player__nav{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;padding:6px;transition:color .2s;display:flex}.mini-player__nav:hover{color:var(--fg)}.mini-player__play{border:1px solid var(--fg);color:var(--fg);cursor:pointer;background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:flex}.mini-player__play:hover{background:var(--fg);color:var(--bg)}.mini-player__volume{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.mini-player__vol-label{color:var(--fg-muted);letter-spacing:.1em;font-size:8px}.mini-player__vol-slider{appearance:none;background:var(--fg-muted);cursor:pointer;opacity:.5;outline:none;width:64px;height:1px;transition:opacity .2s}.mini-player__vol-slider:hover{opacity:1}.mini-player__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);cursor:pointer;border-radius:50%;width:8px;height:8px}.mini-player__vol-slider::-moz-range-thumb{background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px}@media (width<=680px){.mini-player__body{gap:12px;padding:8px 20px 12px}.mini-player__times,.mini-player__volume{display:none}.mini-player__play{width:34px;height:34px}}@keyframes albumCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.library{width:100%;max-width:600px;padding:0 8px}.library__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.library__album{cursor:pointer;text-align:left;animation:.45s cubic-bezier(.22,1,.36,1) both albumCardIn;animation-delay:calc(var(--album-i,0) * 70ms + 50ms);background:0 0;border:none;flex-direction:column;gap:10px;padding:0;transition:opacity .2s;display:flex}.library__album:hover{opacity:.65}.library__album:active{opacity:.4}.library__album-cover{aspect-ratio:1;background:var(--border);width:100%;position:relative;overflow:hidden}.library__album-cover:after{content:"";pointer-events:none;opacity:0;background:repeating-linear-gradient(#0000 0 3px,#00000008 3px 4px);transition:opacity .3s;position:absolute;inset:0}.library__album:hover .library__album-cover:after{opacity:1}.library__album-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.library__album:hover .library__album-img{transform:scale(1.03)}.library__album-fallback{width:100%;height:100%;color:var(--fg-muted);opacity:.1;justify-content:center;align-items:center;font-size:48px;display:flex}.library__album-title{color:var(--fg);letter-spacing:.06em;font-size:12px;font-weight:500;line-height:1.3}.library__empty{color:var(--fg-muted);letter-spacing:.2em;text-align:center;padding:60px 0;font-size:11px}@media (width<=480px){.library__grid{gap:14px}.library__album-title{font-size:11px}}.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:12px;margin-top:8px;padding-left:14px;display:flex}.code-manager__album-group{flex-direction:column;gap:4px;display:flex}.code-manager__album-title{letter-spacing:.15em;color:var(--fg);text-transform:uppercase;border-bottom:1px dashed var(--border);margin-bottom:4px;padding-bottom:2px;font-size:10px;font-weight:700}.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:540px;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__create-album{gap:8px;display:flex}.admin__create-album .admin__pw-input{flex:1}.admin__album-list{flex-direction:column;gap:8px;display:flex}.admin__album-card{border:1px solid var(--border);transition:border-color .3s}.admin__album-card:hover{border-color:var(--fg-muted)}.admin__album-header{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.admin__album-header:hover{background:var(--bg-hover,#ffffff08)}.admin__album-header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.admin__album-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin__album-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:36px;height:36px}.admin__album-thumb--fallback{background:var(--bg-hover,#ffffff0d);color:var(--fg-muted);opacity:.4;justify-content:center;align-items:center;font-size:16px;display:flex}.admin__album-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.admin__album-name{color:var(--fg);letter-spacing:.05em;cursor:text;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.admin__album-name:hover{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.admin__album-body{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:12px;display:flex}.admin__inline-input{border:1px solid var(--border);color:var(--fg);letter-spacing:.05em;background:0 0;border-radius:2px;outline:none;width:130px;padding:4px 8px;font-family:DM Sans,sans-serif;font-size:11px;transition:border-color .3s}.admin__inline-input:focus{border-color:var(--fg)}.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__file-input{display:none}.admin__file-label{color:var(--fg-muted);letter-spacing:.1em;cursor:pointer;border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding:8px 16px;font-size:11px;transition:all .3s;overflow:hidden}.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;white-space:nowrap;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__button--small{cursor:pointer;padding:4px 10px;font-size:9px}.admin__status{color:var(--fg-muted);letter-spacing:.1em;font-size:10px}.admin__tracklist{flex-direction:column;gap:2px;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:10px;min-width:0;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;min-width:0;font-size:10px;overflow:hidden}.admin__track-remove{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;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;flex-shrink:0;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);text-transform:none}@keyframes viewFadeIn{0%{opacity:0}to{opacity:1}}.player-view{flex-direction:column;min-height:100vh;animation:.4s both viewFadeIn;display:flex}.player-view.has-mini-player{padding-bottom:88px}.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:40px;padding:24px 48px 48px;display:flex}.player-view.has-mini-player .player-view__content{justify-content:flex-start;padding-top:32px}.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 .2s}.player-view__link:hover{color:var(--fg)}@media (width<=680px){.player-view__header{padding:16px 20px}.player-view__content{gap:28px;padding:16px 20px 32px}.player-view.has-mini-player{padding-bottom:78px}}