@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5fbf8;background:#0c1711;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4fda8b;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}a{color:inherit}.app-shell{min-height:100vh;display:flex;background:#101b15}.brand{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:20px;font-weight:500;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0f7c49,#075335);box-shadow:0 7px 22px #0a9f5955}.brand-bold{font-weight:800}.brand-period{color:#43c583}.sidebar{width:242px;flex:none;background:#0c1510;border-right:1px solid #213128;min-height:100vh;display:flex;flex-direction:column;padding:27px 13px 120px;position:sticky;top:0;height:100vh}.sidebar .brand{padding-left:13px;margin-bottom:54px}.nav-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.4px;color:#799385}.nav-label{padding:0 18px;margin-bottom:14px}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:15px;border:0;background:transparent;color:#8ea699;text-align:left;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:700}.nav-item:hover,.nav-item.active{color:#f5fef9;background:#1b3226}.nav-item.active svg{color:#43c583}.sidebar-divider{height:1px;background:#24332b;margin:25px 14px 29px}.sidebar-section{display:flex;justify-content:space-between;align-items:flex-start}.sidebar-plus{background:#213229;border:0;border-radius:6px;color:#a2b8ac;display:grid;place-items:center;width:24px;height:24px;margin-right:13px;margin-top:-5px}.sidebar-albums{overflow:auto;flex:1}.sidebar-album{display:flex;gap:10px;align-items:center;border:0;background:transparent;color:#eaf4ef;text-align:left;padding:8px 12px;width:100%;border-radius:8px}.sidebar-album:hover{background:#1a2921}.sidebar-album .cover{width:39px;height:39px;border-radius:5px;flex:none}.sidebar-album .cover svg{width:19px}.sidebar-album span,.profile span,.player-song span,.lyrics-song span,.song-main span{min-width:0;display:flex;flex-direction:column;gap:3px}.sidebar-album strong,.profile strong,.player-song strong,.lyrics-song strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-album small,.profile small,.player-song small,.lyrics-song small{color:#7b9185;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-empty{font-size:12px;color:#667f72;line-height:1.5;padding:0 18px}.sidebar-bottom{margin-top:auto}.sidebar-promo{margin:12px 6px 20px;border-radius:11px;padding:15px;background:linear-gradient(130deg,#244533,#1a2c22);display:flex;flex-direction:column;gap:7px}.sidebar-promo svg{color:#58ce91}.sidebar-promo strong{font-family:Outfit;font-size:13px}.sidebar-promo span{font-size:11px;line-height:1.4;color:#a1bbad}.profile{border:0;background:transparent;border-top:1px solid #23312a;color:#eaf4ef;display:flex;align-items:center;gap:9px;width:100%;padding:16px 8px 0;text-align:left}.profile img,.avatar-button img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#2c543f}.profile span{flex:1}.profile svg{color:#6f867a}.main-area{min-width:0;flex:1;padding-bottom:115px}.topbar{height:78px;border-bottom:1px solid #202d26;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;color:#799385}.breadcrumb>span:first-child{font-size:10px;font-weight:800;letter-spacing:1.8px}.breadcrumb strong{color:#f0faf5;font-weight:700}.breadcrumb-slash{color:#455a4f}.top-actions{display:flex;align-items:center;gap:19px}.add-button,.primary-button,.hero-button{border:0;color:#fff;background:#0e7646;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;font-weight:700;font-size:12px;box-shadow:0 8px 22px #2edc7932}.add-button:hover,.primary-button:hover,.hero-button:hover{background:#138d53}.avatar-button{border:0;background:transparent;display:flex;align-items:center;color:#7a9386;gap:8px}.avatar-button img{width:29px;height:29px}.content{max-width:1450px;margin:0 auto;padding:31px 43px 60px}.hero{height:297px;border:1px solid #325e47;border-radius:15px;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 53%,#177b4c 0,#295d41 30%,#1d3b2b 59%,#1c3025);display:flex;align-items:center;padding:45px 48px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#1c3025 2%,transparent 75%);pointer-events:none}.hero-text{position:relative;z-index:1}.hero .eyebrow{color:#84eab0}.hero h1{font-size:clamp(30px,3.4vw,47px);letter-spacing:-2px;line-height:1.1;margin:18px 0 13px;font-weight:700}.hero h1 em,.login-copy h1 em{font-style:normal;color:#70dba0}.hero p{font-size:13px;color:#bfd1c7;margin-bottom:23px}.hero-button{background:#eefdf5;color:#295a40;border-radius:7px;box-shadow:none}.hero-art{position:absolute;width:360px;height:360px;right:8%;top:-32px;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid #ffffff2f;border-radius:50%}.orbit-one{width:330px;height:330px}.orbit-two{width:260px;height:260px}.hero-disc,.vinyl{width:220px;height:220px;border-radius:50%;background:repeating-radial-gradient(circle at center,#131f19 0,#131f19 4px,#21352a 5px,#131f19 7px);box-shadow:16px 21px 42px #0e1f1670;display:grid;place-items:center;transform:rotate(-24deg)}.hero-disc>div{border-radius:50%;width:85px;height:85px;display:grid;place-items:center;background:linear-gradient(135deg,#96f7c0,#48d686);color:#29583f;border:8px solid #1b3b2a}.hero-sparkle{position:absolute;font-size:40px;color:#98fac3;right:13px;top:35px}.stats{height:85px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #25332c;margin-bottom:37px}.stats>div:not(.stats-line){display:flex;align-items:center;gap:8px}.stats strong{font:700 24px Outfit;color:#e9faf1}.stats span{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#7e9388}.stats-line{height:26px;width:1px;background:#2f3f36;margin-left:-5px}.stats p{font-size:12px;color:#798e83;margin:0}.section{margin:0 0 37px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:15px}.section-heading h2{font-size:25px;letter-spacing:-.8px;margin:7px 0 0}.heading-actions{display:flex;align-items:center;gap:24px}.text-button,.see-all{border:0;background:none;color:#43c583;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.see-all{color:#a4bbaf}.see-all:hover,.text-button:hover{color:#fff}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.album-card{background:#19261f;border:1px solid #293830;text-align:left;color:#f2fbf6;border-radius:11px;padding:12px 12px 15px;min-width:0;transition:transform .2s,border-color .2s}.album-card:hover{transform:translateY(-3px);border-color:#5ead83}.album-cover-wrap{position:relative;margin-bottom:13px}.cover{background:linear-gradient(145deg,#43795c,#263f32 68%,#192d22);color:#8dc5a7;overflow:hidden;display:grid;place-items:center;aspect-ratio:1}.cover img{width:100%;height:100%;object-fit:cover}.album-cover-wrap .cover{width:100%;border-radius:6px}.card-play{position:absolute;right:11px;bottom:11px;background:#31bf74;color:#153022;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;opacity:0;transform:translateY(6px);transition:.2s}.album-card:hover .card-play{opacity:1;transform:none}.album-card>strong{display:block;font:600 14px Outfit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.album-card>span:last-child{font-size:12px;color:#8aa295}.empty-card{grid-column:1/-1;min-height:170px;border:1px dashed #384d42;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#809e8e;text-align:center;padding:25px}.empty-card strong,.empty-list strong{color:#dbeee4;font:600 16px Outfit}.empty-card span,.empty-list span{font-size:12px}.empty-card .text-button,.empty-list .text-button{margin-top:6px}.song-section{margin-top:13px}.song-list{border:1px solid #27352e;background:#17221c;border-radius:11px;overflow:hidden}.song-list-header,.song-row{display:grid;grid-template-columns:46px minmax(160px,1.5fr) minmax(90px,1fr) 74px;align-items:center}.song-list-header{height:42px;color:#6c8276;font-size:10px;font-weight:800;letter-spacing:1.5px;border-bottom:1px solid #2a3931;padding:0 18px}.song-row{height:66px;padding:0 18px;border-bottom:1px solid #232f29}.song-row:last-child{border-bottom:0}.song-row:hover,.song-row.selected{background:#1d2b24}.song-number{font-size:12px;color:#768f82}.song-main{border:0;background:none;color:#ecf7f1;text-align:left;display:flex;align-items:center;gap:11px;min-width:0;padding:0}.song-main .cover{width:41px;height:41px;flex:none;border-radius:5px}.song-main .cover svg{width:23px}.song-main span:nth-child(2){flex:1}.song-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-main small{font-size:11px;color:#849d90}.row-play{color:#42c482;opacity:0}.song-row:hover .row-play,.song-row.selected .row-play{opacity:1}.song-album{color:#85998e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-actions{display:flex;justify-content:flex-end}.icon-button{border:0;background:none;color:#829a8d;display:grid;place-items:center;width:31px;height:31px;border-radius:6px}.icon-button:hover{color:#85f8b7;background:#2c4337}.empty-list{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#829e8f;text-align:center}.album-detail{margin:0 0 36px}.back-button{border:0;background:none;color:#95c1aa;display:flex;align-items:center;gap:8px;padding:3px 0;margin-bottom:25px;font-size:12px}.album-detail-head{display:flex;gap:27px;align-items:end}.album-detail-head>.cover{width:210px;flex:none;border-radius:8px;box-shadow:0 15px 30px #0005}.album-detail-head>div:last-child{padding-bottom:4px}.album-detail h1{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;line-height:1.05;margin:11px 0}.album-detail p{color:#9db0a6;font-size:13px;max-width:460px;line-height:1.6}.album-meta{display:flex;align-items:center;gap:9px;color:#a8c1b4;font-size:12px}.album-meta strong{color:#f0faf5}.album-buttons{display:flex;gap:10px;margin-top:20px}.outline-button{border:1px solid #445f51;background:transparent;color:#d9f3e5;border-radius:8px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700}.search-box{height:57px;display:flex;align-items:center;gap:12px;border:1px solid #436051;background:#1c3025;border-radius:10px;padding:0 17px;margin:0 0 30px;color:#68df9c}.search-box input{background:none;border:0;outline:none;color:#fff;flex:1;font-size:14px}.search-box>span{font-size:10px;color:#708b7d;border:1px solid #4d6759;padding:4px 6px;border-radius:4px}.player{height:84px;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#121d17;border-top:1px solid #31443a;display:grid;grid-template-columns:1fr minmax(280px,1.2fr) 1fr;align-items:center;padding:0 25px;box-shadow:0 -10px 30px #060d094d}.player-song{display:flex;align-items:center;gap:11px;min-width:0}.player-song .cover{width:50px;height:50px;border-radius:5px;flex:none}.player-song span{max-width:150px}.player-heart{color:#718b7d;margin-left:10px}.player-center{display:flex;flex-direction:column;align-items:center;gap:5px}.transport{display:flex;align-items:center;gap:21px}.transport button{border:0;background:none;color:#a2b5ab;display:grid;place-items:center;padding:3px}.transport .play-toggle{width:30px;height:30px;border-radius:50%;background:#ecf8f2;color:#1c3126}.timeline{width:100%;display:flex;align-items:center;gap:8px;color:#839b8e;font-size:10px}.timeline input{flex:1}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#7f9489}.player-right input{max-width:85px}.lyrics-toggle{border:0;background:none;color:#758f81;margin-right:8px}.lyrics-toggle.active{color:#47c985}input[type=range]{accent-color:#25a963;height:3px;cursor:pointer}.lyrics-panel{position:fixed;right:21px;bottom:98px;width:min(385px,calc(100vw - 42px));height:min(590px,calc(100vh - 130px));z-index:25;background:#1a2c22;border:1px solid #40614f;border-radius:15px;box-shadow:0 25px 80px #0009;display:none;flex-direction:column;overflow:hidden}.lyrics-panel.open{display:flex}.lyrics-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 17px}.lyrics-heading h2{margin:4px 0 0;font-size:25px}.lyrics-song{display:flex;align-items:center;gap:10px;margin:0 24px 12px;padding:11px;background:#24392e;border-radius:8px}.lyrics-song .cover{width:42px;height:42px;border-radius:5px}.lyrics-lines{overflow-y:auto;flex:1;padding:20px 28px 55px;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 87%,transparent);mask-image:linear-gradient(transparent,#000 7%,#000 87%,transparent)}.lyrics-lines button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#698375;font:600 23px/1.35 Outfit;padding:9px 0;transition:color .2s,transform .2s}.lyrics-lines button.past{color:#9fb4a9}.lyrics-lines button.active{color:#70dba0;transform:scale(1.015);transform-origin:left}.lyrics-footer{height:50px;display:flex;align-items:center;gap:9px;padding:0 24px;color:#7eaa93;font-size:11px;border-top:1px solid #30483b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060d09cc;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(610px,100%);max-height:90vh;overflow:auto;background:#1c2b23;border:1px solid #446152;border-radius:15px;padding:26px;box-shadow:0 25px 80px #0008}.modal-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-heading h2{margin:5px 0 0;font-size:26px}.modal form{display:flex;flex-direction:column;gap:17px}.modal label{display:flex;flex-direction:column;gap:7px;color:#dce9e2;font-size:12px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal input:not([type=file]),.modal select,.modal textarea{width:100%;border:1px solid #455b4f;background:#141f19;color:#f2faf6;border-radius:7px;padding:11px 12px;font-size:13px;outline:none}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#54e794}.modal textarea{resize:vertical;line-height:1.5}.modal input[type=file]{font-size:11px;color:#9bb7a8;border:1px dashed #4a6958;border-radius:7px;padding:10px;width:100%}.modal input[type=file]::file-selector-button{border:0;border-radius:5px;padding:7px 9px;background:#49785f;color:#fff;margin-right:8px;cursor:pointer}.optional,.hint{display:inline;color:#819f8f;font-size:10px;font-weight:400}.form-error{color:#ffc0cc;background:#5a273444;border:1px solid #b65b6f;border-radius:7px;padding:10px;font-size:12px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:3px}.delete-button{border:0;background:none;color:#d290a3;display:flex;align-items:center;gap:6px;font-size:12px;margin-right:auto}.loading-screen{height:100vh;display:grid;place-content:center;gap:20px;background:#0d1b14}.loading-dot{width:8px;height:8px;background:#55f69b;border-radius:50%;margin:auto;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2;transform:scale(.6)}}.login-page{min-height:100vh;background:#0d1b14;position:relative;overflow:hidden}.login-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:#076c3d44;filter:blur(130px);left:35%;top:10%}.login-shell{position:relative;max-width:1320px;margin:auto;padding:35px 55px}.login-content{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.login-visual{height:500px;position:relative;display:grid;place-items:center}.vinyl{position:absolute;width:340px;height:340px}.vinyl-back{transform:translate(-50px,-30px) rotate(-25deg);background:repeating-radial-gradient(circle,#14231b 0,#14231b 5px,#253e31,#14231b 9px);opacity:.6}.vinyl-front{transform:translate(45px,20px) rotate(15deg);box-shadow:20px 35px 70px #0008}.vinyl-center{width:130px;height:130px;background:linear-gradient(145deg,#5bd18e,#138c53);border:12px solid #192c22;border-radius:50%;display:grid;place-items:center;color:#244e38}.visual-note{position:absolute;color:#5bd18e;font-size:50px;text-shadow:0 0 35px #25a963}.note-one{left:10%;top:13%}.note-two{right:6%;bottom:15%;font-size:65px}.login-copy{position:relative;z-index:1}.accent{color:#43c583}.login-copy h1{font-size:clamp(48px,5vw,73px);letter-spacing:-3px;line-height:1.04;margin:22px 0 25px}.login-copy p{font-size:16px;line-height:1.7;color:#a2bcae;max-width:410px}.login-action{margin-top:30px;min-height:48px}.google-button{min-height:44px}.login-footnote{display:flex;align-items:center;gap:10px;color:#6e877a;font-size:10px;font-weight:700;letter-spacing:1.6px;margin-top:19px}.tiny-line{width:25px;height:1px;background:#799d8a}.setup-note{color:#aed6c1!important;font-size:13px!important}.login-shell footer{border-top:1px solid #283d32;color:#5c7668;font-size:10px;letter-spacing:2px;display:flex;justify-content:center;gap:15px;padding-top:22px}.login-shell footer span{color:#43c583}.avatar-placeholder{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#4a8c69;color:#dbfae9;flex:none}.local-badge{border:1px solid #48725c;border-radius:20px;padding:7px 10px;color:#5bd18e;background:#243d30;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}@media(max-width:1050px){.sidebar{width:205px}.topbar{padding:0 28px}.content{padding:28px}.hero-art{right:-55px;opacity:.75}.hero-text{max-width:70%}.album-grid{gap:12px}.player{grid-template-columns:1fr 1.2fr .7fr}.player-heart{display:none}}@media(max-width:760px){.sidebar{width:64px;padding:20px 8px 95px}.sidebar .brand{padding:0;margin:0 0 40px;justify-content:center}.sidebar .brand>span,.sidebar .nav-label,.sidebar-divider,.sidebar-section,.sidebar-albums,.sidebar-bottom{display:none}.sidebar nav{gap:8px}.nav-item{font-size:0;justify-content:center;padding:12px 0}.nav-item svg{flex:none}.topbar{height:65px;padding:0 18px}.content{padding:20px 17px}.hero{height:270px;padding:28px}.hero-text{max-width:85%}.hero h1{font-size:31px}.hero-art{right:-130px;opacity:.3}.stats{gap:15px}.stats p{display:none}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.song-list-header,.song-row{grid-template-columns:32px minmax(130px,1fr) 70px}.song-list-header span:nth-child(3),.song-album{display:none}.song-row,.song-list-header{padding:0 10px}.song-main .cover{width:36px;height:36px}.player{left:0;height:72px;padding:0 14px;grid-template-columns:1fr 1fr}.player-song .cover{width:40px;height:40px}.player-center{align-items:flex-end}.timeline,.player-right{display:none}.transport{gap:13px}.lyrics-panel{bottom:82px}.album-detail-head>.cover{width:135px}.album-detail-head{gap:17px}.album-detail h1{font-size:29px}.album-detail p{display:none}.login-shell{padding:25px}.login-content{display:flex;flex-direction:column;gap:0;justify-content:center}.login-visual{height:270px;width:100%}.vinyl{width:210px;height:210px}.vinyl-center{width:80px;height:80px;border-width:7px}.vinyl-center svg{width:30px}.login-copy h1{font-size:46px}.login-copy p{font-size:14px}.login-shell footer{display:none}}@media(max-width:490px){.topbar .breadcrumb>span:first-child,.breadcrumb-slash,.avatar-button{display:none}.local-badge{font-size:9px;letter-spacing:0;padding:6px}.add-button{font-size:0;gap:0;padding:9px}.add-button svg{width:18px}.hero{height:295px}.hero-text{max-width:100%}.hero h1{font-size:30px}.hero p{max-width:210px}.section-heading h2{font-size:22px}.heading-actions{gap:6px}.heading-actions .text-button{font-size:0}.heading-actions .text-button svg{width:20px;height:20px}.album-detail-head{align-items:start}.album-detail-head>.cover{width:105px}.album-detail h1{font-size:24px}.album-buttons{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.modal{padding:18px}.player-song span{max-width:88px}.player-song strong{font-size:11px}.player-song small{font-size:10px}}.sync-hidden{display:none}.sync-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sync-entry>span,.sync-toolbar>span{color:#9bb5a5;font-size:11px;line-height:1.4}.sync-backdrop{z-index:60}.sync-modal{width:min(1000px,100%);max-height:95vh;overflow:auto;background:#18241c;border:1px solid #3f6b4d;border-radius:15px;padding:26px;box-shadow:0 25px 80px #0009}.sync-modal .modal-heading h2{font-size:clamp(21px,3vw,28px);margin-bottom:0}.sync-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.sync-lyrics{max-height:min(43vh,430px);min-height:170px;overflow:auto;border:1px solid #355842;background:#101b14;border-radius:9px;padding:10px}.sync-row{display:grid;grid-template-columns:37px 95px minmax(0,1fr);gap:8px;align-items:center;border-radius:7px;padding:5px}.sync-row.selected{background:#244b32}.sync-row-select{border:0;border-radius:5px;background:#254332;color:#c9ead2;height:35px;font-size:11px;font-weight:700}.sync-row.selected .sync-row-select{background:#0e7646;color:#fff}.sync-time,.sync-text{min-width:0;width:100%;height:35px;border:1px solid #41614a;border-radius:5px;background:#142219;color:#ecf7ef;padding:6px 8px;font-size:12px}.sync-time{text-align:center;font-variant-numeric:tabular-nums}.sync-time:focus,.sync-text:focus{outline:1px solid #43c583;border-color:#43c583}.sync-stanza-gap{height:11px}.sync-audio{margin:18px 0 10px;border:1px solid #355842;border-radius:9px;background:#101b14;padding:15px}.sync-waveform{height:94px;display:flex;align-items:center;gap:1px;overflow:hidden;cursor:crosshair}.sync-waveform>span:not(.sync-waveform-note){flex:1;min-width:1px;background:#467454;border-radius:3px}.sync-waveform>span.passed{background:#2cbd71}.sync-waveform-note{width:100%;text-align:center;color:#8fac98;font-size:12px}.sync-audio input[type=range]{width:100%;margin:9px 0 12px}.sync-transport{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.sync-transport>span{color:#c6d9cb;font-size:12px;font-variant-numeric:tabular-nums}.sync-notice{font-size:12px;line-height:1.5;color:#a7e9be;background:#1a3b27;border:1px solid #3b7650;border-radius:7px;padding:9px 11px;margin:0 0 10px}.sync-modal>.form-error{margin-bottom:10px}.sync-modal>.modal-actions{margin-top:15px}@media(max-width:600px){.sync-modal{padding:15px}.sync-row{grid-template-columns:28px 80px minmax(0,1fr);gap:4px;padding:4px}.sync-row-select,.sync-time,.sync-text{font-size:11px}.sync-transport{gap:8px}.sync-transport .primary-button,.sync-transport .outline-button{padding:9px;font-size:11px}}.album-order-hint{color:#9bb5a5;font-size:12px;margin:-8px 0 14px}.album-order-error{margin-bottom:12px}.album-order-list .song-list-header,.album-order-list .song-row{grid-template-columns:46px minmax(140px,1.5fr) minmax(80px,1fr) 142px}.album-order-list .song-actions .icon-button:disabled{opacity:.25}.album-order-list .song-actions .icon-button:disabled:hover{background:none;color:#829a8d}@media(max-width:760px){.album-order-list .song-list-header,.album-order-list .song-row{grid-template-columns:25px minmax(0,1fr) 108px}.album-order-list .song-row,.album-order-list .song-list-header{padding-left:7px;padding-right:7px}.album-order-list .song-actions .icon-button{width:27px;height:30px}.album-order-list .song-main .cover{display:none}}.song-number small{font-size:12px}.album-drag-number{display:flex;align-items:center;gap:2px}.drag-handle{width:26px;height:38px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:6px;background:transparent;color:#8ab49b;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.drag-handle:hover,.drag-handle:focus-visible{background:#264735;color:#bbf3d0}.drag-handle:active{cursor:grabbing}.drag-handle:disabled{opacity:.3;cursor:not-allowed}.album-order-list .song-row{position:relative}.album-order-list .song-row.drag-source{opacity:.42}.album-order-list .song-row.drop-before:before,.album-order-list .song-row.drop-after:after{content:"";position:absolute;left:6px;right:6px;height:3px;border-radius:3px;background:#61e99a;z-index:2;pointer-events:none}.album-order-list .song-row.drop-before:before{top:0}.album-order-list .song-row.drop-after:after{bottom:0}.song-drag-ghost{position:fixed;z-index:100;pointer-events:none;display:flex;align-items:center;gap:8px;max-width:min(290px,65vw);padding:11px 14px;border:1px solid #5fca83;border-radius:9px;background:#214b32;color:#eefaf2;box-shadow:0 12px 35px #0009;font-size:12px}.song-drag-ghost strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.album-drag-number small{display:none}.album-order-list .drag-handle{width:23px}.song-drag-ghost{max-width:60vw}}.user-invite{display:flex;gap:10px;margin:20px 0;align-items:center}.user-invite input,.user-row select,.user-invite select{border:1px solid #455b4f;background:#141f19;color:#f2faf6;border-radius:7px;padding:11px 12px}.user-invite input{flex:1;min-width:0}.user-invite label{display:flex;align-items:center;gap:8px;color:#dce9e2;font-size:12px;font-weight:700}.user-invite label input{width:90px;flex:none}.user-list{border:1px solid #27352e;background:#17221c;border-radius:11px;overflow:hidden}.user-row{display:flex;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid #293830}.user-row:last-child{border-bottom:0}.user-row>div{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.user-row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.user-row small{font-size:11px;color:#829a8d}.user-row .delete-button{margin:0}:root{--ink: #111018;--surface: #191722;--surface-raised: #211e2b;--surface-soft: #292435;--line: #373141;--text-muted: #aaa2b5;--violet: #b995ff;--violet-strong: #9466ed;--coral: #ff8d78;--aqua: #65ded0}body,:root{color:#f7f4fb;background:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--violet)}.app-shell{background:#16141d}.sidebar{background:#100f17;border-color:#292533}.brand-mark{background:linear-gradient(145deg,#bd8aff,#7654dc);box-shadow:0 7px 22px #9f6cff42}.brand-period,.nav-item.active svg,.sidebar-promo svg,.accent{color:var(--violet)}.nav-label,.eyebrow{color:#a69ab6}.nav-item{color:#aaa3b5}.nav-item:hover,.nav-item.active{background:#292139;color:#fff9ff}.sidebar-divider,.profile,.topbar{border-color:#302b39}.sidebar-plus,.sidebar-album:hover{background:#292435}.sidebar-promo{background:linear-gradient(130deg,#34233f,#211d2a)}.sidebar-promo span,.profile small,.sidebar-album small{color:#ada4ba}.profile,.sidebar-album{color:#f3eff8}.main-area{background:#16141d}.breadcrumb{color:#a69db0}.breadcrumb strong{color:#f6f2fb}.add-button,.primary-button{background:var(--coral);color:#301814;box-shadow:0 8px 22px #ff8d7833}.add-button:hover,.primary-button:hover{background:#ffa18f}.hero{border-color:#514069;background:radial-gradient(circle at 78% 53%,#694394 0,#44305d,#2b2339 64%,#211e2d)}.hero:after{background:linear-gradient(90deg,#211e2d 2%,transparent 78%)}.hero .eyebrow{color:#e2caff}.hero h1 em,.login-copy h1 em{color:#d8baff}.hero p{color:#d0c7d8}.hero-button{background:#fff1e8;color:#563532}.hero-disc>div{background:linear-gradient(135deg,#ffd1a8,#ff8d78);color:#5b2f48;border-color:#34233f}.hero-sparkle{color:#ffd5bc}.stats{border-color:#302b39}.stats strong{color:#f5efff}.stats span,.stats p{color:#a69eb1}.stats-line{background:#453c50}.text-button{color:var(--violet)}.see-all{color:#c2b8ce}.album-card{background:#1e1c27;border-color:#342f3e;color:#f8f4fc}.album-card:hover{border-color:#9a78cb}.cover{background:linear-gradient(145deg,#594271,#30293e 68%,#211e2d);color:#c6a7e9}.card-play{background:var(--coral);color:#351b1d}.album-card>span:last-child,.song-main small,.song-album{color:#b1a9bc}.song-list,.user-list{background:#1c1a24;border-color:#37313f}.song-list-header{color:#a29aaa;border-color:#37313f}.song-row{border-color:#302c38}.song-row:hover,.song-row.selected{background:#292435}.song-number{color:#aea6ba}.row-play,.lyrics-toggle.active{color:var(--aqua)}.icon-button{color:#aaa1b5}.icon-button:hover{color:#e8fffb;background:#253638}.back-button{color:#d0b9fa}.album-meta{color:#c2b7cb}.outline-button{border-color:#574c65;color:#eee4fa;background:#211e29}.outline-button:hover{border-color:var(--violet);background:#2b2538}.search-box{border-color:#514363;background:#211e2c;color:var(--violet)}.search-box>span{border-color:#554a63;color:#bdb1ca}.player,.lyrics-panel{background:#17151f;border-color:#403849}.player{isolation:isolate;overflow:hidden}.lyrics-panel{isolation:isolate}.player:before,.lyrics-panel:before,.album-detail:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;z-index:0;pointer-events:none;background-image:linear-gradient(110deg,#13111be8,#17141fc4),var(--artwork-image,none);background-position:center;background-size:cover;filter:blur(28px) saturate(1.15);opacity:.72}.player>*,.lyrics-panel>*{position:relative;z-index:1}.player{border-top-color:#494052}.transport button{color:#c2b9cd}.transport .play-toggle{background:var(--aqua);color:#102522;width:34px;height:34px;box-shadow:0 0 22px #65ded044}.timeline,.player-right{color:#c2b9cd}input[type=range]{accent-color:var(--aqua)}.lyrics-panel{background:#1b1823;border-color:#594963}.lyrics-lines button{color:#9e96a9}.lyrics-lines button.past{color:#c1b8ca}.lyrics-lines button.active{color:var(--aqua);text-shadow:0 0 22px #65ded044}.lyrics-footer{color:#8de5da;border-color:#44394a}.lyrics-song{background:#292435}.modal-backdrop{background:#09070ecc}.modal,.sync-modal{background:#201d28;border-color:#51445c}.modal input:not([type=file]),.modal select,.modal textarea,.user-invite input,.user-row select,.user-invite select{border-color:#51485b;background:#17151f;color:#f7f2fb}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--violet)}.modal input[type=file]{border-color:#675477;color:#c2b3d0}.modal input[type=file]::file-selector-button{background:#654c83;color:#fff}.optional,.hint,.sync-entry>span,.sync-toolbar>span{color:#b1a6be}.form-error{color:#ffc1bd;background:#4b292d;border-color:#a95d64}.delete-button{color:#ff9c9e}.sync-modal{background:#201b29;border-color:#574266}.sync-lyrics,.sync-audio{border-color:#473a53;background:#15131d}.sync-row.selected{background:#30253c}.sync-row-select{background:#382b48;color:#e7d9f5}.sync-row.selected .sync-row-select{background:var(--violet-strong);color:#fff}.sync-time,.sync-text{border-color:#50445a;background:#1b1822;color:#f6f0fb}.sync-time:focus,.sync-text:focus{outline-color:var(--violet);border-color:var(--violet)}.sync-waveform>span:not(.sync-waveform-note){background:#705189}.sync-waveform>span.passed{background:var(--aqua)}.sync-notice{color:#baf4e8;background:#1c3b38;border-color:#397d73}.album-order-hint{color:#b8afc3}.drag-handle{color:#c0a2e2}.drag-handle:hover,.drag-handle:focus-visible{background:#352844;color:#f0ddff}.album-order-list .song-row.drop-before:before,.album-order-list .song-row.drop-after:after{background:var(--coral)}.song-drag-ghost{border-color:var(--coral);background:#392633;color:#fff4f0}.local-badge{border-color:#625077;color:#dbc4ff;background:#292335}.avatar-placeholder{background:#654e85;color:#f1e6ff}.login-page,.loading-screen{background:#111018}.login-glow{background:#8f55c844}.vinyl-center{background:linear-gradient(145deg,#ffd1a8,#ff8d78);border-color:#2d2438;color:#542e40}.visual-note{color:#d9baff;text-shadow:0 0 35px #a06aff55}.login-copy p{color:#c4bbcf}.login-footnote,.login-shell footer{color:#94899f}.login-shell footer span{color:var(--coral)}.tiny-line{background:#9a83b3}.setup-note{color:#d9c8eb!important}.loading-dot{background:var(--coral)}.album-detail{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:18px;margin-left:-18px;margin-right:-18px}.album-detail:before{top:-45px;right:-45px;bottom:-45px;left:-45px;background-image:linear-gradient(100deg,#16141dde,#16141dc9),var(--artwork-image,none);opacity:.8;filter:blur(35px) saturate(1.25)}.album-detail-head,.album-detail>.back-button{position:relative;z-index:1}.album-detail-head>.cover{box-shadow:0 18px 42px #09070d99}@media(prefers-reduced-motion:reduce){.album-card,.card-play,.lyrics-lines button{transition:none}.album-card:hover{transform:none}}:root{--orange:#ff8a24;--orange-light:#ffb25b;--orange-soft:#ffd19f;--orange-deep:#b95013;--ink:#15120f;--surface:#201a16;--surface-raised:#2a211b;--line:#49372a;--text-muted:#b7a596;--violet:var(--orange);--violet-strong:#e87518;--coral:var(--orange);--aqua:var(--orange)}body,:root{color:#fff7ef;background:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--orange-light)}.app-shell,.main-area{background:#191511}.sidebar{background:#120f0d;border-color:#34271e}.brand-mark{background:linear-gradient(145deg,#ffad52,#d85f12);box-shadow:0 7px 22px #ff8a2440}.brand-period,.nav-item.active svg,.sidebar-promo svg,.accent{color:var(--orange-light)}.nav-label,.eyebrow{color:#b9a18c}.nav-item{color:#b7a99c}.nav-item:hover,.nav-item.active{background:#34251a;color:#fff7ef}.sidebar-divider,.profile,.topbar{border-color:#382a20}.sidebar-plus,.sidebar-album:hover{background:#302219}.sidebar-promo{background:linear-gradient(130deg,#432817,#281d15)}.sidebar-promo span,.profile small,.sidebar-album small{color:#c1ae9d}.profile,.sidebar-album{color:#fff7ef}.breadcrumb{color:#b9a998}.breadcrumb strong{color:#fff7ef}.add-button,.primary-button{background:var(--orange);color:#311707;box-shadow:0 8px 22px #ff8a2438}.add-button:hover,.primary-button:hover{background:#ffa64b}.hero{border-color:#81502b;background:radial-gradient(circle at 78% 53%,#a94c18 0,#63371f 34%,#39261b,#282019)}.hero:after{background:linear-gradient(90deg,#282019 2%,transparent 78%)}.hero .eyebrow{color:#ffd0a0}.hero h1 em,.login-copy h1 em{color:var(--orange-light)}.hero p{color:#e1cbb7}.hero-button{background:#fff1e1;color:#593116}.hero-button:hover{background:#fff}.hero-orbit{border-color:#ffe2c24a}.hero-disc>div,.vinyl-center{background:linear-gradient(135deg,#ffd19f,#f47c24);color:#57270d;border-color:#38251a}.hero-sparkle,.visual-note{color:#ffc27e}.visual-note{text-shadow:0 0 35px #ff8a2455}.stats{border-color:#382a20}.stats strong{color:#fff1e2}.stats span,.stats p{color:#b5a595}.stats-line{background:#514033}.text-button{color:var(--orange-light)}.see-all{color:#c8b8a8}.album-card{background:#211a15;border-color:#3b2c21;color:#fff7ef}.album-card:hover{border-color:#c47534}.cover{background:linear-gradient(145deg,#80502e,#403024 68%,#281e17);color:#e3a66e}.card-play{background:var(--orange);color:#311707}.album-card>span:last-child,.song-main small,.song-album{color:#c0ad9d}.song-list,.user-list{background:#201a16;border-color:#453326}.song-list-header{color:#ae9b89;border-color:#453326}.song-row{border-color:#34271e}.song-row:hover,.song-row.selected{background:#302319}.song-number{color:#c2ae9d}.row-play,.lyrics-toggle.active{color:var(--orange-light)}.icon-button{color:#c1ae9d}.icon-button:hover{color:#fff3e4;background:#3a291b}.back-button{color:var(--orange-light)}.album-meta{color:#d0bba8}.outline-button{border-color:#705039;color:#ffead7;background:#282019}.outline-button:hover{border-color:var(--orange-light);background:#392619}.search-box{border-color:#65462e;background:#261e17;color:var(--orange-light)}.search-box>span{border-color:#654b35;color:#d2b69d}.player,.lyrics-panel{background:#1b1612;border-color:#57402d}.player{border-top-color:#61462d}.transport button{color:#d2c0ad}.transport .play-toggle{background:var(--orange);color:#321707;box-shadow:0 0 22px #ff8a2444}.transport .playback-mode{position:relative;color:#829a8d;padding:4px}.transport .playback-mode.active{color:#43c583}.transport .playback-mode small{position:absolute;right:-1px;bottom:-2px;font-size:8px;font-weight:800}.timeline,.player-right{color:#d0bdab}input[type=range]{accent-color:var(--orange)}.lyrics-panel{background:#211a15;border-color:#705037}.lyrics-lines button{color:#a99989}.lyrics-lines button.past{color:#d0bcaa}.lyrics-lines button.active{color:#ffc078;text-shadow:0 0 22px #ff8a2444}.lyrics-footer{color:#ffc078;border-color:#4b3827}.lyrics-song{background:#302319}.modal-backdrop{background:#090705df}.modal,.sync-modal{background:#251d17;border-color:#60452f}.modal input:not([type=file]),.modal select,.modal textarea,.user-invite input,.user-row select,.user-invite select{border-color:#604832;background:#191410;color:#fff7ef}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--orange-light)}.modal input[type=file]{border-color:#765335;color:#d5bea8}.modal input[type=file]::file-selector-button{background:#914d22;color:#fff7ef}.optional,.hint,.sync-entry>span,.sync-toolbar>span{color:#c0ad9b}.form-error{color:#ffd4ab;background:#482b19;border-color:#a75d2b}.delete-button{color:#ffad69}.sync-modal{background:#251b14;border-color:#725033}.sync-lyrics,.sync-audio{border-color:#58402a;background:#19130f}.sync-row.selected{background:#432a17}.sync-row-select{background:#4a2e18;color:#ffead7}.sync-row.selected .sync-row-select{background:var(--orange-deep);color:#fff}.sync-time,.sync-text{border-color:#60452e;background:#211912;color:#fff4e8}.sync-time:focus,.sync-text:focus{outline-color:var(--orange-light);border-color:var(--orange-light)}.sync-waveform>span:not(.sync-waveform-note){background:#8c572f}.sync-waveform>span.passed{background:var(--orange-light)}.sync-notice{color:#ffdfbb;background:#3c2818;border-color:#89542b}.album-order-hint{color:#c6b09a}.drag-handle{color:#f0aa67}.drag-handle:hover,.drag-handle:focus-visible{background:#432a19;color:#ffe0bd}.album-order-list .song-row.drop-before:before,.album-order-list .song-row.drop-after:after{background:var(--orange-light)}.song-drag-ghost{border-color:var(--orange-light);background:#482815;color:#fff4e8}.local-badge{border-color:#80552f;color:#ffc17c;background:#382516}.avatar-placeholder{background:#914d22;color:#fff0df}.login-page,.loading-screen{background:#15120f}.login-glow{background:#e86a1740}.login-copy p{color:#d0bfaf}.login-footnote,.login-shell footer{color:#a89787}.login-shell footer span{color:var(--orange-light)}.tiny-line{background:#bd8150}.setup-note{color:#f0d0ac!important}.loading-dot{background:var(--orange)}.album-detail{background:linear-gradient(120deg,#251c15,#211a15);border:1px solid #473321}.album-detail:before,.player:before,.lyrics-panel:before{content:none}.album-detail-head>.cover{box-shadow:0 18px 42px #08060499}.lyrics-heading-actions{display:flex;align-items:center;gap:5px}.lyrics-panel.expanded{left:266px;right:20px;top:96px;bottom:98px;width:auto;height:auto;border-radius:16px}@media(max-width:1050px){.lyrics-panel.expanded{left:225px;right:18px}}@media(max-width:760px){.lyrics-panel.expanded{left:80px;right:12px;top:76px;bottom:82px;width:auto;height:auto}}@media(max-width:490px){.lyrics-panel.expanded{left:74px;right:9px;top:72px;bottom:82px}}@media(min-width:1051px){.app-shell.player-panel-open .main-area{margin-right:370px;transition:margin-right .22s ease}}.lyrics-panel{right:18px;bottom:96px;width:min(350px,calc(100vw - 90px));height:calc(100vh - 116px);max-height:none;border-radius:14px}.now-playing-details{padding:22px 24px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex:none}.now-playing-details .now-playing-artwork{width:min(100%,270px);height:auto;aspect-ratio:1;align-self:center;border-radius:9px;margin:0 auto 13px;box-shadow:0 12px 32px #0007}.now-playing-details>strong{font:700 20px/1.2 Outfit,sans-serif;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-details>span{font-size:13px;color:#ddd2c5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-details>small{font-size:11px;color:#a99989;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-panel .lyrics-heading{padding:14px 24px 8px;flex:none}.lyrics-panel .lyrics-heading h2{font-size:20px}.lyrics-panel .lyrics-lines{padding:12px 25px 36px}.lyrics-panel .lyrics-lines button{font-size:20px}.lyrics-panel .lyrics-footer{flex:none}.lyrics-panel:not(.expanded){overflow:hidden;display:none}.lyrics-panel.open:not(.expanded){display:flex}.lyrics-panel:not(.expanded) .now-playing-details,.lyrics-panel:not(.expanded) .lyrics-heading,.lyrics-panel:not(.expanded) .lyrics-lines,.lyrics-panel:not(.expanded) .lyrics-footer{position:relative}.lyrics-panel:not(.expanded) .lyrics-lines{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 7%,#000 92%,transparent);padding-top:18px}.lyrics-panel:not(.expanded) .lyrics-footer{flex:none;padding-bottom:16px}.lyrics-panel.expanded{left:74px;right:18px;top:18px;bottom:96px;width:auto;height:auto;max-height:none;border-radius:16px}.lyrics-panel.expanded .now-playing-details{display:none}.lyrics-panel.expanded{overflow:hidden;display:flex}.lyrics-panel.expanded .lyrics-lines{overflow-y:auto;flex:1;-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 5%,#000 92%,transparent)}@media(max-width:1050px){.lyrics-panel{right:12px;width:min(340px,calc(100vw - 92px))}.lyrics-panel.expanded{left:80px;right:12px;top:16px;bottom:84px}}@media(max-width:760px){.lyrics-panel{right:10px;bottom:82px;width:min(330px,calc(100vw - 84px));height:calc(100vh - 96px)}.now-playing-details{padding:15px 17px 3px}.now-playing-details .now-playing-artwork{width:min(100%,210px);margin-bottom:8px}.lyrics-panel .lyrics-heading{padding:10px 17px 6px}.lyrics-panel .lyrics-lines{padding:8px 18px 28px}.lyrics-panel .lyrics-lines button{font-size:17px}.lyrics-panel.expanded{left:74px;right:10px;top:10px;bottom:82px}}@media(max-width:490px){.lyrics-panel{width:calc(100vw - 76px);right:8px}.now-playing-details{padding:12px 14px 2px}.now-playing-details .now-playing-artwork{width:min(100%,170px)}.now-playing-details>strong{font-size:17px}.lyrics-panel.expanded{left:74px;right:8px;top:8px;bottom:82px}}@media(max-width:760px){.player{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:0 10px}.player-center{align-items:center}.player-right{display:flex;gap:0}.player-right>svg,.player-right>input{display:none}.player-right .lyrics-toggle{display:grid}.transport{gap:10px}}@media(max-width:490px){.player{grid-template-columns:minmax(0,1fr) auto auto;gap:5px;padding:0 7px}.player-song{gap:6px}.player-center .transport{gap:7px}.player-right .lyrics-toggle{width:34px;height:34px}}.account-menu{position:relative}.account-dropdown{position:absolute;z-index:40;top:calc(100% + 12px);right:0;width:min(270px,calc(100vw - 24px));padding:8px;border:1px solid #68452b;border-radius:12px;background:#241b14;box-shadow:0 16px 42px #080604b8}.account-identity{display:flex;flex-direction:column;gap:5px;padding:11px 12px 13px;border-bottom:1px solid #493321;overflow:hidden}.account-identity strong,.account-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity strong{font-size:13px;color:#fff3e6}.account-identity small{font-size:11px;color:#c2ac96}.account-logout{display:flex;align-items:center;gap:9px;width:100%;margin-top:6px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#ffb25b;text-align:left;font-size:12px;font-weight:700}.account-logout:hover,.account-logout:focus-visible{background:#3d2919;color:#ffd09a}@media(max-width:490px){.topbar .avatar-button{display:flex}}.account-option{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#fff0e0;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.account-option:hover,.account-option:focus-visible{background:#3d2919;color:#ffd09a}.account-menu .avatar-placeholder{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.bug-report-modal{width:min(540px,100%)}.bug-report-note{margin:0;color:#cbb6a2;font-size:12px;line-height:1.55}.bug-report-list{display:grid;gap:14px}.bug-report-card{padding:19px;border:1px solid #60452f;border-radius:12px;background:#251d17;overflow-wrap:anywhere}.bug-report-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bug-report-card-head strong{font-size:14px;color:#fff3e6}.bug-report-card-head span{flex:none;border-radius:30px;padding:5px 9px;font-size:11px;font-weight:700}.bug-status-open{background:#68401f;color:#ffd09a}.bug-status-resolved{background:#294c36;color:#b8ebc8}.bug-report-card>small,.bug-report-card details{display:block;color:#bba891;font-size:11px;margin-top:10px}.bug-report-card p{white-space:pre-wrap;color:#f2e7d9;font-size:13px;line-height:1.6;margin:15px 0}.bug-report-card details{margin-bottom:15px}.bug-report-card summary{cursor:pointer;margin-bottom:7px}.bug-report-card .outline-button{margin-top:7px}.song-like.liked,.player-heart-button.liked{color:var(--orange-light)}.song-list-header,.song-row{grid-template-columns:46px minmax(140px,1.5fr) minmax(80px,1fr) 100px}.album-order-list .song-list-header,.album-order-list .song-row{grid-template-columns:46px minmax(140px,1.5fr) minmax(80px,1fr) 160px}.player-heart-button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#aa9684;cursor:pointer}.player-heart-button:hover,.player-heart-button:focus-visible{color:var(--orange-light);background:#3d2919}.song-like:disabled,.player-heart-button:disabled{opacity:.5;cursor:wait}.statistics-page{padding-bottom:48px}.statistics-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:12px 0 32px}.statistics-head h1{font-size:clamp(28px,4vw,42px);margin:7px 0 9px;color:#fff4e8}.statistics-head p{max-width:620px;line-height:1.5;color:#cbb6a2;font-size:13px;margin:0}.statistics-period{display:flex;gap:4px;padding:4px;border:1px solid #59402c;border-radius:10px;background:#241b15;white-space:nowrap}.statistics-period button{padding:9px 12px;border:0;border-radius:7px;background:transparent;color:#cbb6a2;font:inherit;font-size:12px;cursor:pointer}.statistics-period button.active{background:#9c501c;color:#fff4e8}.statistics-block{margin:0 0 42px}.statistics-block .section-heading{margin-bottom:17px}.statistics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.statistics-cards>div{display:flex;flex-direction:column;gap:9px;padding:19px;min-width:0;border:1px solid #4e3827;border-radius:13px;background:#241b15;color:#ffab5e}.statistics-cards strong{font-size:clamp(21px,2.6vw,29px);color:#fff4e8;white-space:nowrap}.statistics-cards span{font-size:12px;color:#c4ac97}.statistics-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.statistics-panel{min-width:0;min-height:220px;padding:20px;border:1px solid #4e3827;border-radius:13px;background:#241b15}.statistics-panel h3{margin:0 0 7px;color:#fff4e8;font-size:16px}.statistics-panel p{margin:0;color:#bba691;font-size:11px}.statistics-chart{height:130px;margin-top:20px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #765036}.statistics-chart>div{flex:1;min-width:4px;border-radius:3px 3px 0 0;background:linear-gradient(#ffb25b,#be5f20)}.statistics-top{list-style:none;margin:8px 0 0;padding:0}.statistics-top li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #403023}.statistics-top li:last-child{border-bottom:0}.statistics-top li span{display:flex;flex-direction:column;gap:3px;min-width:0}.statistics-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff1e2;font-size:12px}.statistics-top small{color:#bea995;font-size:11px}.statistics-top b{font-size:13px;color:#ffb25b}.statistics-empty{padding:20px 0;color:#c5ad98;font-size:13px}.statistics-users{border:1px solid #4e3827;border-radius:13px;overflow:hidden;background:#241b15}.statistics-users button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 18px;border:0;border-bottom:1px solid #443021;background:transparent;color:#fff3e5;text-align:left;cursor:pointer}.statistics-users button:last-child{border-bottom:0}.statistics-users button:hover,.statistics-users button.selected{background:#3b281b}.statistics-users button span{display:flex;flex-direction:column;gap:4px;min-width:0}.statistics-users strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statistics-users small{font-size:11px;color:#bda794}.statistics-users b{font-size:12px;color:#ffb25b;white-space:nowrap}.statistics-users+.statistics-block{margin:26px 0 0}@media(max-width:850px){.statistics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-detail{grid-template-columns:1fr}}@media(max-width:760px){.song-list-header,.song-row{grid-template-columns:32px minmax(0,1fr) 84px}.album-order-list .song-list-header,.album-order-list .song-row{grid-template-columns:25px minmax(0,1fr) 90px}.album-order-list .song-row{height:auto;min-height:78px}.album-order-list .song-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:600px){.statistics-head{align-items:start;flex-direction:column}.statistics-period{width:100%}.statistics-period button{flex:1}.statistics-users button{align-items:start;flex-direction:column;gap:5px}.statistics-cards>div{padding:14px}}