.host-music{display:grid;grid-template-columns:140px minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;padding:clamp(24px,4vw,48px);box-sizing:border-box;border:1px solid #d8c8b2;border-radius:24px;background:#eee6d9;color:#362c23}.host-music h2{margin:8px 0 16px;font-size:clamp(27px,4vw,42px);line-height:1.25}.host-music p{max-width:760px;line-height:1.8}.host-music-record{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#382e27 0 3px,#4b3f34 4px 5px);box-shadow:0 8px 20px #372a201c}.host-music-record span{display:grid;place-items:center;background:#bc7658;color:#fff7e9;width:54px;height:54px;border-radius:50%;font-size:28px}.host-music-play{display:inline-block;padding:13px 22px;background:#3c3027;color:#fff8ed!important;border-radius:32px;text-decoration:none;font-weight:600;line-height:1.5}.host-music-play:focus-visible{outline:3px solid #a34f31;outline-offset:5px}.host-music .host-music-note{font-size:13px;line-height:1.65;color:#6b594a;margin-bottom:0}@media(max-width:600px){.host-music{grid-template-columns:minmax(0,1fr);gap:16px}.host-music-record{width:88px;height:88px}.host-music-record span{width:38px;height:38px;font-size:23px}.host-music-play{max-width:100%;box-sizing:border-box}}

.vinyl-library{color:#362c23;padding-top:32px}.vinyl-intro{max-width:720px}.vinyl-intro h2{font-size:clamp(30px,4.6vw,52px);line-height:1.15;margin:12px 0 20px}.vinyl-intro p{line-height:1.8}.vinyl-count{display:inline-block;margin:8px 0 28px;font-size:12px;letter-spacing:.08em;color:#79634f}.vinyl-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,48px);padding:38px clamp(20px,4vw,44px) 34px;background:linear-gradient(#e9dfce,#f5eddf);align-items:start;border:1px solid #d8c8b2;border-radius:20px;box-shadow:0 12px 26px #5f422015}.vinyl-item{min-width:0;--sleeve:#b46b50;--label:#c58b57}.vinyl-tosya{--sleeve:#657467;--label:#aabb99}.vinyl-favorites{--sleeve:#c9af7e;--label:#c37c63}.vinyl-item summary{cursor:pointer;list-style:none;display:block;border-bottom:8px solid #bc956e;padding-bottom:20px;box-shadow:0 5px 3px -3px #5f422035}.vinyl-item summary::-webkit-details-marker{display:none}.vinyl-item summary:focus-visible{outline:3px solid #995236;outline-offset:8px;border-radius:8px}.vinyl-art{display:block;position:relative;aspect-ratio:1.18;margin:0 0 24px}.vinyl-disc{position:absolute;width:80%;aspect-ratio:1;right:0;top:0;border-radius:50%;background:repeating-radial-gradient(circle,#252521 0 2px,#393831 3px,#252521 4px);box-shadow:3px 8px 12px #392d2238;display:grid;place-items:center;transition:transform .25s}.vinyl-label{width:31%;aspect-ratio:1;border-radius:50%;background:var(--label);display:grid;place-items:center;font-size:clamp(18px,3vw,32px);color:#28271f;box-shadow:inset 0 0 0 1px #ffffff40}.vinyl-label:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#f8efdf}.vinyl-sleeve{position:absolute;left:0;top:7%;width:77%;height:90%;box-sizing:border-box;padding:9%;background:linear-gradient(135deg,#ffffff13,#00000014),var(--sleeve);color:#fff7e6;display:flex;flex-direction:column;justify-content:space-between;box-shadow:1px 8px 16px #392d2238;transform:rotate(-3deg);transition:transform .25s}.vinyl-number,.vinyl-cover-foot{font-size:9px;letter-spacing:.12em}.vinyl-cover-title{font-family:Georgia,serif;font-size:clamp(23px,3.2vw,38px);line-height:1.1;overflow-wrap:anywhere}.vinyl-caption{display:flex;flex-direction:column;gap:8px}.vinyl-caption strong{font-size:19px}.vinyl-caption small{font-size:9px;letter-spacing:.12em;line-height:1.5}.vinyl-open{font-size:12px;margin-top:4px;display:flex;justify-content:space-between;align-items:center}.vinyl-open>span{font-size:21px}.vinyl-story{margin-top:22px;padding-top:20px;border-top:1px solid #bca07c;line-height:1.8}.vinyl-story h3{font-size:22px;line-height:1.3}.vinyl-story .host-music-play{font-size:13px;box-sizing:border-box;max-width:100%;padding:12px 16px}.vinyl-item[open] .vinyl-disc{transform:translateX(5%) rotate(15deg)}.vinyl-item[open] .vinyl-sleeve{transform:rotate(-6deg)}.vinyl-item[open] .vinyl-open>span{transform:rotate(45deg)}.vinyl-service-note{font-size:12px;line-height:1.7;color:#79634f;margin-top:20px}@media(hover:hover){.vinyl-item summary:hover .vinyl-disc{transform:translateX(5%) rotate(12deg)}}@media(max-width:700px){.vinyl-shelf{grid-template-columns:1fr;gap:34px;background:#eee4d4;padding:28px 24px}.vinyl-item{padding-bottom:10px}.vinyl-art{max-width:300px;margin:0 auto 24px}.vinyl-cover-title{font-size:34px}.vinyl-number,.vinyl-cover-foot{font-size:10px}.vinyl-caption strong{font-size:22px}.vinyl-label{font-size:28px}}@media(prefers-reduced-motion:reduce){.vinyl-disc,.vinyl-sleeve{transition:none}}