._sidebar_1qviz_1{width:240px;height:100%;background-color:#141416;border-right:1px solid #2c2c33;display:flex;flex-direction:column;flex-shrink:0;z-index:100}._logo_1qviz_12{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #2c2c33}._logoIcon_1qviz_20{font-size:1.5rem}._logoText_1qviz_24{font-size:1.125rem;font-weight:700;color:#f9fafb;letter-spacing:-.02em}._nav_1qviz_31{display:flex;flex-direction:column;gap:2px;padding:12px 8px;flex:1;overflow-y:auto}._navItem_1qviz_40{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#d1d5db;font-size:.875rem;transition:all .15s ease;text-decoration:none}._navItem_1qviz_40 i{width:20px;text-align:center;font-size:.875rem}._navItem_1qviz_40:hover{background-color:#222226;color:#f9fafb}._navItem_1qviz_40._active_1qviz_60{background-color:#2a2a2f;color:#f9fafb;font-weight:500}._navItem_1qviz_40._active_1qviz_60 i{color:#3b82f6}@media (max-width: 768px){._sidebar_1qviz_1{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 8px 16px #0000004d}._sidebar_1qviz_1._open_1qviz_79{transform:translate(0)}}._bar_2otug_1{height:80px;background-color:#141416;border-top:1px solid #2c2c33;display:flex;align-items:center;padding:0 16px;gap:16px;z-index:200;flex-shrink:0}._empty_2otug_13{width:100%;text-align:center;color:#9ca3af;font-size:.8125rem}._trackInfo_2otug_20{display:flex;align-items:center;gap:12px;width:240px;flex-shrink:0;min-width:0}._cover_2otug_29{width:48px;height:48px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:#1a1a1e}._cover_2otug_29 img{width:100%;height:100%;object-fit:cover}._coverPlaceholder_2otug_43{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:linear-gradient(135deg,#3b82f6,#1a1a1e)}._meta_2otug_53{overflow:hidden;min-width:0}._title_2otug_58{font-size:.875rem;font-weight:500;color:#f9fafb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._artist_2otug_67{font-size:.8125rem;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._controls_2otug_75{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:600px;min-width:0}._buttons_2otug_85{display:flex;align-items:center;gap:16px}._controlBtn_2otug_91{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#d1d5db;font-size:.8125rem;transition:all .15s ease;position:relative}._controlBtn_2otug_91:hover{color:#f9fafb}._controlBtn_2otug_91._active_2otug_106{color:#3b82f6}._repeatOne_2otug_110{position:absolute;font-size:8px;font-weight:700;bottom:2px;right:2px}._playBtn_2otug_118{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f9fafb;color:#0d0d0f;font-size:.875rem;transition:transform .15s ease}._playBtn_2otug_118:hover{transform:scale(1.05)}._progressRow_2otug_134{display:flex;align-items:center;gap:8px;width:100%}._time_2otug_141{font-size:.75rem;color:#9ca3af;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}._progressBar_2otug_149{flex:1;height:4px;background-color:#2a2a2f;border-radius:2px;cursor:pointer;position:relative}._progressBar_2otug_149:hover{height:6px}._progressBar_2otug_149:hover ._progressFill_2otug_160{background-color:#3b82f6}._progressFill_2otug_160{height:100%;background-color:#f9fafb;border-radius:2px;transition:background-color .15s ease;position:relative}._volumeSection_2otug_172{display:flex;align-items:center;gap:8px;width:160px;flex-shrink:0;justify-content:flex-end}._volumeSlider_2otug_181{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a2a2f;border-radius:2px;outline:none;cursor:pointer}._volumeSlider_2otug_181::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#f9fafb;cursor:pointer}@media (max-width: 768px){._bar_2otug_1{height:64px;padding:0 12px;gap:12px}._trackInfo_2otug_20{width:auto;flex:0 1 auto;max-width:180px}._cover_2otug_29{width:40px;height:40px}._controls_2otug_75{flex:1}._volumeSection_2otug_172{display:none}._buttons_2otug_85{gap:12px}}@media (max-width: 480px){._bar_2otug_1{gap:8px;padding:0 8px}._trackInfo_2otug_20{max-width:120px}._cover_2otug_29{width:36px;height:36px}._progressRow_2otug_134{display:none}._buttons_2otug_85{gap:8px}._controlBtn_2otug_91._hideOnMobile_2otug_242{display:none}}._layout_1devm_1{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden;background-color:#0d0d0f}._main_1devm_11{display:flex;flex:1;overflow:hidden;position:relative}._content_1devm_18{flex:1;overflow-y:auto;padding:24px;min-width:0}._menuToggle_1devm_25{display:none;position:fixed;top:12px;left:12px;z-index:102;width:40px;height:40px;border-radius:8px;background-color:#141416;border:1px solid #2c2c33;color:#f9fafb;font-size:1rem;align-items:center;justify-content:center}._overlay_1devm_42{display:none}@media (max-width: 768px){._content_1devm_18{padding:56px 16px 16px}._menuToggle_1devm_25{display:flex}._overlay_1devm_42{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99}}@media (max-width: 480px){._content_1devm_18{padding:52px 12px 12px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;color:#f9fafb;background-color:#0d0d0f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:#3b82f6;text-decoration:none}a:hover{color:#60a5fa}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:#f9fafb;background-color:#1a1a1e;border:1px solid #2c2c33;border-radius:8px;padding:8px 12px;outline:none;transition:border-color .15s ease}input:focus,textarea:focus,select:focus{border-color:#3b82f6}input::placeholder,textarea::placeholder,select::placeholder{color:#9ca3af}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#222226;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2f}::selection{background:#3b82f633;color:#f9fafb}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}