@media(min-width:600px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-form-grid,.profile-playback-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-options,.onboarding-genres{grid-template-columns:repeat(3,minmax(0,1fr))}.register-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){:root{--sidebar: 82px}.app-grid{margin-left:var(--sidebar);padding-bottom:24px}.has-player .app-grid{padding-bottom:calc(var(--player-height) + 20px)}.topbar{height:82px;padding:14px 28px}.topbar-start{display:none}.topbar-search{display:block}.mobile-search-link{display:none}.topbar-end{margin-left:auto;gap:10px}.sidebar{width:var(--sidebar);padding:27px 12px 22px;transform:none;z-index:50}.sidebar-head{margin:0 auto 33px}.sidebar-head .brand-mark{width:43px;height:45px}.sidebar-head .brand-name,.sidebar-head .side-close,.sidebar .nav-text,.sidebar .nav-label,.sidebar-footer,.sidebar-promo{display:none}.sidebar .nav-link{justify-content:center;padding:13px}.sidebar .nav-link.active:after{display:none}.sidebar .nav-list{gap:9px}.sidebar-tools{margin-top:30px}.has-player .sidebar{padding-bottom:calc(var(--player-height) + 20px)}.bottom-nav{display:none}.page{padding:27px 28px 42px}.player{left:0;right:0;bottom:0;min-height:var(--player-height);border-radius:0;border:0;border-top:1px solid var(--line-bright);padding:14px 26px;gap:30px;background:var(--bg-deep);z-index:60}.player-track-open{flex:1;max-width:35%}.player-art{width:50px;height:50px}.player-controls{position:absolute;left:50%;transform:translate(-50%);gap:14px}.player-controls .player-desktop{display:inline-flex}.player-extras{display:flex;align-items:center;gap:6px;margin-left:auto}.player-extras input{width:85px}.player-extras .icn{color:var(--muted)}.player-extras .player-volume{display:flex;align-items:center;gap:9px}.pwa-banner,.pwa-update-toast{bottom:calc(var(--player-height) + 20px)}.artist-hero{grid-template-columns:150px minmax(0,1fr)}.artist-hero-visual{width:150px}.notification-item{grid-template-columns:42px minmax(0,1fr) auto}.notification-time{grid-column:auto}.verification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.fullplayer-sheet{padding-block:24px 40px}}@media(min-width:960px){.auth-grid{grid-template-columns:.94fr 1.06fr}.auth-aside{display:flex}.auth-grid{min-height:680px}.auth-form-wrap .auth-brand{display:none}.auth-form-wrap{padding:40px 45px}.auth-page .auth-grid:has([data-auth=register]){grid-template-columns:.85fr 1.15fr}.two-col{grid-template-columns:minmax(0,1fr) minmax(240px,.48fr)}.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-video-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-hero{grid-template-columns:180px minmax(0,1fr);gap:32px}}@media(min-width:1100px){:root{--sidebar: 240px}.sidebar{padding:32px 22px 24px}.sidebar-head{margin:0 9px 37px}.sidebar-head .brand{gap:10px}.sidebar-head .brand-name{display:inline}.sidebar .nav-link{justify-content:flex-start;padding:12px 15px}.sidebar .nav-text{display:inline}.sidebar .nav-label{display:block}.sidebar .nav-list{gap:4px}.sidebar .nav-link.active:after{display:block}.sidebar-promo{display:grid}.sidebar-footer{display:flex}.sidebar-tools{margin-top:auto}.topbar{padding-inline:34px;gap:28px}.topbar-download{display:inline-flex;border-color:var(--line);font-size:.75rem;padding:8px 13px}.page{padding:29px 34px 48px}.admin-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1400px){:root{--sidebar: 250px}.page{padding:32px 42px 48px}.topbar{padding-inline:42px}.hero-art{width:70%}.card-rail,.ytm-rail{grid-auto-columns:calc((100% - 72px)/5)}.quick-grid .track-actions .track-favorite{display:inline-flex}.admin-metrics,.search-video-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1800px){.page{padding-inline:54px}body[data-route=home] .hero{min-height:350px;padding:40px}}@media(max-width:1099px)and (min-width:768px){.sidebar .nav-link{position:relative}.sidebar .nav-link:hover:before{content:attr(aria-label);position:fixed;left:68px;padding:8px 12px;color:var(--ink);background:var(--panel-raised);border-radius:8px;box-shadow:var(--shadow);font-size:12px;z-index:70;pointer-events:none}.sidebar-footer{display:none}}@media(max-width:767px){.toast,.has-player .toast{bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom) + 18px);right:16px}.has-player .toast{bottom:calc(var(--bottom-nav) + var(--player-height) + env(safe-area-inset-bottom) + 18px)}.auth-page .toast,.state-page .toast{bottom:20px}body[data-route=home] .hero{padding:26px;min-height:308px}body[data-route=home] .hero h1{max-width:350px;font-size:clamp(2rem,5.5vw,2.8rem)}body[data-route=home] .hero:after{background:linear-gradient(90deg,#260d44,#260d44e0 35%,#260d444d)}.hero-art{width:90%;opacity:.78;object-position:60% center}.welcome-note,.hero-signature,.track-actions .track-favorite{display:none}.auth-grid{max-width:540px}.auth-page{padding:24px 16px}.auth-form-wrap{padding:28px}input,select,textarea{font-size:16px}.security-session>.profile-pill,.security-session>.text-action{margin-left:60px}.summary-grid{gap:9px}.summary-metric{padding:15px 12px;border-radius:14px}.summary-metric strong{font-size:1.65rem}.summary-metric span{font-size:.7rem}.profile-simple-head,.profile-simple-form{padding:22px}.profile-identity-copy h2{font-size:1.4rem}}@media(max-width:479px){.topbar{height:68px;padding:10px 12px;gap:5px}.topbar-start,.topbar-end{gap:2px}.topbar-start .brand{gap:5px}.topbar .brand-mark{width:28px;height:32px}.topbar .brand-name{font-size:24px}.topbar .brand-name small{font-size:6px}.topbar .theme-toggle{display:none}.topbar .icon-btn{width:40px;height:44px}.topbar .primary-btn{padding-inline:14px;font-size:.8rem}.page{padding:23px 16px 32px}.welcome-row{margin-bottom:20px}.welcome-copy h2{font-size:1.55rem}body[data-route=home] .hero{padding:25px 22px;min-height:310px;border-radius:19px}body[data-route=home] .hero h1{max-width:290px;font-size:2.1rem}body[data-route=home] .hero p:not(.eyebrow){max-width:265px;font-size:.82rem}body[data-route=home] .hero .hero-actions{gap:8px 16px;margin-top:19px}.hero-art{width:100%;opacity:.55;object-position:54% center}.hero h1{font-size:1.9rem}.hero p:not(.eyebrow){font-size:.87rem}.page-section,.discover-section{margin-top:28px}.section-title,.section-heading h2{font-size:1.26rem}.section-head,.section-heading{gap:6px;margin-bottom:15px}.section-head .text-btn{font-size:.73rem}.card-rail,.ytm-rail{grid-auto-columns:min(43vw,174px);gap:14px}.track{grid-template-columns:46px minmax(0,1fr) auto;gap:10px;padding:8px 5px}.quick-grid .track{padding:9px}.track-cover{width:46px;height:46px}.track-actions .icon-btn{width:36px}.track-actions .play-mini{display:none}.genre-grid{gap:10px}.genre-tile{min-height:118px;padding:17px;border-radius:13px}.genre-tile small{left:17px;font-size:.63rem}.genre-tile .icn{right:12px;width:37px;height:37px}.collection-hero{grid-template-columns:minmax(0,1fr);padding:22px;gap:22px}.collection-cover{width:150px}.profile-photo-large{width:66px;height:66px}.profile-identity-row{gap:14px}.profile-simple-head,.profile-simple-form{padding:20px}.profile-playback-settings{padding:17px}.profile-photo-field{gap:12px;align-items:flex-start}.profile-photo-editor{width:45px;height:45px}.notification-item{padding:18px 6px;gap:9px;grid-template-columns:36px minmax(0,1fr)}.notification-icon{width:34px;height:34px}.artist-hero{padding:22px}.artist-hero-visual{width:120px}.artist-stat{padding:11px}.artist-stat strong{font-size:1.1rem}.admin-metric{padding:16px}.admin-metric strong{font-size:1.6rem}.fullplayer-sheet{padding-inline:16px}.fullplayer-art-wrap{width:min(100%,310px)}.fullplayer-top{gap:2px}.fullplayer-top .icon-btn{width:38px}.mode-btn{padding:7px 10px;gap:5px;font-size:.72rem}.queue-row{gap:4px}.queue-row .icon-btn{width:34px;font-size:16px}.queue-meta strong{font-size:.74rem}.dialog{padding:20px}.auth-page{padding:16px 12px}.auth-grid{border-radius:20px}.auth-form-wrap{padding:24px 20px}.search-video-rail{gap:14px}.share-panel{padding:20px}.onboarding-card{margin:0;padding:22px}.genre-options,.onboarding-genres{gap:9px}.genre-option{padding:13px 10px;font-size:.83rem;gap:8px}}@media(max-width:359px){.topbar-start .brand-mark{display:none}.page{padding-inline:12px}body[data-route=home] .hero{padding:22px 18px}body[data-route=home] .hero h1{font-size:1.92rem}.summary-grid{grid-template-columns:minmax(0,1fr)}.summary-metric{display:flex;align-items:center;gap:20px}.genre-grid{gap:9px}.auth-form-wrap{padding:22px 15px}.artist-stats{gap:8px}.admin-metrics{grid-template-columns:minmax(0,1fr)}}@media(hover:none){.cover-play{opacity:1;transform:none;width:34px;height:34px;font-size:18px}.music-card:hover .cover img{transform:none}}@media(max-height:650px)and (orientation:landscape){.fullplayer-art-wrap{width:min(40vh,220px);margin-block:12px}.fullplayer-controls{margin-block:10px}.sidebar-promo{display:none}.sidebar-head{margin-bottom:15px}}@media print{.sidebar,.topbar,.bottom-nav,#player-slot,.page-footer,.preview-badge{display:none!important}.app-grid{margin:0}.page{padding:0}body{background:#fff;color:#000}}