:root{color-scheme:dark;--gold:#dfc58e;--ink:#f0e9da;--muted:#b6b2b1;--line:#d5b77a35}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 80% 12%,#24315365,transparent 45%),radial-gradient(ellipse at 5% 80%,#38213830,transparent 50%),#0b0d14;color:var(--ink);font-family:'Yu Mincho','Hiragino Mincho ProN',serif;line-height:1.8}body::before{content:'';position:fixed;inset:12px;border:1px solid var(--line);pointer-events:none;z-index:5}a{color:var(--gold)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f2d59b;outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}.salon-shell{max-width:1120px;margin:auto;padding:0 38px}.salon-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.16em;text-decoration:none;font-size:16px}.brand img{width:47px;height:47px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.04em}.back-link{font-size:12px;text-decoration:none;white-space:nowrap}.salon-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:60px 0}.eyebrow{font-family:Georgia,serif;letter-spacing:.24em;font-size:10px;color:var(--gold);margin:0 0 14px}h1{font-size:clamp(32px,4.3vw,52px);font-weight:500;line-height:1.6;letter-spacing:.1em;margin:12px 0 20px}.hero-description{font-size:14px;color:var(--muted);line-height:2.1}.hero-note{display:inline-block;font-size:11px;letter-spacing:.08em;color:#d2bfa1;border-top:1px solid var(--line);padding-top:18px;margin-top:12px}.record-art{display:flex;flex-direction:column;align-items:center;gap:25px;position:relative}.record-art::before{content:'';position:absolute;width:100%;aspect-ratio:1;border:1px solid #d5b77a20;border-radius:50%;transform:scale(1.05);pointer-events:none}.record{width:90%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0d0e15 0px,#0d0e15 3px,#33303b 4px,#10111a 5px);box-shadow:16px 30px 70px #0008,inset 0 0 40px #000;border:1px solid #c0a07166;display:grid;place-items:center;position:relative}.record::after{content:'';position:absolute;inset:0;background:conic-gradient(from 25deg,transparent,#d1bd8930,transparent 24%,transparent 53%,#c2cdeb1c,transparent 80%);border-radius:50%;pointer-events:none}.record-label{width:40%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(circle,#8c7040,#3b3226);border:1px solid #d5b77a80;color:#f0dab1;font-size:50px;line-height:1.2;box-shadow:0 0 0 8px #c5a56915}.record-label small{font:8px/1.7 Georgia,serif;letter-spacing:.15em;text-align:center;margin-top:9px}.record-caption{font:9px Georgia,serif;color:var(--muted);letter-spacing:.25em}.listener-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:24px;justify-content:space-between}.listener-bar>div{width:260px}.listener-bar p{font-size:11px;color:var(--muted);margin:0}label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}select,input{width:100%;border:1px solid var(--line);background:#161923;color:var(--ink);border-radius:8px;padding:10px 12px}.section-intro{margin:45px 0 24px}.section-intro h2{font-size:23px;font-weight:400;margin:0;letter-spacing:.06em}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.room-door{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:235px;padding:22px 18px;border:1px solid var(--line);border-radius:60px 60px 12px 12px;background:radial-gradient(ellipse at 50% 0,#8b713c40,transparent 85%),#18171c;color:var(--ink);transition:transform .25s,border-color .25s}.room-door[data-room=hiddenGems]{background:radial-gradient(ellipse at 50% 0,#385d9850,transparent 85%),#141925}.room-door[data-room=composers]{background:radial-gradient(ellipse at 50% 0,#8a3d6050,transparent 85%),#21151f}.room-door[data-room=favorites]{background:radial-gradient(ellipse at 50% 0,#2f76684a,transparent 85%),#12201f}.room-door:hover{transform:translateY(-5px);border-color:#dfc58e99}.room-door[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 3px #dfc58e15,0 0 25px #dfc58e0c}.room-number{font:8px Georgia,serif;letter-spacing:.13em;color:var(--muted);align-self:center;margin-top:10px}.room-icon{font-size:34px;color:var(--gold);margin:12px 0 8px;align-self:center}.room-door strong{font-size:17px;font-weight:500;margin-bottom:9px}.room-door>span:last-of-type{font-size:11px;color:var(--muted);line-height:1.9}.room-door small{font-size:10px;color:var(--gold);margin-top:auto;padding-top:15px}.room-content{--room-glow:#8b713c20;margin-top:30px;border:1px solid var(--line);border-radius:18px;padding:34px;background:radial-gradient(ellipse at 100% 0,var(--room-glow),transparent 65%),#12131b}.room-content[data-theme=hiddenGems]{--room-glow:#385d9840}.room-content[data-theme=composers]{--room-glow:#8a3d6035}.room-content[data-theme=favorites]{--room-glow:#2f766830}.room-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;gap:14px}.room-heading h2{font-size:28px;letter-spacing:.08em;font-weight:400;margin:0}.room-heading p:last-child{font-size:12px;color:var(--muted);margin:10px 0 0}.room-emblem{font-size:48px;color:var(--gold);opacity:.6}.room-status{font-size:12px;color:var(--muted)}.empty-room{text-align:center;padding:25px 12px 30px}.empty-mark{font-size:45px;color:var(--gold);opacity:.65}.empty-room h3{font-size:20px;font-weight:400;letter-spacing:.07em;margin:12px 0}.empty-room p{font-size:13px;color:var(--muted);line-height:2;white-space:pre-line}.quiet-button{display:inline-block;color:var(--gold);background:#dfc58e09;border:1px solid var(--line);border-radius:8px;padding:9px 18px;font-size:12px;text-decoration:none;margin-top:12px}.catalog-tools{display:flex;gap:16px;margin:24px 0}.catalog-tools>div{flex:1;min-width:0}.track-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.track-play{flex:1;text-align:left;background:none;border:0;color:var(--ink);min-width:0;padding:8px;overflow-wrap:anywhere}.track-play strong{display:block;font-size:15px;font-weight:500}.track-play span{font-size:12px;color:var(--muted)}.track-row .quiet-button{flex-shrink:0;margin:0}.listening-player{margin-top:28px;padding:25px;background:#090b12;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.listening-player h3{font-size:21px;font-weight:400;margin:0}.listening-player audio{width:100%;margin-top:12px}.listening-player p,.listening-player details{font-size:12px;color:var(--muted)}.listening-player details{margin-top:20px}.listening-player summary{cursor:pointer}.salon-footnote{text-align:center;color:var(--muted);font-size:11px;margin:25px 0 40px}.notice{border:1px solid #be9a64;padding:12px;font-size:12px;color:#edc699}footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:24px 0 30px;font-size:10px;color:var(--muted)}@media(max-width:780px){.room-grid{grid-template-columns:repeat(2,1fr)}.salon-hero{gap:20px}.salon-shell{padding:0 24px}.record-label{font-size:35px}.record-label small{font-size:6px}.record-caption{font-size:7px}}@media(max-width:520px){body::before{inset:6px}.salon-shell{padding:0 20px}.salon-header{padding:22px 0}.brand{font-size:12px;gap:8px}.brand img{width:35px;height:35px}.brand small{font-size:8px}.salon-hero{grid-template-columns:1fr;padding:34px 0}.hero-copy{position:relative;z-index:1}h1{font-size:32px}.record-art{width:190px;margin:5px auto 0}.record-caption{font-size:7px}.record-label{font-size:28px}.listener-bar{align-items:start;flex-direction:column;gap:12px}.listener-bar>div{width:100%}.room-door{min-height:240px;padding:18px 12px}.room-door strong{font-size:16px}.room-number{font-size:7px}.room-content{padding:22px 18px}.room-heading h2{font-size:25px}.catalog-tools{flex-direction:column}.empty-room{padding-left:0;padding-right:0}.empty-room h3{font-size:18px}footer{flex-wrap:wrap}footer span{order:3;width:100%}.track-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Keep Japanese hero lines and section titles balanced at narrow widths. */
h1{font-size:clamp(28px,3.4vw,42px);letter-spacing:.04em}
@media(max-width:520px){h1{font-size:28px}.section-intro h2{font-size:19px}}

.collection-note{font-size:11px;color:var(--muted)}.jukebox-filters,.jukebox-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.check-filter{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.check-filter input{width:auto;accent-color:var(--gold)}.check-filter span{color:var(--gold)}.jukebox-controls .quiet-button{margin:0}.track-row.is-playing{background:#dfc58e0c;border-radius:8px;border-left:3px solid var(--gold)}.track-row.is-playing .track-play strong{color:#ffe4aa}.listening-player{margin:24px 0}.room-content[data-theme=hard]{--room-glow:#385d9840}.room-content[data-theme=medium]{--room-glow:#8a3d6035}.listening-player a:visited{color:var(--gold)}@media(max-width:520px){.salon-header{flex-wrap:wrap}.salon-header nav{font-size:11px}}

.track-play>span{display:block}.track-tier{display:inline-block;white-space:nowrap;font-size:10px;line-height:1.6;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin-top:5px}

.room-door[data-room=hard]{background:radial-gradient(ellipse at 50% 0,#385d9850,transparent 85%),#141925}.room-door[data-room=medium]{background:radial-gradient(ellipse at 50% 0,#8a3d6050,transparent 85%),#21151f}
.hero-copy .listening-player{margin:0;padding:0;border:0;background:none}.hero-copy .listening-player h3{font-size:clamp(23px,2.3vw,32px);line-height:1.65;letter-spacing:.03em}.hero-copy .listening-player audio{margin:14px 0}.hero-copy .listening-player details{padding-top:14px;border-top:1px solid var(--line)}.hero-copy{min-width:0}.record{animation:vinylTurn 6s linear infinite;animation-play-state:paused}.record-art.is-playing .record{animation-play-state:running}.record-art.is-playing .record-caption{color:var(--gold)}@keyframes vinylTurn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.record{animation:none!important}}@media(max-width:520px){.salon-hero{gap:28px}.hero-copy .listening-player h3{font-size:23px}}

.tonearm{position:absolute;z-index:3;left:51%;top:14%;width:43%;height:12px;border:1px solid #c9bd96;border-radius:7px;background:linear-gradient(#f8e7bb,#8e805e 45%,#d1bc8c 60%,#584e3c);box-shadow:0 5px 8px #0009;transform-origin:96% 50%;transform:rotate(-90deg);transition:transform 650ms cubic-bezier(.35,.05,.25,1);pointer-events:none}.tonearm-pivot{position:absolute;right:-6px;top:-7px;width:26px;height:26px;border-radius:50%;border:2px solid #c5b27e;background:radial-gradient(circle,#8c7a55 25%,#2d2b26 28%,#b7a372 70%);box-shadow:0 3px 8px #0008}.tonearm-cartridge{position:absolute;left:-6px;top:-3px;width:26px;height:19px;background:linear-gradient(135deg,#c8b681,#5a4d34);border:1px solid #dcca9c;border-radius:3px;transform:rotate(-8deg);box-shadow:0 4px 6px #0008}.tonearm-needle{content:'';position:absolute;left:3px;bottom:-5px;width:4px;height:6px;background:#efdcaa;border-radius:0 0 2px 2px}.record-art.needle-down .tonearm{transform:rotate(var(--needle-angle,10deg))}.record-art.is-cueing .record{animation-play-state:running}@media(prefers-reduced-motion:reduce){.tonearm{transition:none}}

.jukebox-filters .quiet-button{margin-top:0}.jukebox-filters{margin:18px 0}