/* Album browser: contained, container-responsive layout. No theme-wide rules. */
.jrpps-browser,.jrpps-browser *{box-sizing:border-box}
.jrpps-browser{--jrpps-accent:var(--jrpps-preset-accent,#e7d0a1);--jrpps-wave:var(--jrpps-preset-wave,rgba(235,235,235,.74));--jrpps-wave-played:var(--jrpps-preset-wave-played,#e7d0a1);--jrpps-background:var(--jrpps-preset-background,#0b0b0b);--jrpps-wave-height:var(--jrpps-preset-wave-height,42px);--jrpps-bar-width:var(--jrpps-preset-bar-width,1px);--jrpps-bar-gap:var(--jrpps-preset-bar-gap,1px);--jrpps-radius:var(--jrpps-preset-radius,0);--jrpps-fade:#000;--jrpps-fade-height:64px;--jrpps-row-inset:14px;--jrpps-play-size:32px;--jrpps-icon-size:14px;--jrpps-list-height:560px;container:jrpps / inline-size;width:min(100%,66vw);max-width:100%;min-width:0;margin-inline:auto;padding:24px;color:#eeeae0;background:#080808;font-family:"Khand","Arial Narrow",sans-serif}
.jrpps-browser button,.jrpps-browser a{font:inherit}
.jrpps-browser button{text-transform:none;letter-spacing:normal}
.jrpps-browser :focus-visible{outline:2px solid var(--jrpps-accent);outline-offset:3px}
.jrpps-browser [hidden]{display:none!important}
.jrpps-browser-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:32px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}
.jrpps-browser-heading p,.jrpps-story>p,.jrpps-tracks header p{margin:0 0 12px;color:var(--jrpps-accent);font-size:12px;letter-spacing:.2em}
.jrpps-browser-heading h2{margin:0;overflow-wrap:anywhere;font:400 clamp(28px,4cqi,60px)/1.12 "Krona One",sans-serif;letter-spacing:-.035em}
.jrpps-album-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 0 28px}
.jrpps-album-button{min-width:0;padding:10px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;border:0;border-radius:0;background:rgba(255,255,255,.025);color:#eeeae0;text-align:left;cursor:pointer}
.jrpps-album-button:hover,.jrpps-album-button.is-active{background:rgba(231,208,161,.075);box-shadow:inset 2px 0 var(--jrpps-accent)}
.jrpps-album-button img{width:64px;height:64px;object-fit:cover}
.jrpps-album-button>span{min-width:0;display:flex;flex-direction:column;gap:4px}
.jrpps-album-button strong{overflow:hidden;font:400 12px "Krona One",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.jrpps-album-button small{color:#a09d95;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.jrpps-selected-album{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3cqi,48px);padding:clamp(18px,3cqi,48px);background:var(--jrpps-background);border-radius:var(--jrpps-radius);box-shadow:inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);align-items:start}
.jrpps-selected-album>*{min-width:0}
.jrpps-album-overview{display:grid;grid-template-columns:minmax(0,var(--jrpps-cover-weight,1fr)) minmax(0,1fr);gap:clamp(18px,2.5cqi,36px);align-items:stretch}
.jrpps-cover{min-width:0;align-self:start}
.jrpps-cover img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;box-shadow:0 20px 45px rgba(0,0,0,.3)}
.jrpps-story{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.jrpps-story h3{margin:0 0 24px;overflow-wrap:anywhere;color:#f3f0e8;font:400 clamp(22px,2.4cqi,48px)/1.12 "Krona One",sans-serif;letter-spacing:-.045em}
.jrpps-description{grid-column:1/-1;min-width:0;color:#aaa69d;font-size:clamp(16px,1.5cqi,22px);line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}
.jrpps-price{color:#ddd8cc;font:500 18px "Khand",sans-serif;margin:0 0 14px}
.jrpps-story>a.jrpps-purchase{margin-top:auto;width:100%;min-width:0;min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.61);border-radius:0;background:transparent;color:#fff;text-decoration:none;font:400 clamp(10px,1cqi,13px)/1.5 "Krona One",sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}
.jrpps-purchase .jrpps-button-label{min-width:0;overflow-wrap:anywhere}
.jrpps-purchase .jrpps-button-arrow{flex:none;font:400 22px/1 sans-serif}
.jrpps-story>a.jrpps-purchase:hover{background:var(--jrpps-accent);color:#080808}
.jrpps-tracks{min-width:0}
.jrpps-tracks header{min-width:0;min-height:64px;display:flex;gap:16px;justify-content:space-between;align-items:start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:14px}
.jrpps-tracks header>div{min-width:0}
.jrpps-tracks h4{margin:0;color:#eeeae0;font:400 18px/1.3 "Krona One",sans-serif;letter-spacing:-.035em}
.jrpps-tracks header>span{color:#96938b;font-size:12px;letter-spacing:.08em;text-align:right}
.jrpps-track-viewport{position:relative;min-width:0}
.jrpps-track-viewport::after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:var(--jrpps-fade-height);max-height:40%;background:linear-gradient(to bottom,transparent,var(--jrpps-fade));pointer-events:none;opacity:0;transition:opacity .2s}
.jrpps-track-viewport.has-more::after{opacity:1}
.jrpps-track-list{min-width:0;max-height:var(--jrpps-list-height);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;scroll-padding-block:20px var(--jrpps-fade-height)}
.jrpps-track-list::-webkit-scrollbar{display:none;width:0;height:0}
.jrpps-track{--jrpps-progress:0%;min-width:0;min-height:76px;padding:10px 8px 10px var(--jrpps-row-inset);display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1.12fr);gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.jrpps-track:hover,.jrpps-track.is-playing,.jrpps-track.is-loaded{background:rgba(231,208,161,.04)}
.jrpps-track.is-loaded{box-shadow:inset 2px 0 var(--jrpps-accent)}
.jrpps-number{color:#a19c91;font-size:12px;font-variant-numeric:tabular-nums}
.jrpps-track-title{min-width:0;display:flex;flex-direction:column;gap:4px}
.jrpps-track-title strong{overflow:hidden;color:#ddd9d0;font-size:clamp(16px,1.4cqi,20px);font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.jrpps-track-title small{color:#918c81;font-size:12px;line-height:1.3;letter-spacing:.04em}
.jrpps-waveform{min-width:0;width:100%;height:max(44px,var(--jrpps-wave-height));padding:0;display:grid;grid-template-columns:var(--jrpps-play-size) minmax(0,1fr) 34px;gap:8px;align-items:center;border:0;border-radius:0;box-shadow:none;background:transparent;color:#b1ab9d;cursor:pointer}
.jrpps-browser .jrpps-waveform:hover,.jrpps-browser .jrpps-waveform:focus{background:transparent;color:var(--jrpps-accent)}
.jrpps-play{width:var(--jrpps-play-size);height:var(--jrpps-play-size);display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.06);color:var(--jrpps-accent);line-height:1}
.jrpps-play svg{display:block;width:var(--jrpps-icon-size);height:var(--jrpps-icon-size);fill:currentColor}
.jrpps-play .jrpps-pause-icon,.jrpps-track.is-playing .jrpps-play-icon{display:none}
.jrpps-track.is-playing .jrpps-pause-icon{display:block}
.jrpps-wave{min-width:0;height:var(--jrpps-wave-height);display:block;position:relative;overflow:hidden}
.jrpps-wave canvas{display:block;width:100%;height:100%}
.jrpps-bars{height:100%;display:flex;align-items:center;gap:var(--jrpps-bar-gap);overflow:hidden}
.jrpps-bars i{width:var(--jrpps-bar-width);height:var(--jrpps-bar);flex:0 0 auto;background:var(--jrpps-wave);opacity:.68}
.jrpps-time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.jrpps-no-tracks,.jrpps-empty{padding:28px;color:#a39e93;background:#10100f;font-family:"Khand",sans-serif}
.jrpps-hero{width:100%;height:var(--jrpps-hero-height);overflow:hidden;background:#050505}
.jrpps-hero iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:1024px){.jrpps-browser{width:100%;padding:16px}}
@container jrpps (max-width:980px){.jrpps-selected-album{grid-template-columns:minmax(0,1fr)}.jrpps-story h3{font-size:clamp(26px,5.5cqi,48px)}.jrpps-track{grid-template-columns:22px minmax(0,1.2fr) minmax(0,1fr)}.jrpps-track-title strong{font-size:20px}.jrpps-album-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container jrpps (max-width:480px){.jrpps-browser-heading{grid-template-columns:1fr}.jrpps-selected-album{padding:16px;gap:24px}.jrpps-album-overview{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.jrpps-story h3{font-size:18px;margin-bottom:12px}.jrpps-story>p{font-size:9px;line-height:1.3;letter-spacing:.06em;margin-bottom:8px}.jrpps-story>a.jrpps-purchase{padding:8px;gap:6px;font-size:8px}.jrpps-purchase .jrpps-button-arrow{font-size:16px}.jrpps-track{grid-template-columns:16px minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding-right:0}.jrpps-track-title strong{font-size:16px}.jrpps-track-title small{display:none}.jrpps-waveform{--jrpps-play-size:28px;grid-template-columns:var(--jrpps-play-size) minmax(0,1fr) 30px;gap:5px}.jrpps-tracks header>span{display:none}.jrpps-album-rail{grid-template-columns:1fr}}
@container jrpps (max-width:480px){.jrpps-cover{align-self:end}.jrpps-story>a.jrpps-purchase{font-size:10px}}
@container jrpps (max-width:320px){.jrpps-album-overview{grid-template-columns:minmax(0,1fr)}.jrpps-story h3{font-size:24px}.jrpps-story>p{font-size:12px}.jrpps-story>a.jrpps-purchase{font-size:11px;margin-top:8px}.jrpps-track{grid-template-columns:16px minmax(0,1fr);gap:6px 10px}.jrpps-waveform{grid-column:2;grid-template-columns:var(--jrpps-play-size) minmax(0,1fr) 34px}.jrpps-number{grid-row:1/3}.jrpps-track-title strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.jrpps-browser *,.jrpps-track-viewport::after{transition:none!important}}