/* Эти правила действуют только внутри «Музыки». */
body.in-music #section-view{max-width:1600px;padding:28px 5.5% 60px}
body.in-music .section-heading{margin-bottom:30px}
body.in-music .section-heading h1{font-size:clamp(48px,5.5vw,82px)}
.music-room{--music-muted:#75616b;max-width:1180px;margin-inline:auto}
.music-listening{margin-bottom:46px}
.music-listening>.eyebrow{margin-bottom:12px}
.music-room .music-listening>h2{font-size:clamp(34px,3.5vw,46px);margin-bottom:15px}
.listening-intro{font:italic 21px/1.6 var(--serif);max-width:650px;color:var(--music-muted)}
.listening-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:start;margin-top:30px}
.favorite-selection,.music-playlists{min-width:0}
.favorite-performer{display:flex;align-items:center;gap:23px;min-width:0}
.favorite-performer-name{flex:1;min-width:0}
.favorite-performer .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:8px}
.favorite-performer h3{font:clamp(23px,2.2vw,29px)/1.3 var(--serif);overflow-wrap:anywhere}
.artist-cassette{width:min(52%,250px);min-width:180px;flex:none;padding:10px;background:linear-gradient(145deg,#f8f5ee,#d7d0c7 53%,#bcb8b2);border:1px solid #625c5640;border-radius:11px;box-shadow:0 9px 22px #40363a24,inset 0 2px 3px #ffffffb8;transform:rotate(-2deg)}
.cassette-photo{position:relative;aspect-ratio:1.2;overflow:hidden;background:#242326;border-radius:5px}
.cassette-photo img{display:block;width:100%;height:100%;object-fit:cover}
.cassette-title{position:absolute;left:8px;bottom:7px;padding:3px 8px;background:#f8f5eee8;color:#332d30;font:italic 15px var(--serif);letter-spacing:2px}
.cassette-reels{display:flex;justify-content:space-between;padding:7px 18px 3px}
.cassette-reels i{width:21px;height:21px;border:3px solid #77716e;border-radius:50%;background:repeating-radial-gradient(circle,#807d79 0 1px,#c8c3bb 2px 3px)}
.cassette-label{display:block;text-align:center;color:#5f5a56;font-size:7px;letter-spacing:2px;padding:2px 0 1px}
.favorite-list-title{font:24px var(--serif);margin:27px 0 10px}
.music-favorites{list-style:none;margin:0;padding:0}
.music-favorites li{padding:0;border-bottom:1px solid var(--line)}
.favorite-track-link{display:flex;align-items:center;gap:14px;min-height:78px;padding:10px 0}
.favorite-cover{width:54px;height:54px;flex:none;object-fit:cover;border-radius:4px;background:#f3dfe5;box-shadow:0 3px 10px #50364115}
.favorite-track-copy{min-width:0}
.favorite-track-copy .favorite-title{display:block;font:21px/1.3 var(--serif);overflow-wrap:anywhere}
.favorite-track-copy .favorite-artist{display:block;font-size:11px;color:var(--music-muted);margin-top:3px}
.favorite-open{margin-left:auto;color:var(--rose);font-size:18px;opacity:.7}
.favorite-track-link:hover .favorite-title,.favorite-track-link:hover .favorite-open{color:var(--rose)}
.favorite-number{font:italic 20px var(--serif);color:#aa7d90;min-width:27px}
.music-favorites li>div{min-width:0}
.favorite-title{display:block;font:23px/1.3 var(--serif);overflow-wrap:anywhere}
.favorite-artist{display:block;font-size:11px;color:var(--music-muted);margin-top:3px}
.music-playlists{padding-top:295px}
.music-playlists h3{font:30px var(--serif);margin-bottom:22px}
.playlist-links{display:grid;gap:16px}
.playlist-link{display:flex;align-items:center;gap:17px;min-height:105px;padding:22px 24px;border:1px solid #c9acb653;background:linear-gradient(120deg,#fffcf8df,#f3dfdfb3);box-shadow:0 8px 22px #71495608;transition:background .2s,transform .2s}
.playlist-link[data-service=vk]{background:linear-gradient(120deg,#fffcf8df,#e3e4efb3)}
.playlist-link:hover{transform:translateY(-2px);border-color:#b77e94}
.playlist-mark{display:grid;place-items:center;width:47px;height:47px;flex:none;border:1px solid #a9778f40;border-radius:50%;font:italic 27px var(--serif);color:#9b5c75}
.playlist-link[data-service=vk] .playlist-mark{font:600 15px 'Segoe UI',sans-serif;color:#6f719c}
.playlist-service{display:block;font:23px/1.3 var(--serif)}
.playlist-title{display:block;font-size:11px;color:var(--music-muted);margin-top:5px}
.playlist-arrow{margin-left:auto;color:var(--rose);font-size:23px}
.playlist-note{font-size:11px;color:var(--music-muted);margin-top:16px}
.playlist-link[data-service=yandex]{background:linear-gradient(120deg,#fff9f7,#f3dfe5);border-color:#c98da350}
.playlist-link[data-service=yandex] .playlist-mark{border-color:#c98da370;color:#a85776}
.playlist-link[data-service=yandex] .playlist-arrow{color:var(--rose)}
.playlist-link[data-service=vk]{background:linear-gradient(120deg,#fff9f7,#f3dfe5);border-color:#c98da350}
.playlist-link[data-service=vk] .playlist-mark{border-color:#c98da370;color:#a85776;font:600 13px 'Segoe UI',sans-serif}
.playlist-link[data-service=vk] .playlist-arrow{color:var(--rose)}
.music-listening+.music-signature{border-top:1px solid var(--line);padding-top:33px}
@media(max-width:1000px){.listening-layout{gap:30px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.favorite-performer{gap:15px}.artist-cassette{width:min(48%,220px);min-width:145px}.music-playlists{padding-top:265px}.playlist-link{padding:18px 15px;gap:12px}.playlist-service{font-size:21px}}
@media(max-width:640px){.listening-layout{grid-template-columns:1fr;gap:26px}.music-playlists{padding-top:0}.listening-intro{font-size:20px}.favorite-performer{padding:19px}.playlist-link{padding:20px;min-height:95px}.music-listening{margin-bottom:35px}}
.music-signature{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:0 0 28px;margin-bottom:35px}
.music-artist{font:italic 57px/1 var(--serif);letter-spacing:-3px;color:var(--rose)}
.music-signature p{font-size:13px;line-height:1.85;color:var(--music-muted)}
.music-margin-note{font:italic 17px/1.5 var(--serif);color:#967581;margin-left:auto;transform:rotate(-5deg);padding-right:12px}
.music-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.music-room h2{font:30px/1.3 var(--serif);letter-spacing:-.5px}
.music-filters{display:flex;gap:5px;border-bottom:1px solid var(--line)}
.music-filters button{min-height:44px;padding:7px 16px;font-size:12px;color:var(--music-muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.music-filters button[aria-pressed=true]{color:var(--rose);border-bottom-color:var(--rose)}
.music-filters button:hover{background:#f5e4e98a}
.music-draft-note{font-size:12px;color:var(--music-muted);margin-top:10px;max-width:540px}
.vinyl-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:36px 12px 22px 0;align-items:start}
.vinyl-card{--sleeve:#e9b8c7;--sleeve-light:#f5dce3;--sleeve-ink:#805165;min-width:0}
.vinyl-card[data-tone=sage]{--sleeve:#bfcbbf;--sleeve-light:#e1e6d9;--sleeve-ink:#536c60}
.vinyl-card[data-tone=lilac]{--sleeve:#c7bbd6;--sleeve-light:#e7deee;--sleeve-ink:#746080}
.vinyl-object{position:relative;aspect-ratio:1.1;isolation:isolate;margin-right:5px}
.vinyl-disc{position:absolute;width:85%;aspect-ratio:1;right:-7%;top:3%;border-radius:50%;background:repeating-radial-gradient(circle,#41363e 0 1px,#332c33 2px 3px,#4a3d47 4px 5px);box-shadow:3px 10px 19px #4c354526;display:grid;place-items:center;transform:rotate(12deg);transition:translate .5s ease}
.vinyl-disc:after{content:'';position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 18deg,transparent 0 12%,#ffffff1c 16%,transparent 24% 62%,#ffffff16 68%,transparent 76%);pointer-events:none}
.vinyl-label{border-radius:50%;width:31%;aspect-ratio:1;background:var(--sleeve-light);color:var(--sleeve-ink);display:flex;align-items:center;justify-content:center;flex-direction:column;font:italic clamp(13px,1.8vw,23px) var(--serif);position:relative}
.vinyl-label small{font:8px 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:3px}
.vinyl-label:after{content:'';position:absolute;width:5px;height:5px;left:calc(50% - 2.5px);top:calc(50% - 2.5px);background:#382d36;border-radius:50%;border:1px solid #fff5}
.vinyl-sleeve{position:absolute;left:0;top:0;width:86%;aspect-ratio:1;background:linear-gradient(135deg,var(--sleeve-light),var(--sleeve));box-shadow:0 12px 22px #6343511c,inset 0 0 0 1px #fff8;transform:rotate(-3deg);color:var(--sleeve-ink);overflow:hidden}
.vinyl-card:nth-child(2) .vinyl-sleeve{transform:rotate(2deg)}
.vinyl-sleeve:after{content:'';position:absolute;inset:0;background:url('assets/images/paper-fibers.svg');opacity:.35;pointer-events:none}
.vinyl-sleeve>img{width:100%;height:100%;object-fit:cover}
.sleeve-top,.sleeve-bottom{position:absolute;left:9%;right:9%;z-index:1;display:flex;align-items:center;justify-content:space-between}
.sleeve-top{top:8%;font:italic clamp(22px,3vw,39px)/1 var(--serif)}
.sleeve-top>span{font:9px 'Segoe UI',sans-serif;letter-spacing:1px;text-transform:uppercase}
.sleeve-bottom{bottom:8%;font:italic 12px var(--serif);border-top:1px solid #79596938;padding-top:9px}
.sleeve-bottom>span{font-size:20px}
.sleeve-art{position:absolute;width:78%;height:74%;left:12%;top:20%;stroke:var(--sleeve-ink);stroke-width:1.25;opacity:.68;overflow:visible}
.sleeve-art .art-soft{fill:var(--sleeve-light);fill-opacity:.55}
.sleeve-art .art-ink{fill:var(--sleeve-ink);stroke:none}
.sleeve-art--night{transform:rotate(-3deg)}
.sleeve-art--orbit{transform:rotate(4deg) scale(.96)}
.vinyl-label--artwork{overflow:hidden}
.vinyl-label--artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.vinyl-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}
.vinyl-kind{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--music-muted);margin-bottom:4px}
.vinyl-caption h3{font:27px/1.3 var(--serif);overflow-wrap:anywhere}
.vinyl-number{font:italic 28px var(--serif);color:#a68a96}
.vinyl-pending{font-size:11px;line-height:1.7;color:var(--music-muted);margin-top:10px;border-top:1px solid var(--line);padding-top:12px}
.music-track{display:block;width:100%;height:40px;margin-top:15px;accent-color:var(--rose)}
.music-player-error{font-size:12px;color:#8c3856;margin-top:8px}
@media(hover:hover){.vinyl-card:hover .vinyl-disc{translate:9px 0}}
@media(max-width:1000px){.vinyl-shelf{gap:27px}.sleeve-top>span{font-size:8px;letter-spacing:0}.sleeve-bottom{font-size:10px}.music-margin-note{font-size:15px}.music-notes{gap:30px}}
@media(max-width:760px){body.in-music #section-view{padding:22px 7% 40px}.listening-layout{grid-template-columns:1fr;gap:26px}.music-playlists{padding-top:0}.music-signature{gap:20px;align-items:flex-start;padding-bottom:24px}.music-artist{font-size:46px}.music-signature p{font-size:12px}.music-margin-note{display:none}.music-room h2{font-size:27px}.music-shelf-heading{gap:12px}.vinyl-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 27px}.vinyl-card:last-child{grid-column:auto;max-width:none}.sleeve-top{font-size:27px}.vinyl-caption h3{font-size:24px}.music-notes{grid-template-columns:1fr;gap:30px}.music-notes>section+section{border-top:1px solid var(--line);padding-top:25px}.music-notes>section+section .music-note-icon{top:25px}}
@media(max-width:500px){.vinyl-shelf{grid-template-columns:minmax(0,1fr);gap:38px;padding:28px 15px 8px 0}.vinyl-card{width:100%;max-width:340px;margin-inline:auto}.vinyl-card:last-child{max-width:340px}.vinyl-object{margin-right:12px}.sleeve-top{font-size:37px}.sleeve-top>span{font-size:10px}.sleeve-bottom{font-size:13px}.vinyl-label{font-size:23px}.music-signature{flex-wrap:wrap;gap:12px 22px}.music-filters button{padding-inline:16px}.music-notes{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.vinyl-disc{transition:none}.vinyl-card:hover .vinyl-disc{translate:none}}

/* Полка и один общий проигрыватель. */
.record-room{padding-top:10px}
.record-hint{font:italic 17px/1.6 var(--serif);color:var(--music-muted);margin-top:9px}
.record-station{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:55px;align-items:center;margin-top:42px}
.record-collection{min-width:0;padding-top:10px}
.record-collection .vinyl-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:15px 7px 0;position:relative;z-index:1}
.record-collection .vinyl-card{position:relative;width:100%;max-width:none;margin:0}
.record-select{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit;cursor:pointer;border-radius:4px}
.record-select:focus-visible{outline:2px solid var(--rose);outline-offset:9px}
.record-select .vinyl-object{display:block;width:100%;aspect-ratio:.94;margin:0;pointer-events:none}
.record-select .vinyl-sleeve{width:90%;z-index:2;top:7%;transform:rotate(-6deg);transition:transform .35s}
.record-collection .vinyl-card:nth-child(2) .vinyl-sleeve{transform:rotate(3deg)}
.record-collection .vinyl-card:nth-child(3) .vinyl-sleeve{transform:rotate(-2deg)}
.record-select .vinyl-disc{width:83%;right:0;top:9%;transition:translate .45s,opacity .25s}
.record-select:hover .vinyl-disc,.record-select:focus-visible .vinyl-disc{translate:12% -5%}
.record-select:hover .vinyl-sleeve{transform:rotate(-3deg) translateY(-4px)}
.record-collection .record-out .vinyl-disc{opacity:0;transition:none}
.record-collection .is-handling{z-index:4}
.record-collection .is-handling .vinyl-disc{transition:none}
.record-select:disabled{cursor:wait;opacity:1}
.record-collection .is-selected .vinyl-sleeve{box-shadow:0 10px 23px #63435125,inset 0 0 0 2px #b87f9670}
.record-collection .sleeve-top{font-size:clamp(18px,2.1vw,29px)}
.record-collection .sleeve-top>span{font-size:7px;letter-spacing:0}
.record-collection .sleeve-bottom{font-size:clamp(7px,.8vw,10px);padding-top:5px}
.record-collection .sleeve-bottom>span{font-size:16px}
.record-collection .vinyl-caption{position:absolute;top:100%;width:100%;gap:5px;margin-top:27px;min-height:65px;align-items:flex-start}
.record-collection .vinyl-caption h3{font-size:clamp(17px,1.8vw,24px);line-height:1.3}
.record-collection .vinyl-kind{font-size:8px;letter-spacing:1.3px}
.record-collection .vinyl-number{font-size:18px;opacity:.6}
.shelf-edge{display:block;height:14px;margin-top:-4px;background:linear-gradient(#e8d8cd,#c9b6ad);border-radius:2px;box-shadow:0 10px 15px #73535216;border-top:1px solid #fff9}
.shelf-note{font:italic 14px/1.5 var(--serif);color:#947a82;margin:95px 7px 0}
.turntable-panel{--sleeve-light:#f5dce3;--sleeve-ink:#805165;min-width:0;width:100%;max-width:440px;margin-inline:auto}
.turntable{position:relative;width:100%;aspect-ratio:1.32;border-radius:14px;background:linear-gradient(135deg,#e6dbd1,#c5b7ab);border:1px solid #ab978d65;box-shadow:0 17px 28px #604c431a,inset 0 2px 2px #fffc,inset 0 -7px 0 #a98e7c36}
.turntable-brand{position:absolute;left:7%;top:7%;font:italic 15px var(--serif);color:#765d64;letter-spacing:.5px}
.turntable-platter{position:absolute;width:66%;aspect-ratio:1;left:6%;top:16%;border-radius:50%;background:repeating-radial-gradient(circle,#807775 0 2px,#9e9690 3px 4px);border:5px solid #b9aaa0;box-shadow:0 2px 8px #35272d40,inset 0 0 0 2px #53464c}
.turntable-platter:before{content:'';position:absolute;inset:27%;border:1px solid #d8ccc440;border-radius:50%}
.deck-record{position:absolute;inset:1%;border-radius:50%;opacity:0}
.has-record .deck-record{opacity:1}
.is-arriving .deck-record{opacity:0}
.deck-record>.vinyl-disc{width:100%;height:100%;top:0;right:0;transform:rotate(var(--record-start-angle,0deg));translate:none;box-shadow:0 3px 5px #4c35454a;animation:record-spin 5s linear infinite;animation-play-state:paused}
.is-spinning .deck-record>.vinyl-disc{animation-play-state:running}
.turntable-spindle{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#e1d8cb;box-shadow:1px 1px 2px #241e25;z-index:2}
.tonearm{position:absolute;width:11%;height:66%;top:14%;right:9%;transform-origin:50% 9%;transform:rotate(-8deg);transition:transform .28s linear;z-index:3}
.tonearm:before{content:'';position:absolute;left:15%;top:0;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#8c7c77 0 25%,#d2c7bb 27% 50%,#a9978d 52%);box-shadow:0 2px 3px #51434640}
.tonearm span{position:absolute;width:11%;height:83%;left:45%;top:6%;background:linear-gradient(90deg,#8d7e7c,#ede6dc 45%,#9a8886);border-radius:4px;transform:rotate(5deg) translateY(-5px);transform-origin:top;box-shadow:2px 1px 2px #30252c30}
.tonearm span:after{content:'';position:absolute;width:250%;height:16%;left:-70%;bottom:-3%;background:#68545c;border-radius:2px;transform:rotate(-12deg)}
.turntable-light{position:absolute;width:6px;height:6px;bottom:7%;left:8%;border-radius:50%;background:#aa8a8c;box-shadow:inset 0 1px 2px #6b3f5140}
.is-playing .turntable-light{background:#c18091;box-shadow:0 0 7px #d798a1}
.turntable-speed{position:absolute;right:8%;bottom:7%;font-size:8px;letter-spacing:1.3px;color:#795f66}
.deck-title{font:26px/1.3 var(--serif);margin-top:24px;min-height:34px}
.deck-subtitle{font-size:11px;color:var(--music-muted);margin-top:5px}
.deck-controls{display:flex;align-items:center;gap:13px;margin-top:18px}
.deck-toggle,.deck-eject{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #b7869a60;border-radius:50%;color:var(--rose);font-size:16px;background:#fff7f560}
.deck-toggle{padding:0}
.deck-toggle::before{content:'';width:12px;height:14px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.deck-toggle[data-action="pause"]::before{clip-path:none;background:linear-gradient(90deg,currentColor 0 34%,transparent 34% 66%,currentColor 66%)}
.deck-controls button:disabled{opacity:.4;cursor:default}
.deck-controls button:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.deck-seek-label{flex:1;min-width:0;display:flex}
.deck-seek-label .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.deck-seek{width:100%;accent-color:var(--rose);cursor:pointer}
.deck-time{font-size:10px;color:var(--music-muted);font-variant-numeric:tabular-nums}
.deck-message{font-size:11px;line-height:1.5;color:#92506b;min-height:17px;margin-top:10px}
.record-flight{position:absolute!important;right:auto!important;bottom:auto!important;z-index:10000;pointer-events:none;transform-origin:center;transition:none!important;translate:none!important;opacity:1!important;will-change:transform}
@keyframes record-spin{to{transform:rotate(calc(var(--record-start-angle,0deg) + 360deg))}}
@media(max-width:1050px){.record-station{gap:30px}.record-collection .vinyl-shelf{gap:14px}.record-collection .vinyl-number{display:none}}
@media(max-width:850px){.record-station{grid-template-columns:1fr;gap:38px;max-width:600px;margin-inline:auto}.record-collection .sleeve-top{font-size:29px}.record-collection .vinyl-caption h3{font-size:21px}.record-collection .sleeve-bottom{font-size:10px}.turntable-panel{max-width:390px}}
@media(max-width:480px){.record-collection .vinyl-shelf{gap:12px;padding-inline:0}.record-collection .sleeve-top{font-size:20px}.record-collection .sleeve-top>span{font-size:5px}.record-collection .sleeve-bottom{font-size:6px}.record-collection .sleeve-bottom>span{font-size:11px}.record-collection .vinyl-caption h3{font-size:16px}.record-collection .vinyl-kind{font-size:7px}.record-collection .vinyl-caption{min-height:57px}.deck-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.record-select *,.tonearm{transition:none!important}.deck-record>.vinyl-disc{animation:none}.record-select:hover .vinyl-disc{translate:none}}

/* На столе лежат записки, кассета и музыкальная полка. */
.music-room{max-width:1180px;padding:clamp(22px,4vw,52px);border:1px solid #b99d9180;border-radius:5px;background:repeating-linear-gradient(92deg,#d8c2b110 0 2px,transparent 3px 55px),linear-gradient(135deg,#eee0d5f5,#dcc5b5ed 54%,#e9d5c9f2);box-shadow:0 24px 60px #76574d26,inset 0 1px #fff9}
.music-signature{position:relative;max-width:550px;padding:20px 25px;margin:0 0 42px;background:#fff8efde;border:1px solid #c6aca360;box-shadow:2px 5px 15px #5e443817;transform:rotate(-1deg)}
.music-signature:before,.favorite-selection:before,.music-playlists:before{content:'';position:absolute;top:-9px;left:42%;width:64px;height:18px;background:#ead7c3c9;transform:rotate(-3deg);box-shadow:0 1px 2px #5e443812}
.music-margin-note{padding-right:0}
.music-listening{position:relative;padding:clamp(22px,3.5vw,42px);background:#fffaf2e8;border:1px solid #c7afa25c;box-shadow:2px 8px 22px #674a3c17;transform:rotate(.2deg)}
.listening-layout{gap:38px}
.favorite-selection{position:relative;padding:24px;background:#fffdf8ab;box-shadow:0 4px 12px #78574710}
.favorite-selection:before{left:12%;width:48px;transform:rotate(-8deg)}
.favorite-list-title{margin-top:27px}
.music-playlists{position:relative;margin-top:285px;padding:25px;background:#f8e9e5e8;border:1px solid #d2ada75a;box-shadow:2px 6px 16px #72534c14;transform:rotate(1deg)}
.music-playlists:before{left:65%;width:48px}
.music-playlists h3{font-size:26px;margin-bottom:16px}
.playlist-link{min-height:83px;padding:15px;background:#fffaf7d9!important;box-shadow:none}
.record-room{position:relative;margin-top:55px;padding:clamp(24px,3vw,40px);border:1px solid #b79a8d78;background:linear-gradient(130deg,#e0c8b6,#d0b5a2 60%,#e4cbbb);box-shadow:0 9px 24px #65483c1c,inset 0 1px #fff8}
.record-room:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(95deg,transparent 0 45px,#a986741c 46px 48px,transparent 49px 98px)}
.record-room>h2,.record-room>.record-hint,.record-station{position:relative}
.music-transition-disc{position:fixed;left:0;top:0;width:100px;height:100px;border-radius:50%;z-index:10000;pointer-events:none;display:grid;place-items:center;background:repeating-radial-gradient(circle,#3c323a 0 1px,#241f25 2px 3px,#4a3c45 4px 5px);box-shadow:0 12px 35px #30232b50;will-change:transform,opacity}
.music-transition-disc:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 10%,#ffffff18 16%,transparent 25% 60%,#ffffff12 68%,transparent 76%)}
.music-transition-disc>span{width:35%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eacbd3;color:#805a6b;font:italic 8px var(--serif)}
.music-transition-disc small{font:3px sans-serif;letter-spacing:.3px}
.entry-disc{position:absolute;inset:1%;border-radius:50%;display:grid;place-items:center;pointer-events:none;background:repeating-radial-gradient(circle,#41363e 0 1px,#332c33 2px 3px,#4a3d47 4px 5px);box-shadow:3px 10px 19px #4c354526}
.entry-disc>span{width:31%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#f5dce3;color:#805165;font:italic clamp(13px,1.8vw,23px) var(--serif)}
@media(max-width:1000px){.music-playlists{margin-top:255px}}
@media(max-width:760px){.music-room{padding:20px}.music-listening{padding:22px}.favorite-selection{padding:18px}.music-playlists{margin-top:0;padding:20px}.record-room{padding:22px;margin-top:40px}}
@media(max-width:500px){.music-room{padding:14px}.music-signature{padding:17px}.music-listening,.record-room{padding:18px}.record-collection .vinyl-shelf{gap:8px}.music-margin-note{display:none}}

.favorite-track-link{width:100%;text-align:left;cursor:pointer}
@media(max-width:1000px) {
  .favorite-performer { flex-wrap: wrap; }
  .favorite-performer-name { min-width: min(100%, 108px); }
}
.playlist-link:hover .playlist-service,.playlist-link:focus-visible .playlist-service,.favorite-track-link:focus-visible .favorite-title{color:var(--rose)}
.playlist-service,.favorite-title{transition:color .2s ease}
.track-platform-dialog{width:min(420px,calc(100% - 32px));margin:auto;padding:30px;border:1px solid #c9ada8;border-radius:6px;background:#fff8ef;color:#513a46;box-shadow:0 18px 65px #39263338}
.track-platform-dialog::backdrop{background:#37283275}
.track-platform-name{margin:10px 0 20px;color:var(--music-muted)}
.track-platform-options{display:flex;flex-wrap:wrap;gap:10px}
.track-platform-options a{padding:10px 14px;border:1px solid #c9ada8;background:#f8e9e5}
.track-platform-options a:hover,.track-platform-options a:focus-visible,.track-platform-dialog button:hover{color:var(--rose)}
.track-platform-dialog form{margin-top:18px}