.Header-module__lnUIdW__header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-4);padding:0 var(--space-6);z-index:50;display:flex;position:fixed;top:0;left:0;right:0}.Header-module__lnUIdW__logo{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:flex}.Header-module__lnUIdW__logoSvg{color:var(--color-primary)}.Header-module__lnUIdW__logoText{color:var(--color-text);white-space:nowrap;font-size:1.125rem;font-weight:700}.Header-module__lnUIdW__searchWrapper{flex:1;max-width:420px;position:relative}.Header-module__lnUIdW__searchIcon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.Header-module__lnUIdW__searchInput{width:100%;height:38px;padding:0 var(--space-4) 0 36px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);transition:border-color var(--transition-fast);font-size:.875rem}.Header-module__lnUIdW__searchInput:focus{border-color:var(--color-primary);outline:none}.Header-module__lnUIdW__searchInput::placeholder{color:var(--color-text-muted)}.Header-module__lnUIdW__dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.Header-module__lnUIdW__resultItem{padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.Header-module__lnUIdW__resultItem:hover{background:var(--color-surface-hover)}.Header-module__lnUIdW__resultInfo{flex-direction:column;gap:2px;display:flex}.Header-module__lnUIdW__resultTitle{color:var(--color-text);font-size:.875rem;font-weight:600}.Header-module__lnUIdW__resultArtist{color:var(--color-text-muted);font-size:.75rem}.Header-module__lnUIdW__resultAction{color:var(--color-text-muted);font-size:.875rem}.Header-module__lnUIdW__desktopNav{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.Header-module__lnUIdW__navLink{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.Header-module__lnUIdW__navLink:hover{background:var(--color-surface-hover);color:var(--color-text)}.Header-module__lnUIdW__navLinkActive{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.Header-module__lnUIdW__navIcon{flex-shrink:0;align-items:center;display:flex}.Header-module__lnUIdW__settingsBtn{width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.Header-module__lnUIdW__settingsBtn:hover{background:var(--color-surface-hover);color:var(--color-text)}.Header-module__lnUIdW__menuBtn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:none}@media (max-width:768px){.Header-module__lnUIdW__header{padding:0 var(--space-3);gap:var(--space-2)}.Header-module__lnUIdW__desktopNav{display:none}.Header-module__lnUIdW__menuBtn{display:flex}.Header-module__lnUIdW__logoText{display:none}.Header-module__lnUIdW__searchWrapper{max-width:none}}
.Sidebar-module__XRNO5a__sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;width:280px;max-width:85vw;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.Sidebar-module__XRNO5a__sidebarOpen{transform:translate(0)}.Sidebar-module__XRNO5a__logo{padding:var(--space-6) var(--space-6) var(--space-4);align-items:center;gap:var(--space-3);display:flex}.Sidebar-module__XRNO5a__logoIcon{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;font-weight:700;display:flex}.Sidebar-module__XRNO5a__logoText{color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.2}.Sidebar-module__XRNO5a__logoSub{color:var(--color-text-muted);font-size:.6875rem;font-weight:400;display:block}.Sidebar-module__XRNO5a__menuLabel{padding:var(--space-4) var(--space-6) var(--space-2);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.625rem;font-weight:700}.Sidebar-module__XRNO5a__nav{padding:0 var(--space-4);flex:1;overflow-y:auto}.Sidebar-module__XRNO5a__navItem{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:12px;width:100%;margin-bottom:2px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.Sidebar-module__XRNO5a__navItem:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.Sidebar-module__XRNO5a__navItemActive{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.Sidebar-module__XRNO5a__navIcon{opacity:.8;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.Sidebar-module__XRNO5a__navItemActive .Sidebar-module__XRNO5a__navIcon{opacity:1}.Sidebar-module__XRNO5a__navDivider{background:var(--color-border-light);height:1px;margin:var(--space-3) var(--space-4)}.Sidebar-module__XRNO5a__adminLink{color:var(--color-primary);font-weight:600}.Sidebar-module__XRNO5a__sidebarFooter{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light)}.Sidebar-module__XRNO5a__logoutBtn{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);transition:all var(--transition-fast);font-size:.875rem;display:flex}.Sidebar-module__XRNO5a__logoutBtn:hover{background:var(--color-surface-hover);color:var(--color-danger)}.Sidebar-module__XRNO5a__overlay{z-index:99;background:#0006;position:fixed;inset:0}
.SettingsDrawer-module__759-zG__overlay{z-index:1000;opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.SettingsDrawer-module__759-zG__overlay.SettingsDrawer-module__759-zG__open{opacity:1;pointer-events:auto}.SettingsDrawer-module__759-zG__drawer{background:var(--color-surface);z-index:1001;flex-direction:column;width:400px;max-width:100vw;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.SettingsDrawer-module__759-zG__drawer.SettingsDrawer-module__759-zG__open{transform:translate(0)}.SettingsDrawer-module__759-zG__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.SettingsDrawer-module__759-zG__header h3{margin:0;font-size:1.125rem;font-weight:700}.SettingsDrawer-module__759-zG__closeBtn{width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.SettingsDrawer-module__759-zG__closeBtn:hover{background:var(--color-surface-hover);color:var(--color-text)}.SettingsDrawer-module__759-zG__body{padding:var(--space-4) var(--space-6);flex:1;overflow-y:auto}.SettingsDrawer-module__759-zG__settingsSection{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.SettingsDrawer-module__759-zG__settingsSection:last-child{border-bottom:none}.SettingsDrawer-module__759-zG__sectionTitle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.SettingsDrawer-module__759-zG__description{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-size:.8125rem;line-height:1.5}.SettingsDrawer-module__759-zG__settingRow{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.SettingsDrawer-module__759-zG__settingInfo{flex-direction:column;gap:2px;display:flex}.SettingsDrawer-module__759-zG__settingLabel{color:var(--color-text);font-size:.9375rem;font-weight:600}.SettingsDrawer-module__759-zG__settingDesc{color:var(--color-text-muted);font-size:.75rem}.SettingsDrawer-module__759-zG__toggleSwitch{background:var(--color-border);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.SettingsDrawer-module__759-zG__toggleSwitch.SettingsDrawer-module__759-zG__toggleOn{background:var(--color-primary)}.SettingsDrawer-module__759-zG__toggleThumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.SettingsDrawer-module__759-zG__toggleOn .SettingsDrawer-module__759-zG__toggleThumb{transform:translate(20px)}.SettingsDrawer-module__759-zG__settingGroup{margin-bottom:var(--space-4)}.SettingsDrawer-module__759-zG__settingGroup .SettingsDrawer-module__759-zG__settingLabel{margin-bottom:var(--space-2);font-size:.875rem;display:block}.SettingsDrawer-module__759-zG__optionPills{gap:var(--space-2);flex-direction:column;display:flex}.SettingsDrawer-module__759-zG__pill{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);text-align:left;transition:all var(--transition-fast);cursor:pointer;flex-direction:column;display:flex}.SettingsDrawer-module__759-zG__pill:hover{border-color:var(--color-text-muted)}.SettingsDrawer-module__759-zG__pillActive{border-color:var(--color-primary);background:var(--color-primary-light)}.SettingsDrawer-module__759-zG__pillLabel{color:var(--color-text);font-size:.875rem;font-weight:600}.SettingsDrawer-module__759-zG__pillDesc{color:var(--color-text-muted);margin-top:1px;font-size:.6875rem}.SettingsDrawer-module__759-zG__pillActive .SettingsDrawer-module__759-zG__pillLabel{color:var(--color-primary)}.SettingsDrawer-module__759-zG__segmentedControl{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:2px;padding:3px;display:flex}.SettingsDrawer-module__759-zG__segment{border-radius:calc(var(--radius-md) - 3px);color:var(--color-text-secondary);text-align:center;transition:all var(--transition-fast);flex:1;padding:6px 8px;font-size:.8125rem;font-weight:500}.SettingsDrawer-module__759-zG__segment:hover{color:var(--color-text)}.SettingsDrawer-module__759-zG__segmentActive{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.SettingsDrawer-module__759-zG__colorGrid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(36px,1fr));display:grid}.SettingsDrawer-module__759-zG__colorBox{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.SettingsDrawer-module__759-zG__colorBox:hover{transform:scale(1.15)}.SettingsDrawer-module__759-zG__colorBox.SettingsDrawer-module__759-zG__active{border-color:var(--color-text)}.SettingsDrawer-module__759-zG__customColorArea{background:var(--color-bg);padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;display:flex}.SettingsDrawer-module__759-zG__customColorArea label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.SettingsDrawer-module__759-zG__colorInputWrapper{align-items:center;gap:var(--space-2);display:flex}.SettingsDrawer-module__759-zG__colorPicker{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:36px;height:36px;padding:0}.SettingsDrawer-module__759-zG__colorPicker::-webkit-color-swatch-wrapper{padding:0}.SettingsDrawer-module__759-zG__colorPicker::-webkit-color-swatch{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.SettingsDrawer-module__759-zG__hexInput{height:36px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);flex:1;font-size:.8125rem}.SettingsDrawer-module__759-zG__hexInput:focus{border-color:var(--color-primary);outline:none}.SettingsDrawer-module__759-zG__applyBtn{height:36px;padding:0 var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);white-space:nowrap;font-size:.8125rem;font-weight:600}.SettingsDrawer-module__759-zG__applyBtn:hover{opacity:.9}
.BottomTabs-module__RBIztW__tabBar{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:50;height:64px;padding-bottom:env(safe-area-inset-bottom,0);display:none;position:fixed;bottom:0;left:0;right:0}.BottomTabs-module__RBIztW__tab{color:var(--color-text-muted);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.BottomTabs-module__RBIztW__tab:active{opacity:.7}.BottomTabs-module__RBIztW__tabActive{color:var(--color-primary)}.BottomTabs-module__RBIztW__tabIcon{justify-content:center;align-items:center;display:flex}.BottomTabs-module__RBIztW__tabLabel{letter-spacing:.02em;font-size:.625rem;font-weight:500}.BottomTabs-module__RBIztW__overlay{z-index:60;background:#0006;animation:.2s BottomTabs-module__RBIztW__fadeIn;position:fixed;inset:0}.BottomTabs-module__RBIztW__moreSheet{background:var(--color-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:61;padding:var(--space-2) var(--space-4) var(--space-6);animation:.25s cubic-bezier(.16,1,.3,1) BottomTabs-module__RBIztW__slideUp;position:fixed;bottom:64px;left:0;right:0;box-shadow:0 -4px 20px #00000026}.BottomTabs-module__RBIztW__moreHandle{background:var(--color-border);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-4)}.BottomTabs-module__RBIztW__moreNav{gap:var(--space-1);flex-direction:column;display:flex}.BottomTabs-module__RBIztW__moreItem{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);transition:background var(--transition-fast);text-align:left;width:100%;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.BottomTabs-module__RBIztW__moreItem:hover,.BottomTabs-module__RBIztW__moreItem:active{background:var(--color-surface-hover)}@keyframes BottomTabs-module__RBIztW__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes BottomTabs-module__RBIztW__slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.BottomTabs-module__RBIztW__tabBar{display:flex}}
.InstallModal-module__4_9PqW__overlay{z-index:100;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.InstallModal-module__4_9PqW__modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);text-align:center;width:100%;max-width:420px}.InstallModal-module__4_9PqW__welcomeIcon{margin-bottom:var(--space-4);font-size:3rem}.InstallModal-module__4_9PqW__modal h2{margin-bottom:var(--space-3)}.InstallModal-module__4_9PqW__welcomeText{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:.9375rem;line-height:1.6}.InstallModal-module__4_9PqW__actions{gap:var(--space-3);flex-direction:column;display:flex}.InstallModal-module__4_9PqW__installBtn{padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:background var(--transition-fast);text-align:center;font-size:1rem;font-weight:600;display:block}.InstallModal-module__4_9PqW__installBtn:hover{background:var(--color-primary-hover)}.InstallModal-module__4_9PqW__skipBtn{padding:var(--space-2);color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.875rem}.InstallModal-module__4_9PqW__skipBtn:hover{color:var(--color-text)}
.layout-module__4PX5ca__appLayout{min-height:100vh}.layout-module__4PX5ca__mainContent{padding-top:var(--header-height);padding-bottom:var(--space-4);max-width:1100px;padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}@media (max-width:768px){.layout-module__4PX5ca__mainContent{padding-left:var(--space-4);padding-right:var(--space-4);padding-bottom:80px}}