*{box-sizing:border-box}body{margin:0;background:#101010;color:#f1efef;font:15px 'Segoe UI',sans-serif;display:grid;grid-template-columns:235px minmax(400px,1fr) 360px;grid-template-rows:1fr 108px;height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:0;border-radius:8px;padding:11px 14px}button:hover{background:#ffffff12}button.active,button.selected{background:#69283e;color:#ffd9e5}aside{background:#090909;border-right:1px solid #242424;padding:28px 16px;position:relative;overflow:auto}.brand{font-size:13px;letter-spacing:2px;font-weight:700;margin:4px 10px 38px}.brand span{color:#cd6587}nav button,aside>button,#playlists button{display:block;text-align:left;width:100%;margin:7px 0}nav button{padding:15px}.divider{height:1px;background:#292929;margin:24px 10px}.section-label{display:flex;justify-content:space-between;align-items:center;color:#aaa;padding-left:12px}.aside-bottom{margin:55px 0 0;color:#777;font-size:12px}.aside-bottom small{display:block;padding:10px}main{padding:25px 28px;overflow:auto}header{display:flex;gap:20px;align-items:center;margin-bottom:36px}input,select,textarea{background:#191919;color:#eee;border:1px solid #353535;border-radius:8px;padding:10px}header input{border-radius:28px;width:100%;padding:14px 20px}.local{white-space:nowrap;font-size:11px;color:#b38294}.heading{display:flex;align-items:center;justify-content:space-between}.heading small{font-size:10px;letter-spacing:3px;color:#999}h1{font-size:44px;letter-spacing:-1.5px;margin:8px 0 24px}#filters{display:flex;gap:7px;flex-wrap:wrap}#filters button{background:#202020;border-radius:22px;font-size:13px}#filters button.active{background:#80334e}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0;color:#888;font-size:12px}.toolbar select{font-size:12px}#library{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:25px 18px}.card{position:relative;min-width:0}.cover{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;background:linear-gradient(145deg,#38212e,#151821 65%,#512536);display:flex;align-items:center;justify-content:center;font-size:50px;color:#b47890;box-shadow:0 10px 30px #0003}.card .cover{cursor:pointer;transition:transform .2s}.card .cover:hover{transform:translateY(-3px)}.card h3{margin:11px 0 4px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:30px}.card p{margin:0;color:#999;font-size:12px}.card .more{position:absolute;right:0;bottom:14px;padding:5px}.empty{grid-column:1/-1;text-align:center;padding:65px 15px;color:#999}.empty h2{color:#eee}#library.list{display:block}.list .card{display:grid;grid-template-columns:55px 1fr 1fr 40px;gap:16px;align-items:center;margin:8px 0;padding:8px;border-radius:8px}.list .card:hover{background:#ffffff08}.list .cover{width:55px;font-size:22px}.list .card .more{position:static}#detail{border-left:1px solid #292929;padding:25px 18px;overflow:auto;background:linear-gradient(#151515,#101010)}.detail-tabs{display:flex;justify-content:space-between;margin-bottom:25px}.detail-tabs button{padding:8px;font-size:12px}.detail-cover{margin-top:10px}#detail h2{font-size:28px;margin-bottom:5px}#detail p{color:#999}.primary{background:#783047!important;color:#fff}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}footer{grid-column:1/-1;background:#0c0c0c;border:1px solid #303030;border-radius:12px;margin:0 10px 10px;padding:12px 20px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;align-items:center;z-index:10}#now{display:flex;align-items:center;gap:14px;min-width:0}#now .cover{width:65px;font-size:24px}#now strong{display:block}#now small{color:#999}.transport-buttons{display:flex;justify-content:center;align-items:center;gap:15px}.play{background:#81344f;width:49px;height:49px;border-radius:50%;font-size:22px}.timeline{display:flex;gap:12px;align-items:center;font-size:12px;color:#aaa;margin-top:5px}input[type=range]{accent-color:#be5c7d;padding:0;border:0;height:4px;cursor:pointer}.timeline input{flex:1;width:100%}.volume{display:flex;align-items:center;justify-content:flex-end;gap:12px}.volume input{width:90px}dialog{background:#171717;color:#eee;border:1px solid #4d3540;border-radius:16px;width:650px;max-height:90vh;padding:28px}dialog::backdrop{background:#000b}dialog label{display:block;color:#aaa;font-size:12px;margin:12px 0}dialog input,dialog select,dialog textarea{display:block;width:100%;margin-top:5px}dialog textarea{height:170px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);background:#703047;padding:12px 22px;border-radius:10px;display:none;z-index:30}.lyric{color:#777;font-size:20px;line-height:1.5;margin:20px 0;cursor:pointer}.lyric.current{color:#f2aec4}.sync-row{display:flex;gap:6px;align-items:center;margin:8px 0;font-size:13px}.sync-row span{flex:1}.sync-row button{padding:5px}.sync-row.chosen{color:#f5aac3;background:#542738;border-radius:6px;padding:8px}.hint{font-size:12px;line-height:1.7;color:#aaa}.wave{width:100%;height:100px;background:#151118;border-radius:8px;cursor:crosshair}.studio{height:390px;position:relative;background:radial-gradient(ellipse at 50% 50%,#4c2335 0,#1b151b 40%,#08080a 80%);border-radius:10px;overflow:hidden;perspective:500px;border:1px solid #32222a}.panels{position:absolute;inset:0 15% 28%;background:repeating-linear-gradient(90deg,#111 0px,#111 10px,#20191c 12px,#0c0c0c 17px);opacity:.7}.desk{position:absolute;left:3%;right:3%;height:27%;bottom:10%;background:linear-gradient(#47352e,#211715);transform:rotateX(32deg);box-shadow:0 10px 0 #0a0a0a;border-top:2px solid #86505f}.screen{position:absolute;left:23%;top:25%;width:54%;height:34%;background:#070b10;border:7px solid #242326;border-radius:5px;box-shadow:0 0 30px #992c5330}.screen canvas{width:100%;height:100%}.speaker{position:absolute;top:36%;width:17%;height:29%;background:#121213;border:2px solid #29262a;border-radius:5px;box-shadow:3px 5px 12px #000}.speaker.left{left:4%}.speaker.right{right:4%}.speaker:before,.speaker:after{content:'';position:absolute;border-radius:50%;background:radial-gradient(circle,#19191b 20%,#555057 23%,#29262a 60%,#080808 65%);width:72%;aspect-ratio:1;left:14%;bottom:8%}.speaker:after{width:30%;left:35%;top:10%;bottom:auto}.keyboard{position:absolute;bottom:23%;left:25%;width:50%;height:8%;background:repeating-linear-gradient(90deg,#ddd 0,#ddd 6px,#222 7px,#222 9px);transform:rotateX(30deg);border:6px solid #171719}.studio-light{position:absolute;bottom:10%;height:3px;left:10%;right:10%;background:#c2567d;box-shadow:0 0 30px 10px #a8396040}.studio.full{position:fixed;inset:30px 30px 125px;height:auto;z-index:20}.fullscreen-close{position:absolute;right:8px;top:8px;z-index:2}.queue-row{padding:12px 0;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:space-between}.marker{display:flex;align-items:center;gap:8px;margin:8px 0}.marker button{padding:6px}.loop-inputs{display:flex;gap:10px}.loop-inputs input{width:95px}@media(max-width:1250px){body{grid-template-columns:200px minmax(360px,1fr) 300px}main{padding:22px 20px}.local{display:none}.volume{gap:5px}h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
 .mini-display{position:absolute;right:9%;bottom:25%;width:16%;padding:4px;background:#08090c;border:3px solid #29252a;transform:rotate(-7deg);font-size:6px;overflow:hidden}.mini-display .cover{width:100%;border-radius:1px;font-size:15px}.mini-display span{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
.lyrics-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lyrics-heading h2{margin:0}.lyrics-heading button{font-size:12px;background:#282025}.lyrics-track{font-size:12px;line-height:1.5}.lyrics-full{position:fixed;inset:0 0 112px;z-index:9;border:0!important;padding:30px clamp(28px,9vw,180px)!important;background:radial-gradient(ellipse at top left,#30202a,#121212 65%)!important;overflow:hidden!important}.lyrics-full .detail-tabs{display:none}.lyrics-full #detailContent{display:flex;flex-direction:column;height:100%;min-height:0}.lyrics-full .lyrics-heading{flex-shrink:0}.lyrics-full .lyrics-heading h2{font-size:20px!important}.lyrics-full .lyrics-track{font-size:16px}.lyrics-full .detail-actions{margin:10px 0;flex-shrink:0}.lyrics-full .hint{margin:6px 0;max-width:950px;flex-shrink:0}.lyrics-full #lyricsLines{overflow-y:auto;min-height:0;flex:1;padding:22px 12px 30vh;scrollbar-width:thin;scrollbar-color:#703047 transparent}.lyrics-full .lyric{font-size:clamp(26px,3.4vw,58px);font-weight:700;line-height:1.45;margin:25px 0;color:#82747d}.lyrics-full .lyric.current{color:#ffbdd3}.lyrics-full .sync-row{font-size:clamp(16px,1.7vw,26px);padding:12px}.lyrics-full .sync-row.chosen{background:#642b40}.lyrics-full .sync-row button{font-size:14px}.lyrics-full .sync-progress{color:#e0a5b8!important}
[hidden]{display:none!important}.search-shell{position:relative;flex:1;min-width:0}#searchResults{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:25;background:#1c1a1c;border:1px solid #49333e;border-radius:14px;box-shadow:0 20px 65px #000b;padding:8px;max-height:min(480px,65vh);overflow:auto}.search-caption{color:#b6a6ae;font-size:11px;padding:10px 12px}.search-result{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:10px}.search-result .cover{width:48px;min-width:48px;height:48px;font-size:23px;border-radius:5px}.search-result strong,.search-result small{display:block}.search-result small{color:#aaa;font-size:12px;margin-top:4px}.search-result.chosen,.search-result:hover{background:#52283a}.search-result .result-type{margin-left:auto;font-size:11px;color:#bfa9b3}.search-empty{font-size:13px;color:#aaa;padding:10px}.search-target{outline:2px solid #ac5978;outline-offset:8px;border-radius:8px}.detail-tabs{flex-wrap:wrap;gap:3px}.detail-tabs button{font-size:11px}.track-stats{background:#ffffff05;border:1px solid #372b31;border-radius:12px;padding:18px;margin:20px 0}.stats-pair{display:flex;gap:20px;flex-wrap:wrap}.stats-pair strong{font-size:29px;display:block;color:#f1b2ca;font-variant-numeric:tabular-nums}.stats-pair span{display:block;font-size:11px;color:#aaa;margin-top:4px}.track-stats p{font-size:12px;line-height:1.8}.track-stats small{font-size:11px;color:#998c93;line-height:1.6;display:block}.stats-dashboard{grid-column:1/-1}.stats-total{background:linear-gradient(130deg,#482332,#20181e 60%,#171717);border:1px solid #51323f;border-radius:16px;padding:28px;margin-bottom:35px}.stats-total>span{color:#c1a4b1;font-size:10px;letter-spacing:2px}.stats-total h2{font-size:40px;letter-spacing:-1px;margin:15px 0 5px}.stats-total h2 small{font-size:19px;letter-spacing:0;font-weight:400;color:#c6b5bd}.stats-total p{color:#b7a4ad;font-size:13px}.ranking{margin-top:20px}.rank-row{width:100%;display:flex;align-items:center;gap:16px;text-align:left;margin:4px 0;padding:12px}.rank-number{width:22px;color:#ad8497;font-size:19px}.rank-row .cover{width:56px;height:56px;min-width:56px;font-size:25px;border-radius:6px}.rank-track{flex:1;min-width:0}.rank-track strong,.rank-time strong{display:block;font-size:15px}.rank-track small,.rank-time small{display:block;color:#999;font-size:11px;margin-top:6px;line-height:1.5}.rank-time{text-align:right;white-space:nowrap}.rank-time strong{color:#e4a4be;font-variant-numeric:tabular-nums}
#search:focus-visible{outline:2px solid #cb789b;outline-offset:2px}
.catalog-mode{display:block!important}.catalog-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 24px}.catalog-page h2,.home-page h2{font-size:23px;letter-spacing:-.5px}.entity-grid,.home-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:25px 18px}.entity-card{padding:0;text-align:left;min-width:0}.entity-card strong,.entity-card small{display:block;margin-top:10px}.entity-card small{font-size:12px;color:#9d9398;line-height:1.6}.entity-card.artist .cover{border-radius:50%}.entity-hero{display:flex;align-items:center;gap:28px;margin:20px 0 35px;min-width:0}.entity-hero>.cover{width:clamp(140px,18vw,230px);flex-shrink:0}.entity-hero.artist>.cover{border-radius:50%}.entity-hero h2{font-size:clamp(24px,3vw,45px);margin:10px 0;overflow-wrap:anywhere}.entity-hero>div{min-width:0}.entity-hero p{color:#a99ba3;font-size:13px;line-height:1.7}.entity-hero small{font-size:10px;letter-spacing:2px;color:#c78ca5}.entity-strip{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0 35px}.entity-strip button{width:135px;padding:0;text-align:left}.entity-strip .cover{font-size:35px}.entity-strip span{display:block;font-size:13px;margin-top:8px}.album-track{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #252125}.album-track>span{width:25px;color:#907c86;font-size:12px;text-align:center}.album-track-play{display:flex;gap:13px;align-items:center;flex:1;min-width:0;text-align:left;padding:6px}.album-track-play .cover{width:45px;height:45px;min-width:45px;font-size:20px;border-radius:5px}.album-track-play strong,.album-track-play small{display:block;overflow-wrap:anywhere}.album-track-play small{color:#a699a1;font-size:11px;margin-top:6px}.album-track>button:not(.album-track-play){padding:6px}.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 40px}.home-shortcut{display:flex;align-items:center;gap:12px;background:#252125;border:1px solid #322a30;padding:0;text-align:left;overflow:hidden;min-height:68px;border-radius:7px;min-width:0}.home-shortcut .cover{width:68px;height:68px;min-width:68px;font-size:28px;border-radius:0}.home-shortcut>span{min-width:0;padding:6px 7px 6px 0}.home-shortcut strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.home-shortcut small{display:block;color:#a7919d;margin-top:6px;font-size:10px}.empty-shortcut{background:#161416;border:1px dashed #352b31;color:#6a5660;padding:13px;gap:10px}.empty-shortcut>span{font-size:24px}.empty-shortcut small{font-size:11px;color:#7c6873}.stock-row{display:flex;align-items:center;gap:16px;padding:18px 5px;border-bottom:1px solid #30252d}.stock-icon{background:#38222f;color:#d594b0;border:1px solid #5c3349;border-radius:9px;min-width:55px;width:55px;height:60px;display:grid;place-items:center;font-size:11px;font-weight:700}.stock-label{flex:1;min-width:0}.stock-label strong{display:block;overflow-wrap:anywhere;font-size:14px}.stock-label small{display:block;margin-top:6px;font-size:11px;color:#a2919c;line-height:1.6}.stock-buttons{display:flex;flex-direction:column;gap:4px}.stock-buttons button{font-size:11px;padding:7px}.stock-link{display:block;width:100%;text-align:left;border-bottom:1px solid #332931;border-radius:0;padding:15px}.inline-suggestions{display:flex;flex-direction:column;background:#282026;border-radius:7px;max-height:150px;overflow:auto}.inline-suggestions button{text-align:left;padding:8px;font-size:13px}.bpm-editor{padding:18px;border:1px solid #42303b;border-radius:10px;margin:20px 0}.bpm-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.bpm-heading label{margin:0}.bpm-heading input{max-width:115px;font-size:13px}.bpm-heading strong{font-size:34px;font-weight:600;color:#eeb2cb}.bpm-heading strong small{font-size:12px;color:#a68d9b}#bpmRange{width:100%;height:8px}#bpmRange::-webkit-slider-thumb{cursor:ew-resize}.range-labels{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:#8c7884}.key-picker{border:1px solid #42303b;border-radius:10px;padding:18px;margin:20px 0}.key-picker legend{padding:0 8px;color:#b89eac;font-size:12px}.note-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.note-grid button{border:1px solid #46323f;background:#211b20;font-size:15px;padding:10px 4px}.note-grid button.active,.key-modes button.active{border-color:#b36286;background:#6c2e4b}.key-modes{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:14px 0}.key-modes button{font-size:12px;border:1px solid #3c2c36;padding:8px}.key-modes span{font-size:12px;color:#db9fba;margin-left:auto}.media-tools{border-top:1px solid #3c2c36;margin-top:20px}.media-tools h3{font-size:15px}.media-tools .detail-actions{margin:10px 0}.media-tools button{background:#282027;font-size:12px}.delete-choice{display:flex!important;align-items:flex-start;gap:12px;padding:16px;border:1px solid #49313f;border-radius:10px;cursor:pointer}.delete-choice input{width:auto!important;margin:4px 0!important;accent-color:#bb668d}.delete-choice b{color:#eee;font-size:14px}.delete-choice small{display:block;color:#ab95a2;line-height:1.7;margin-top:7px}.delete-warning{font-size:12px;color:#df93ac}.danger{background:#79283f}.danger-text{color:#de8fa9;margin-right:auto}.album-choices{max-height:380px;overflow:auto}.album-choices label{display:flex;align-items:center;gap:10px;border-bottom:1px solid #30232b;padding:12px 0}.album-choices input{width:auto;margin:0}.album-choices small{display:block;margin-top:4px;color:#a78c9c}button:disabled{opacity:.35;cursor:default}@media(max-width:1450px){.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.entity-hero{align-items:flex-start;gap:16px}.entity-hero>.cover{width:130px}.entity-hero h2{font-size:26px}.stock-row{flex-wrap:wrap}.stock-buttons{flex-direction:row;margin-left:70px}}
/* Les espaces avant et après permettent de centrer même la première et la dernière ligne. */
.lyrics-mode:not(.lyrics-full) #lyricsLines.listening-lines{height:clamp(220px,48vh,650px);overflow-y:auto;padding:10px 8px;scrollbar-width:thin;scrollbar-color:#68314b transparent}.lyrics-full #lyricsLines.listening-lines{padding:10px 12px;scrollbar-width:thin}.listening-lines::before,.listening-lines::after{content:'';display:block;height:var(--lyrics-inset,200px);pointer-events:none}.lyric{transition:color .65s ease,opacity .65s ease,transform .65s ease;text-wrap:pretty;transform-origin:left center;opacity:.55;transform:scale(.97)}.lyric.lyric-neighbor{opacity:.8}.lyric.current,.lyrics-full .lyric.current{color:#ffd5e6;opacity:1;transform:scale(1);text-shadow:0 0 28px #b7527b20}.lyrics-full .lyric{margin:30px 0}.lyrics-full #lyricsLines.sync-lines{padding:12px}.lyrics-mode .lyric{scroll-margin:0}#detail{scrollbar-width:thin;scrollbar-color:#4b2c3d transparent}main{scrollbar-width:thin;scrollbar-color:#4b2c3d transparent}
:root{color-scheme:dark}aside,dialog{scrollbar-width:thin;scrollbar-color:#563247 #171217}#metadata>.dialog-buttons{position:sticky;bottom:-28px;background:#171717;padding:14px 0 8px;border-top:1px solid #3b2b35;z-index:2}
.artist-result .cover{border-radius:50%}.analysis-box{padding:16px;border:1px solid #4f3545;background:#231b21;border-radius:10px;margin:16px 0;font-size:12px;color:#cbb3c0;line-height:1.7}.analysis-box .detail-actions{margin:10px 0 0}.analysis-box button{font-size:11px;padding:7px;background:#39242f}
.lyrics-mode:not(.lyrics-full){display:flex;flex-direction:column;overflow:hidden}.lyrics-mode:not(.lyrics-full) .detail-tabs{flex-shrink:0}.lyrics-mode:not(.lyrics-full) #detailContent{flex:1;min-height:0;display:flex;flex-direction:column}.lyrics-mode:not(.lyrics-full) #detailContent>.lyrics-heading,.lyrics-mode:not(.lyrics-full) #detailContent>.detail-actions,.lyrics-mode:not(.lyrics-full) #detailContent>.hint{flex-shrink:0}.lyrics-mode:not(.lyrics-full) #lyricsLines.listening-lines{height:auto;flex:1;min-height:130px;width:100%;padding:8px 0}.lyrics-mode:not(.lyrics-full) .lyric{font-size:25px;font-weight:600;line-height:1.5;margin:24px 0;transform:none;opacity:.85;overflow-wrap:anywhere}.lyrics-mode:not(.lyrics-full) .lyric.current{opacity:1}.lyrics-mode:not(.lyrics-full) #lyricsLines.sync-lines{min-height:120px;overflow:auto;flex:1}
.studio-active>aside,.studio-active>main,.studio-active>#detail,.studio-active>footer{visibility:hidden}#studioExperience{--bass:0;position:fixed;inset:0;z-index:60;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#34202c 0,#141117 52%,#07080b 95%);color:#e9e2e7;font-family:'Segoe UI',sans-serif}.studio-top{position:absolute;top:0;left:0;right:0;z-index:5;height:88px;display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;background:linear-gradient(#07080bd9,transparent)}.studio-top>div{display:flex;align-items:center;gap:20px}.studio-wordmark{font-size:13px;font-weight:700;letter-spacing:4px}.studio-top small{color:#8f7082;font-size:9px;letter-spacing:2px}.studio-top #studioStatus{color:#c785a4;font-size:10px;letter-spacing:2px}.studio-top button{font-size:12px;background:#ffffff08;border:1px solid #ffffff0b}.studio-room{position:absolute;inset:70px 0 175px;perspective:1000px}.room-ceiling{position:absolute;inset:0 10% 60%;background:linear-gradient(#17131c,#19121a);transform:rotateX(-15deg);border-bottom:1px solid #614051}.room-panels{position:absolute;top:8%;width:23%;height:62%;background:repeating-linear-gradient(90deg,#141218 0,#141218 12px,#29212a 14px,#0b0b10 20px);box-shadow:inset 0 0 90px #0008}.room-panels.left{left:3%;transform:rotateY(18deg)}.room-panels.right{right:3%;transform:rotateY(-18deg)}.room-backlight{position:absolute;top:12%;left:24%;right:24%;height:55%;border:2px solid #6b334d;border-radius:28px;box-shadow:0 0 calc(30px + var(--bass)*35px) #8b315548,inset 0 0 35px #8b315520;opacity:calc(.3 + var(--bass)*.4)}.room-desk{position:absolute;bottom:7%;left:5%;right:5%;height:35%;background:linear-gradient(160deg,#4b3936,#251c22 45%,#39272e);border-top:3px solid #865366;transform:rotateX(43deg);box-shadow:0 25px 0 #0c0b0e,0 35px 80px #000c;border-radius:25px}.room-screen{position:absolute;left:29%;top:12%;width:42%;height:42%;background:#090e15;border:12px solid #24212a;border-bottom-width:20px;border-radius:9px;box-shadow:0 16px 40px #0009;z-index:2}.room-screen .screen-label{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;letter-spacing:2px;color:#b97a99;border-bottom:1px solid #442634}.room-screen canvas{width:100%;height:calc(100% - 28px);display:block}.monitor-stand{position:absolute;width:16%;height:27%;top:calc(100% + 15px);left:42%;background:linear-gradient(90deg,#16131a,#3b303c,#141219);z-index:-1}.monitor-stand:after{content:'';position:absolute;bottom:-8px;left:-100%;width:300%;height:14px;background:#25202a;border-radius:50%;box-shadow:0 8px 10px #0007}.room-speaker{position:absolute;top:31%;width:12%;height:37%;background:linear-gradient(100deg,#0e0f14,#25212b 50%,#0c0c10);border:2px solid #3f303b;border-radius:12px;box-shadow:0 20px 30px #0008;z-index:2}.room-speaker.left{left:13%;transform:rotateY(9deg)}.room-speaker.right{right:13%;transform:rotateY(-9deg)}.room-speaker i,.room-speaker b{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle,#16141b 0 21%,#756774 22% 24%,#47404b 25% 56%,#1a171f 57% 61%,#08090d 62% 75%);width:78%;aspect-ratio:1;left:11%;bottom:8%;transform:scale(calc(1 + var(--bass)*.025))}.room-speaker i{width:32%;left:34%;top:10%;bottom:auto}.room-speaker:after{content:'';position:absolute;bottom:4%;left:48%;width:5px;height:5px;border-radius:50%;background:#d3769e;box-shadow:0 0 8px #b9437b;opacity:calc(.35 + var(--bass)*.65)}.room-midi{position:absolute;bottom:13%;left:31%;width:38%;height:15%;background:#1b1921;border:6px solid #26212d;border-radius:6px;transform:rotateX(30deg);box-shadow:0 12px 15px #0008;z-index:3}.midi-controls{height:25%;background:repeating-linear-gradient(90deg,#1a161e 0,#1a161e 12px,#79425e 13px,#312430 18px);margin:0 6%}.midi-keys{position:absolute;bottom:0;left:3%;right:3%;height:65%;background:repeating-linear-gradient(90deg,#d9d1d7 0,#d9d1d7 16px,#111017 17px,#111017 21px);border-bottom:4px solid #89818a}.room-equipment{position:absolute;bottom:18%;left:13%;width:12%;height:9%;background:#18151e;border:3px solid #3b2a38;border-radius:9px;display:flex;justify-content:space-evenly;align-items:center;transform:rotateX(20deg);z-index:3}.room-equipment i{width:15px;height:15px;border:3px solid #8d5a76;background:#171019;border-radius:50%;box-shadow:0 0 8px #8a2a5140}.room-lamp{position:absolute;right:11%;bottom:13%;width:5%;height:13%;border-radius:30% 30% 10% 10%;background:linear-gradient(90deg,#694051,#ce8a9d,#694051);box-shadow:0 0 calc(35px + var(--bass)*15px) #a44a6d50;opacity:.65;transform:rotateX(10deg);z-index:3}.studio-console{position:absolute;bottom:25px;left:5%;right:5%;height:140px;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:35px;padding:22px 30px;background:linear-gradient(120deg,#2a222b,#17151c 45%,#29202b);border:1px solid #604152;border-top:2px solid #946077;border-radius:16px;box-shadow:0 12px 40px #000b,inset 0 0 20px #0003;z-index:4}.console-song{display:flex;gap:15px;align-items:center;min-width:0}.console-song .cover{width:75px;height:75px;min-width:75px;font-size:32px;border-radius:7px}.console-song strong{display:block;font-size:17px;overflow-wrap:anywhere}.console-song small{display:block;color:#aa8d9e;font-size:12px;margin-top:7px}.console-buttons{display:flex;align-items:center;justify-content:center;gap:22px}.console-buttons button{width:38px;height:38px;padding:0;color:#bb92a8}.console-buttons .studio-play{width:52px;height:52px;background:radial-gradient(circle,#92506f,#5a2945);border:1px solid #ba7193;border-radius:10px;box-shadow:inset 0 1px 0 #d59aba55,0 3px 12px #0004;color:#fff;font-size:23px}.console-timeline{display:flex;align-items:center;gap:12px;font-size:11px;color:#aa8e9f;font-variant-numeric:tabular-nums;margin-top:10px}.console-timeline input{flex:1;min-width:0;width:100%;height:4px}.console-level>span{font-size:9px;letter-spacing:2px;color:#987c8f}.console-level>div{display:flex;gap:14px;align-items:center;margin:12px 0}.console-level input[type=range]{flex:1;width:100%;min-width:60px}.console-level output{font-size:12px;width:38px;text-align:right;color:#d7a6bf}.console-level label{font-size:10px;color:#8c7586;display:flex;align-items:center;gap:6px}.console-level label input{accent-color:#ba6b91}.reduced-motion .room-backlight,.reduced-motion .room-lamp{box-shadow:none}.reduced-motion .room-speaker b{transform:none}@media(max-width:1100px){.studio-top small{display:none}.studio-console{gap:15px;padding:18px;grid-template-columns:1fr 1.4fr .8fr}.console-song .cover{width:50px;height:50px;min-width:50px}.console-song strong{font-size:14px}.room-screen{border-width:7px}.room-screen .screen-label{font-size:7px}.room-midi{height:12%}}
.brand{display:flex;align-items:center;gap:9px;letter-spacing:1.5px}.brand img{width:25px;height:25px;border-radius:6px}
/* Instruments et pochette supplémentaires : le studio principal reste inchangé. */
.studio-desk-sleeve{position:absolute;left:73%;bottom:15%;width:9%;transform:perspective(700px) rotateX(15deg) rotate(-12deg);z-index:4;padding:5px 5px 16px;background:#211c25;border:1px solid #694b5c;box-shadow:7px 12px 14px #0009;border-radius:3px}.studio-desk-sleeve .cover{width:100%;border-radius:1px;font-size:30px;box-shadow:none}.studio-desk-sleeve span{font-size:8px;display:block;color:#c7a7b8;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:7px}.room-guitar{position:absolute;left:5%;top:16%;width:7%;height:56%;transform:rotate(-12deg);transform-origin:bottom;z-index:1;filter:drop-shadow(8px 10px 6px #0007)}.guitar-neck{position:absolute;left:45%;top:10%;width:12%;height:66%;background:repeating-linear-gradient(0deg,#9a6a68 0,#9a6a68 2px,#35262c 3px,#35262c 13px);border:2px solid #7e5459;border-radius:3px}.guitar-head{position:absolute;top:0;left:40%;width:23%;height:16%;border-radius:25% 35% 12% 10%;background:linear-gradient(90deg,#422b31,#80525a,#402b31);border:1px solid #9c7178;transform:rotate(5deg)}.guitar-head:before,.guitar-head:after{content:'';position:absolute;top:15%;bottom:15%;width:8px;background:repeating-linear-gradient(0deg,#8d7f89 0,#8d7f89 5px,transparent 6px,transparent 17px)}.guitar-head:before{left:-7px}.guitar-head:after{right:-7px}.guitar-body{position:absolute;bottom:0;left:5%;width:90%;height:42%;border-radius:42% 42% 48% 48%;background:radial-gradient(ellipse at 45% 35%,#9a6264,#54353e 65%,#30212b);border:3px solid #ae8080;box-shadow:inset 0 0 20px #1e121a}.guitar-body:before{content:'';position:absolute;left:32%;top:27%;width:36%;aspect-ratio:1;border:4px solid #b88c85;border-radius:50%;background:#161016;box-shadow:0 0 0 2px #4a2e38}.guitar-body i{position:absolute;bottom:19%;left:25%;width:50%;height:10px;background:#2a1922;border-radius:3px}.guitar-strings{position:absolute;left:47%;top:11%;bottom:9%;width:8%;background:repeating-linear-gradient(90deg,#c5a9a178 0,#c5a9a178 1px,transparent 1px,transparent 3px)}.room-back-midi{position:absolute;right:3%;top:12%;width:20%;height:14%;transform:rotateY(-15deg) rotate(-4deg);background:#25212d;border:3px solid #655262;border-radius:6px;box-shadow:0 12px 20px #0007;z-index:1}.back-midi-controls{height:30%;margin:5px 8px;background:repeating-linear-gradient(90deg,#17151e 0,#17151e 12px,#9d6381 13px,#9d6381 17px,#302331 18px,#302331 30px)}.back-midi-keys{position:absolute;bottom:8%;left:3%;right:3%;height:50%;background:repeating-linear-gradient(90deg,#bdb1bc 0,#bdb1bc 9px,#18121d 10px,#18121d 13px);border-bottom:3px solid #766674}.room-back-midi i,.room-back-midi b{position:absolute;top:100%;height:65%;width:4px;background:#443441;transform-origin:top;z-index:-1}.room-back-midi i{left:24%;transform:rotate(-28deg)}.room-back-midi b{right:24%;transform:rotate(28deg)}
/* Écoute des paroles : pochette et console à gauche, texte centré à droite. */
.lyrics-experience>footer,.lyrics-experience>aside,.lyrics-experience>main{visibility:hidden}.lyrics-experience #detail.lyrics-full{inset:0;z-index:30;padding:45px 6vw!important;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.2fr);grid-template-rows:minmax(0,1fr);gap:6vw;background:#171419!important;isolation:isolate}.lyrics-experience #detailContent{grid-column:2;grid-row:1;z-index:1;position:relative;min-width:0;min-height:0;overflow:hidden}.lyrics-experience #detailContent .lyrics-heading{min-height:50px;gap:10px}.lyrics-experience #detailContent .lyrics-heading h2{font-size:13px!important;letter-spacing:3px;text-transform:uppercase;color:#eee9}.lyrics-experience #detailContent .lyrics-track{display:none}.lyrics-experience .lyrics-heading button{background:#ffffff0b;border:1px solid #ffffff12;color:#fffd}.lyrics-experience #detailContent>.detail-actions{margin:8px 0 2px}.lyrics-experience #detailContent>.detail-actions button{font-size:11px;color:#ded1d8;padding:8px 10px}.lyrics-experience #lyricsLines.listening-lines{padding:4px 10px 4px 0;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}.lyrics-experience .lyric{font-size:clamp(27px,2.8vw,48px);line-height:1.4;font-weight:700;margin:30px 0;color:#e1d7dd;opacity:.4;text-shadow:0 2px 15px #0002}.lyrics-experience .lyric.lyric-neighbor{opacity:.65}.lyrics-experience .lyric.current{color:#fff;opacity:1;text-shadow:0 0 35px #fff1}.lyrics-experience #detailContent .sync-row{font-size:clamp(16px,1.4vw,23px)}#lyricsAtmosphere{position:absolute;inset:-100px;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 20% 30%,#754452,#352531 50%,#15141d)}#lyricsAtmosphere .cover{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;filter:blur(85px) saturate(1.25) brightness(.48);transform:scale(1.2);opacity:.9;box-shadow:none;font-size:0}#lyricsAtmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#0c0a1233,#100c163d 50%,#0b09124d)}#lyricsSide{grid-column:1;grid-row:1;z-index:1;min-width:0;align-self:center;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:480px;margin:auto;gap:0}.lyrics-artwork{width:min(100%,47vh,480px);aspect-ratio:1;align-self:center}.lyrics-artwork .cover{width:100%;height:100%;border-radius:14px;box-shadow:0 22px 65px #0005;font-size:100px;background:linear-gradient(130deg,#654153,#282330)}.lyrics-song-title{margin-top:26px;min-width:0}#detail #lyricsSongTitle{font-size:22px;line-height:1.3;margin:0;font-weight:650;overflow-wrap:anywhere}#detail #lyricsSongArtist{color:#f0e1e6b3;margin:7px 0 18px;font-size:14px}.lyrics-seek-row input{width:100%;height:5px;accent-color:#ede0e8;background:#fff3}.lyrics-clock{display:flex;justify-content:space-between;font-size:11px;color:#eee9;font-variant-numeric:tabular-nums;margin-top:9px}.lyrics-transport{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.lyrics-transport button{font-size:20px;color:#fff;padding:10px}.lyrics-transport #lyricsPlay{font-size:33px;width:65px;height:65px;padding:0}.lyrics-transport #lyricsShuffle,.lyrics-transport #lyricsRepeat{font-size:19px;color:#eee9}.lyrics-transport button.active{background:#fff2;color:white!important}.lyrics-volume{display:flex;align-items:center;gap:14px;font-size:11px;color:#eee9}.lyrics-volume input{flex:1;min-width:0;height:4px;accent-color:#ded0da}.lyrics-experience #toast{bottom:25px;z-index:35}@media(max-width:1100px){.lyrics-experience #detail.lyrics-full{padding:30px 4vw!important;gap:4vw;grid-template-columns:minmax(250px,.85fr) minmax(330px,1.2fr)}.lyrics-experience .lyric{font-size:30px}.lyrics-artwork{width:min(100%,42vh)}#detail #lyricsSongTitle{font-size:19px}.lyrics-song-title{margin-top:18px}}@media(max-height:750px){.lyrics-experience #detail.lyrics-full{padding-top:20px!important;padding-bottom:20px!important}.lyrics-artwork{width:min(100%,39vh)}.lyrics-song-title{margin-top:14px}.lyrics-transport{margin:6px 0}.lyrics-transport #lyricsPlay{height:48px;font-size:28px}.lyrics-experience .lyric{font-size:32px}}
.favorite-action,.now-favorite{color:#d0bcc5;border:1px solid #654152;font-size:11px;padding:8px 10px;background:#211820}.favorite-action.is-favorite,.now-favorite.is-favorite{color:#ffd5e5;background:#633046;border-color:#b4698a}.card-favorite{position:absolute;left:7px;top:7px;z-index:2;max-width:calc(100% - 14px);font-size:10px;padding:6px;background:#120f13d9;backdrop-filter:blur(9px)}.row-favorite{font-size:10px;padding:6px!important;white-space:nowrap}.editor-favorite{margin:0 0 15px}.detail-favorite{align-self:flex-start}.list .card{grid-template-columns:55px 1fr 1fr auto 40px}.list .card-favorite{position:static;grid-column:4;grid-row:1}.list .card>h3{grid-column:2;grid-row:1}.list .card>p{grid-column:3;grid-row:1}.list .card>.more{grid-column:5;grid-row:1}.album-type-section{margin:30px 0}.album-type-section h2 small{font-size:12px;color:#a68b9a;margin-left:8px}.import-choices{display:flex;gap:16px;margin:22px 0}.import-choice{flex:1;text-align:left;border:1px solid #6e3c52;background:#261b24;padding:24px 20px}.import-choice b{font-size:22px;display:block;margin-bottom:13px}.import-choice small{font-size:12px;color:#bea4b2;line-height:1.8}.import-without{display:flex!important;align-items:center;gap:12px;border:1px solid #513144;border-radius:9px;padding:15px;margin:20px 0!important}.import-without input{width:auto!important;margin:0!important;accent-color:#c57497}.import-without span{color:#eee;font-size:14px}.import-without small{display:block;color:#a78b9b;margin-top:5px;font-size:11px}.stem-file-picker{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #392735}.stem-file-picker>div{flex:1;min-width:0}.stem-file-picker b{display:block;font-size:14px}.stem-file-picker small{display:block;color:#b498a8;font-size:11px;margin-top:7px;overflow-wrap:anywhere}.stem-file-picker button{background:#392332;font-size:12px;white-space:nowrap}.error-text{color:#f3a5bb!important}.voice-mixer{border:1px solid #71445c;background:#261c26;border-radius:10px;padding:13px;margin:16px 0;font-size:12px;min-width:230px}.voice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-heading>b{color:#eed4e2;font-size:12px}.voice-heading>span{color:#ac8e9f;font-size:10px}.voice-mode-buttons{display:flex;gap:5px;margin:10px 0}.voice-mode-buttons button{font-size:10px;padding:7px;background:#342130;flex:1}.voice-mode-buttons button.active{background:#85425f;color:#fff}.voice-mixer label{display:flex;align-items:center;gap:12px;margin:12px 0}.voice-mixer input[type=range]{flex:1;width:100%;min-width:70px;height:5px}.voice-mixer output{min-width:39px;text-align:right;color:#f1c2d9}.voice-mixer small{display:block;font-size:10px;color:#a98c9d;line-height:1.7}.close-mixer{position:absolute;right:4px;top:3px;font-size:17px;padding:3px 7px}.close-mixer+.voice-mixer{margin-top:17px}#floatingVoiceMixer{position:fixed;bottom:125px;right:22px;z-index:90;width:340px;max-width:90vw;border:1px solid #745064;background:#17121a;border-radius:14px;padding:8px 14px;box-shadow:0 15px 50px #000b}#voiceToggle,#vinylToggle{font-size:11px;white-space:nowrap;color:#dfabc5;border:1px solid #583448;padding:7px}.lyrics-experience #lyricsFavorite{margin-top:10px}.lyrics-experience #lyricsFavorite button{background:#ffffff0b;border-color:#ffffff25;color:#f6e6ef}.lyrics-experience .voice-mixer{background:#160f1a45;border-color:#d9bac33b;backdrop-filter:blur(12px);margin:12px 0 0}.lyrics-experience .voice-mixer small{color:#dbc1cf}.lyrics-experience #lyricsSide:has(.voice-mixer) .lyrics-artwork{width:min(100%,37vh,410px)}.lyrics-experience #lyricsSide:has(.voice-mixer) .lyrics-song-title{margin-top:15px}@media(max-width:1250px){.now-favorite span{display:none}.row-favorite span{display:none}.volume{gap:6px}.volume input{width:65px}.volume #queueBtn{font-size:11px}}@media(max-height:780px){.lyrics-experience #lyricsSide:has(.voice-mixer) .lyrics-artwork{width:min(100%,29vh)}.lyrics-experience #lyricsSide:has(.voice-mixer) .lyrics-transport{margin:2px 0}.lyrics-experience #lyricsSide:has(.voice-mixer) #lyricsFavorite{margin-top:2px}}
/* Platine dessinée en proportions 916 × 609, d’après la composition de référence. */
.vinyl-active>aside,.vinyl-active>main,.vinyl-active>#detail,.vinyl-active>footer{visibility:hidden}#vinylExperience{position:fixed;inset:0;background:#181318;z-index:65;isolation:isolate;color:#ede7eb;overflow:hidden}#vinylAtmosphere{position:absolute;inset:-100px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 45% 35%,#57404d,#1b161c 70%)}#vinylAtmosphere .cover{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;filter:blur(100px) brightness(.35) saturate(1.1);transform:scale(1.2);opacity:.75;font-size:0}#vinylAtmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#08070b44,#08070b99)}.vinyl-header{position:absolute;top:0;left:0;right:0;padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;z-index:3}.vinyl-header>span{font-size:11px;letter-spacing:4px;color:#c9b8c5}.vinyl-header button{font-size:11px;border:1px solid #b4a4b826;background:#ffffff05}.turntable-scene{position:absolute;inset:68px 2vw 140px;display:flex;align-items:center;justify-content:center}.turntable-board{--record-tint:141,75,108;--record-ink:42,26,36;position:relative;width:min(94vw,calc((100vh - 208px)*1.504));aspect-ratio:916/609;flex-shrink:0;border-radius:10px;isolation:isolate}.record-shadow{position:absolute;left:9.8%;top:4%;width:64.5%;aspect-ratio:1;border-radius:50%;box-shadow:0 18px 35px #000b}.record-spinner{position:absolute;left:9.8%;top:3.8%;width:64.5%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(var(--record-tint),.6),rgb(var(--record-ink)) 32%,#141218 65%,rgba(var(--record-tint),.32) 88%,#15131a 99%);border:1px solid #e5dce655;box-shadow:inset 0 0 15px #000a;animation:record-turn 6s linear infinite;animation-play-state:paused}.record-cover-wash{position:absolute;inset:0;opacity:.22;mix-blend-mode:screen}.record-cover-wash .cover{width:100%;height:100%;object-fit:cover;aspect-ratio:1;border-radius:50%;font-size:0;filter:saturate(.8) brightness(.8)}.record-grooves{position:absolute;inset:1.5%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 2px,#d4c8da22 2.5px,#0008 3.5px,transparent 4px);opacity:.65}.record-sheen{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 10deg,transparent 0deg,#f5f0ff05 15deg,#c2c0d155 32deg,#f2ecff88 39deg,#afb7d044 46deg,transparent 67deg,#0006 135deg,transparent 162deg,#eee5ff22 206deg,transparent 240deg,#fff1 285deg,transparent 320deg);mix-blend-mode:screen}.record-label{position:absolute;left:33.4%;top:33.4%;width:33.2%;height:33.2%;border-radius:50%;overflow:hidden;border:5px solid rgba(var(--record-tint),.9);box-shadow:0 0 0 2px #f3e8f299,0 0 0 8px #130e1980,inset 0 0 10px #0005}.record-label .cover{width:100%;height:100%;border-radius:50%;object-fit:cover;font-size:45px;box-shadow:none}.record-spindle{position:absolute;top:48.1%;left:48.1%;width:3.8%;height:3.8%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f9f8fa,#b2afbb 30%,#514d5e 55%,#d7d2df 70%,#181421 80%);box-shadow:0 2px 4px #0008}.record-tonearm{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(5px 7px 5px #000a);pointer-events:none}.turntable-power{position:absolute;left:11.5%;bottom:3.5%;display:flex;align-items:center;gap:8px}.turntable-power i{display:block;width:31px;height:31px;border-radius:50%;background:conic-gradient(#d3cdd7,#43414a,#9995a5,#2c2a33,#d3cdd7);box-shadow:0 1px 5px #0009;border:1px solid #8b8494}.turntable-power span{font-size:8px;color:#b1a4b5}.record-wave-zone{position:absolute;left:74%;right:.5%;bottom:5%;height:19%;padding:8px 0;color:#ddd8e1}.record-wave-zone>span{font-size:8px;letter-spacing:2px;color:#c0b3c6}.record-wave-zone canvas{display:block;width:100%;height:65%;margin:9px 0}.record-wave-clock{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#b1a4b9;font-variant-numeric:tabular-nums}.record-wave-clock span:last-child{font-size:6px;letter-spacing:1px}.vinyl-console{position:absolute;bottom:18px;left:4%;right:4%;min-height:104px;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:30px;padding:15px 25px;border:1px solid #a38ca42b;background:#0d0a11a6;backdrop-filter:blur(20px);border-radius:14px}.vinyl-song strong{display:block;font-size:17px}.vinyl-song small{display:block;color:#ac97ac;font-size:11px;margin-top:5px}.vinyl-song .favorite-action{padding:4px 7px;font-size:9px;margin-top:7px}.vinyl-transport>div:first-child{display:flex;justify-content:center;gap:24px;align-items:center}.vinyl-transport button{padding:8px 15px}.vinyl-transport #vinylPlay{font-size:22px;background:#b18aab20;border:1px solid #b99bb43b;border-radius:50%;height:43px;width:43px;padding:0}.vinyl-seek{display:flex;align-items:center;gap:12px;font-size:10px;color:#b3a0b7;margin-top:9px;font-variant-numeric:tabular-nums}.vinyl-seek input{flex:1;min-width:0;width:100%;height:4px}.vinyl-volume{display:flex;flex-direction:column;gap:13px;font-size:10px;color:#b3a0b7}.vinyl-volume label{display:flex;align-items:center;gap:13px}.vinyl-volume input[type=range]{flex:1;width:100%;min-width:0;height:4px}.vinyl-volume input[type=checkbox]{accent-color:#bb88a9}.vinyl-preview{position:relative;width:100%;aspect-ratio:916/609;background:radial-gradient(ellipse,#3e2d3b,#19141c);border-radius:10px;overflow:hidden;margin:22px 0}.vinyl-preview .turntable-board{width:100%;position:absolute;inset:0}.vinyl-preview .record-wave-zone>span,.vinyl-preview .record-wave-clock,.vinyl-preview .turntable-power span{display:none}.vinyl-preview .turntable-power i{width:10px;height:10px}.vinyl-preview .record-wave-zone canvas{height:100%;margin:0}.vinyl-preview .record-label{border-width:2px;box-shadow:0 0 0 1px #dac5d9}.vinyl-preview .record-label .cover{font-size:12px}.vinyl-preview .record-spindle{min-width:2px;min-height:2px}@keyframes record-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.record-spinner{animation:none!important}}@media(max-width:1100px){.vinyl-console{gap:15px;padding:12px 18px}.vinyl-song strong{font-size:14px}.vinyl-header>span{font-size:9px;letter-spacing:2px}.turntable-board{width:min(94vw,calc((100vh - 208px)*1.504))}}
.brand img{width:37px;height:37px;border-radius:0;object-fit:contain}.brand{letter-spacing:2px;font-size:15px}
.collection-counters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 30px}.collection-counters>button,.collection-counters>div{border:1px solid #48303e;background:linear-gradient(140deg,#2b1d28,#1a161c);padding:15px 10px;border-radius:9px;text-align:left;min-width:0}.collection-counters strong{display:block;font-size:26px;font-weight:650;color:#edbed5;font-variant-numeric:tabular-nums}.collection-counters span{display:block;font-size:10px;color:#b397a8;margin-top:5px}#collectionSummary{display:flex;flex-direction:column;gap:7px;padding:12px 10px;color:#a7889a;font-size:10px;line-height:1.6}#collectionSummary b{color:#d7b2c8;font-size:11px}.beat-filters{padding:22px;background:#1d171f;border:1px solid #4b3041;border-radius:13px}.beat-filter-heading{display:flex;align-items:center;justify-content:space-between}.beat-filter-heading h2{margin:0;font-size:21px}.beat-filter-heading button{font-size:11px;color:#bfa5b5}.beat-notes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:18px 0}.beat-notes button{padding:12px 3px;font-size:12px;border:1px solid #44303e;background:#211922}.beat-notes button.active,.beat-scales button.active{background:#743451;border-color:#ba7297;color:#fff}.beat-scales{display:flex;gap:8px;margin-bottom:22px}.beat-scales button{font-size:12px;padding:9px 12px;border:1px solid #44303e;background:#211922}.beat-tempo{display:flex;align-items:flex-end;gap:15px;border-top:1px solid #392433;padding-top:18px}.beat-tempo label{font-size:11px;color:#c7aabb;display:flex;flex-direction:column;gap:8px}.beat-tempo input{width:155px}.beat-tempo select{min-width:130px}.beat-tempo .hint{flex:1;margin:0 0 5px}.beat-result-count{margin:22px 0 10px;font-size:12px;color:#b297a8}.beat-result{display:flex;align-items:center;gap:12px;border-bottom:1px solid #33232e;padding:10px 0}.beat-result-play{flex:1;display:flex;align-items:center;gap:14px;text-align:left;min-width:0;padding:7px}.beat-result-play .cover{width:58px;height:58px;min-width:58px;font-size:24px;border-radius:6px}.beat-result-play strong,.beat-result-play small{display:block;overflow-wrap:anywhere}.beat-result-play small{font-size:11px;color:#a78b9b;margin-top:6px}.beat-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:190px}.beat-tags span{font-size:10px;border:1px solid #543044;background:#291c27;color:#d4a6bf;border-radius:6px;padding:6px 8px}.fl-project{border-top:1px solid #49303e;margin-top:20px;padding-top:10px}.fl-project h3{font-size:15px}.fl-project h3 small{font-weight:400;color:#99808e;font-size:11px}.fl-project>p{font-size:12px;color:#baa0af;line-height:1.7}.fl-project .detail-actions{margin:10px 0}.fl-project button{font-size:11px;background:#342330}.optional-flp{display:flex;align-items:center;gap:10px;color:#bfa4b4;font-size:12px;line-height:1.7;padding:13px 0}.optional-flp input{accent-color:#b96c94}.track-action-menu{display:flex;flex-direction:column;gap:7px}.track-action-menu button{text-align:left;border:1px solid #44303e;background:#241b24;padding:14px}#trackActions{font-size:15px;padding:7px 9px;color:#c5a5b8}.vinyl-transport [data-repeat-track]{font-size:10px;padding:7px 9px;border:1px solid #5b3d52}.vinyl-transport [data-repeat-track].active{color:#f4cbe0;background:#603046}.transport-buttons #repeat.active{box-shadow:0 0 0 1px #a46185}.transport-buttons #repeat{min-width:40px}@media(max-width:1250px){.collection-counters{grid-template-columns:repeat(3,minmax(0,1fr))}.beat-notes{grid-template-columns:repeat(5,minmax(0,1fr))}.beat-tempo{flex-wrap:wrap}.beat-tempo .hint{flex-basis:100%}.beat-tags{max-width:115px}.beat-result{gap:6px}}@media(max-width:1050px){.beat-notes{grid-template-columns:repeat(4,minmax(0,1fr))}.beat-result{flex-wrap:wrap}.beat-result-play{flex-basis:60%}.beat-result .row-favorite{margin-left:auto}}
.track-identity{display:block;font-size:12px;line-height:1.6;color:#dca4b6;font-weight:500;margin-top:4px}.card>.track-identity{padding:0 2px 8px}.beat-import-group{padding:12px;border:1px solid #ffffff16;border-radius:12px;margin:12px 0}.beat-import-group h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.beat-import-group input{width:100%;min-width:0}.beat-mixer{max-height:48vh;overflow:auto}.beat-mixer label span{max-width:110px;overflow:hidden;text-overflow:ellipsis}.beat-mixer h4{margin:16px 0 4px;color:#dca4b6}#refreshApp{font-size:24px;min-width:40px}#beatImportStatus{color:#ecacba}
#floatingVoiceMixer{z-index:200}
#mailSettings{font-size:21px;min-width:36px}#mailForm label{display:block;margin:15px 0;color:#d9c7cf}#mailForm input:not([type=checkbox]),#mailForm select,#mailForm textarea{display:block;width:100%;margin-top:7px}#mailForm .mail-check{display:flex;gap:10px;align-items:center}#mailForm textarea{resize:vertical;line-height:1.6}.mail-review{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:13px}.mail-review dt{color:#b698a7}.mail-review dd{margin:0;overflow-wrap:anywhere}.mail-message{white-space:pre-wrap;font:14px/1.8 Segoe UI;padding:20px;border:1px solid #553346;border-radius:12px;background:#181218}.mail-history{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff15}.mail-history p{font-size:12px;line-height:1.7}#mailStatus,#mailSendStatus,#googleStatusText{color:#e7b8cb;line-height:1.7}
#mailBeatChoices{max-height:300px;overflow:auto;margin:12px 0;border:1px solid #ffffff1a;border-radius:12px}.mail-picker-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.mail-picker-tools strong{color:#e7b8cb}.mail-beat-choice{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:12px;border-bottom:1px solid #ffffff0b;cursor:pointer}.mail-beat-choice:has(input:checked){background:#69283e55}.mail-beat-choice input{width:18px!important;height:18px;margin:0!important;accent-color:#c57497}.mail-beat-choice .cover{width:44px;height:44px;min-width:44px;border-radius:7px}.mail-beat-choice small{display:block;margin-top:5px;color:#b69da9;font-size:12px}#mailSelectedChips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}#mailSelectedChips button{background:#69283e;font-size:11px;padding:5px 9px}#beatNearSection{margin-top:35px;padding-top:25px;border-top:1px solid #ffffff1c}#beatNearSection h2{margin-bottom:8px}.beat-tags small{display:block;color:#c5a9b8;font-size:11px}.heading{gap:10px;flex-wrap:wrap}#sendBeats{white-space:nowrap}
.beat-tags small{flex-basis:100%;text-align:right}
#syncLibrary{font-size:22px;min-width:36px}#syncLibrary.sync-pending{color:#edb1c7;background:#69283e33}.sync-summary{display:grid;gap:9px;padding:18px;border:1px solid #593247;border-radius:12px;background:#251a22;font-size:13px}.sync-summary span{color:#bda3b0}.sync-conflict{margin:18px 0;border:1px solid #704356;border-radius:12px}.sync-conflict>label{display:flex;gap:12px;align-items:flex-start;margin:12px 0}.sync-conflict input{width:18px;accent-color:#c57497}.sync-conflict small{display:block;color:#bda3b0;font-size:11px;margin-top:4px}.sync-conflict pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font-size:11px}#syncProgressText,.sync-error{color:#edb1c7;line-height:1.8}
.sync-conflict-cover{width:100px;height:100px;object-fit:cover;border-radius:10px}.sync-conflict details p{font-size:12px;line-height:1.6}.sync-conflict details{margin-top:8px}