body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.music-library{display:flex;flex:1 1;flex-direction:column}.music-library.loading{align-items:center;justify-content:center}.library-hero{align-items:flex-end;background:linear-gradient(180deg,#1e3a8a 0,var(--bg-main) 100%);display:flex;gap:24px;min-height:300px;padding:80px 24px 24px}.hero-artwork{align-items:center;background:#282828;border-radius:4px;box-shadow:0 8px 24px #00000080;display:flex;font-size:80px;height:232px;justify-content:center;width:232px}.hero-info{display:flex;flex-direction:column;gap:8px}.hero-type{font-size:14px;font-weight:700;text-transform:uppercase}.hero-title{font-size:72px;font-weight:900;letter-spacing:-2px;margin:0}.hero-stats{align-items:center;display:flex;font-size:14px;font-weight:700;gap:4px}.stat-owner{color:#fff}.stat-count,.stat-separator{color:#ffffffb3}.stat-count{font-weight:400}.library-content{background:#0003;flex:1 1;padding:24px}.content-actions{align-items:center;display:flex;gap:32px;margin-bottom:24px}.play-button-large{align-items:center;background:var(--spotify-green);border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;padding-left:4px;transition:transform .1s ease,background-color .1s ease;width:56px}.play-button-large:hover{background:var(--spotify-green-hover);transform:scale(1.05)}.search-container{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;height:32px;max-width:250px;padding:0 12px}.search-icon{color:var(--text-subdued);font-size:14px}.search-input{background:#0000;border:none;color:#fff;font-size:13px;outline:none;padding:0 8px;width:100%}.tracks-table{display:flex;flex-direction:column}.table-header{border-bottom:1px solid #ffffff1a;color:var(--text-subdued);font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase}.table-header,.track-row{display:grid;grid-template-columns:48px 4fr 3fr 2fr 48px;padding:8px 16px}.track-row{align-items:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.track-row:hover{background:#ffffff1a}.track-row.active .track-name{color:var(--spotify-green)}.col-index{color:var(--text-subdued);font-size:14px}.col-title{gap:12px}.col-title,.track-art-small{align-items:center;display:flex}.track-art-small{background:#282828;border-radius:4px;flex-shrink:0;height:40px;justify-content:center;width:40px}.track-art-small img{border-radius:4px;height:100%;object-fit:cover;width:100%}.track-names{display:flex;flex-direction:column}.track-name{color:#fff;font-size:14px;font-weight:500}.col-artist,.col-date{color:var(--text-subdued);font-size:13px}.active-dot{background:var(--spotify-green);border-radius:50%;display:block;height:8px;width:8px}@media (max-width:768px){.hero-title{font-size:40px}.hero-artwork{font-size:50px;height:150px;width:150px}.table-header{display:none}.track-row{grid-template-columns:48px 1fr 48px;padding:12px}.col-artist,.col-date{display:none}.library-hero{min-height:200px;padding-top:40px}}.music-player{align-items:center;background:var(--bg-base);cursor:pointer;display:flex;grid-area:player;height:var(--player-height);padding:0 16px;width:100%;z-index:100}.music-player.empty .player-content{cursor:default;justify-content:center}.player-content{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.no-track{color:var(--text-subdued);font-size:14px}.now-playing{gap:14px;min-width:180px;width:30%}.now-playing,.now-playing-art{align-items:center;display:flex}.now-playing-art{background:#282828;border-radius:4px;height:56px;justify-content:center;overflow:hidden;width:56px}.now-playing-art img{height:100%;object-fit:cover;width:100%}.now-playing-info{display:flex;flex-direction:column}.now-playing-name{color:#fff;cursor:pointer;font-size:14px;font-weight:400}.now-playing-name:hover{text-decoration:underline}.now-playing-artist{color:var(--text-subdued);cursor:pointer;font-size:11px}.now-playing-artist:hover{color:#fff;text-decoration:underline}.heart-button{background:none;border:none;color:var(--text-subdued);cursor:pointer;font-size:18px;margin-left:8px}.player-controls{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:722px;width:40%}.control-buttons{align-items:center;display:flex;gap:24px}.control-icon{background:none;border:none;color:var(--text-subdued);cursor:pointer;font-size:18px;transition:color .1s ease}.control-icon:hover{color:#fff}.play-pause-circle{align-items:center;background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:transform .1s ease;width:32px}.play-pause-circle:hover{transform:scale(1.06)}.play-pause-circle.large{font-size:24px;height:64px;width:64px}.playback-bar{align-items:center;display:flex;gap:8px;width:100%}.time-text{color:var(--text-subdued);font-size:11px;min-width:40px}.progress-bar-container{align-items:center;cursor:pointer;display:flex;flex:1 1;height:12px}.progress-bar-bg{background:#4d4d4d;border-radius:2px;height:4px;position:relative;width:100%}.progress-bar-fill{background:#fff;border-radius:2px;height:100%;position:relative}.progress-bar-container:hover .progress-bar-fill{background:var(--spotify-green)}.progress-handle{background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000080;display:none;height:12px;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px}.progress-bar-container:hover .progress-handle{display:block}.player-tools{align-items:center;display:flex;gap:16px;justify-content:flex-end;width:30%}.tool-icon{background:none;border:none;color:var(--text-subdued);cursor:pointer;font-size:14px}.tool-icon:hover{color:#fff}.volume-bar-container{align-items:center;display:flex;gap:8px;width:125px}.volume-icon{color:var(--text-subdued);font-size:14px}.volume-slider{-webkit-appearance:none;background:#4d4d4d;border-radius:2px;height:4px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;height:0;width:0}.volume-bar-container:hover .volume-slider{background:var(--spotify-green)}.expanded-overlay{align-items:center;animation:slideUp .3s cubic-bezier(.47,0,.745,.715);background:linear-gradient(180deg,#1e3a8a 0,var(--bg-base) 100%);bottom:0;cursor:default;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.collapse-button{background:none;border:none;color:#fff;cursor:pointer;font-size:32px;left:20px;line-height:1;position:absolute;top:20px;z-index:10}.expanded-content{flex-direction:column;gap:16px;height:100%;justify-content:space-evenly;margin:0 auto;max-width:500px;padding:40px 0 20px}.expanded-art,.expanded-content{align-items:center;display:flex;width:100%}.expanded-art{background:#282828;border-radius:8px;box-shadow:0 16px 40px #00000080;flex:0 1 350px;justify-content:center;max-height:350px;max-width:350px;overflow:hidden}.large-art{height:100%;object-fit:cover;width:100%}.large-art-placeholder{font-size:80px}.expanded-info{text-align:left;width:100%}.expanded-track-name{font-size:28px;font-weight:900;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-track-artist{color:var(--text-subdued);font-size:16px;font-weight:500}.soundcloud-waveform-container{display:flex;flex-direction:column;gap:12px;margin:0;min-height:80px;width:100%}.waveform-wrapper{align-items:center;cursor:pointer;display:flex;height:60px;position:relative;width:100%}.waveform-svg{display:block;height:100%;width:100%}.waveform-rect{fill:#ffffff40;transition:fill .2s ease,opacity .2s ease}.waveform-rect.active{fill:#fff}.waveform-wrapper:hover .waveform-rect.active{fill:var(--spotify-green)}.playhead-line{stroke:var(--spotify-green);stroke-width:2;stroke-linecap:round;opacity:.8}.waveform-time-container{color:var(--text-subdued);display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:0 4px}.expanded-controls{display:flex;justify-content:center;width:100%}.control-buttons.large{gap:32px}.player-error-toast{background:#e91429;border-radius:4px;bottom:100px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:3000}@media (max-width:768px){.now-playing{flex:1 1;width:auto}.player-controls{flex:2 1;width:auto}.control-icon.repeat,.control-icon.shuffle,.player-tools{display:none}.expanded-content{max-width:100%;padding:60px 10px 20px}.expanded-track-name{font-size:24px}.expanded-track-artist{font-size:14px}.expanded-art{flex:0 1 250px;max-height:250px;max-width:250px}.soundcloud-waveform-container{min-height:60px}.waveform-wrapper{height:40px}}.sidebar{background:var(--bg-base);display:flex;flex-direction:column;gap:8px;grid-area:sidebar;overflow:hidden;padding:8px}.sidebar-nav{background:var(--bg-main);border-radius:8px;padding:8px 12px}.nav-item{align-items:center;color:var(--text-subdued);cursor:pointer;display:flex;font-weight:700;gap:20px;padding:12px;transition:color .2s ease}.nav-item.active,.nav-item:hover{color:var(--text-main)}.nav-icon{font-size:20px}.sidebar-library{background:var(--bg-main);border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:8px}.library-header{align-items:center;color:var(--text-subdued);cursor:pointer;display:flex;font-weight:700;gap:12px;padding:12px;transition:color .2s ease}.library-header:hover{color:var(--text-main)}.library-icon{font-size:20px}.library-items{margin-top:8px;overflow-y:auto}.playlist-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:background-color .2s ease}.playlist-item:hover{background:var(--bg-card-hover)}.playlist-item.active{background:#ffffff0d}.playlist-icon-box{align-items:center;background:#282828;border-radius:4px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.playlist-icon-box.liked{background:linear-gradient(135deg,#450af5,#c4efd9)}.playlist-info{display:flex;flex-direction:column;overflow:hidden}.playlist-name{color:var(--text-main);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-type{color:var(--text-subdued);font-size:12px}:root{--bg-base:#000;--bg-main:#121212;--bg-card:#181818;--bg-card-hover:#282828;--spotify-green:#1db954;--spotify-green-hover:#1ed760;--text-main:#fff;--text-subdued:#b3b3b3;--sidebar-width:240px;--player-height:90px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg-base);color:#fff;color:var(--text-main);font-family:Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.app{display:grid;grid-template-areas:"sidebar main" "player player";grid-template-columns:240px 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:calc(100vh - 90px) 90px;grid-template-rows:calc(100vh - var(--player-height)) var(--player-height);height:100vh;width:100vw}.main-content{background:#121212;background:var(--bg-main);border-radius:8px;display:flex;flex-direction:column;grid-area:main;margin:8px 8px 8px 0;overflow-y:auto;position:relative}.main-content::-webkit-scrollbar{width:12px}.main-content::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb{background:#ffffff1a;background-clip:content-box;border:3px solid #0000;border-radius:6px}.main-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}@media (max-width:768px){.app{grid-template-areas:"main" "player";grid-template-columns:1fr;grid-template-rows:calc(100vh - 80px) 80px}.sidebar{display:none}.main-content{border-radius:0;margin:0}}
/*# sourceMappingURL=main.c6d0b3eb.css.map*/