:root{--rail:286px;--orange:#ff4500;--ink:#111;--muted:#777}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,input{font:inherit}
button{border:0;background:transparent;color:inherit;cursor:pointer}
.control{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--rail);padding:22px 20px 18px;border-right:1px solid #bbb;background:#fff;display:flex;flex-direction:column}
.mobile-context{display:none}
.control-head{display:flex;justify-content:center}.control-head img{display:block;width:205px;height:auto}.control-head a{color:inherit;text-decoration:none}
.login-trigger{align-self:center;margin-top:22px;padding:0;color:#777;font-size:9px;letter-spacing:1.6px;line-height:1;text-decoration:none}.login-trigger:hover,.login-trigger:focus-visible{color:var(--orange);outline:0}
.search-zone{display:flex;min-height:0;margin-top:31px;flex:1;flex-direction:column}.search-zone label{display:flex;height:24px;align-items:center;gap:8px;color:#777;font-size:9px;font-weight:700;letter-spacing:1.2px}.search-zone label img{display:block;width:24px;height:24px;object-fit:contain}.playing-label{font-size:10px;letter-spacing:1.6px}.search-zone input{width:100%;margin:7px 0 5px;padding:5px 2px;border:0;border-bottom:1px solid #111;border-radius:0;outline:0;background:#fff;font-size:15px}.search-zone input:focus{border-color:var(--orange)}
.search-status{font:9px/1.4 "Courier New",monospace;color:#999}.search-results{margin:15px -5px 0;overflow:auto}.result{display:block;width:100%;padding:7px 5px;text-align:left}.result:hover,.result:focus-visible{color:var(--orange)}.result strong{display:block;font-size:12px;font-weight:400}.result small{display:block;margin-top:2px;color:#999;font-size:9px}.empty{padding:7px 5px;color:#999;font-size:10px}
.favorites-zone{margin:11px -5px 0;padding:0 5px}.favorites-heading{display:block;padding:0;color:#000;font-size:11px;font-weight:700;letter-spacing:1.2px;text-align:left}.favorites-heading:hover,.favorites-heading:focus-visible{color:var(--orange);outline:0}.favorites-heading span{margin-right:5px;color:#159947;font-size:18px;vertical-align:-2px}.favorites-results{display:none}.mobile-favorites-back{display:none}
.player-zone{padding-top:18px;border-top:1px solid #bbb}.now-artist{margin-top:10px;font-size:10px;font-weight:700}.now-title{min-height:34px;margin-top:3px;font-size:15px;line-height:1.05;font-style:italic}.transport{display:flex;align-items:center;gap:15px;margin-top:10px}.transport button{padding:3px;color:#555;font:11px Arial}.transport button:hover{color:var(--orange)}#play{width:24px;color:#111;font-size:14px}
.progress{width:100%;height:15px;margin:7px 0 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.progress::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--orange) 0 var(--played,0%),#aaa var(--played,0%) 100%)}.progress::-webkit-slider-thumb{width:9px;height:9px;margin-top:-4px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;background:var(--orange)}.progress::-moz-range-track{height:1px;background:#aaa}.progress::-moz-range-progress{height:1px;background:var(--orange)}.progress::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--orange)}
.time{display:flex;justify-content:space-between;color:#888;font:9px "Courier New",monospace}.download{display:block;width:24px;height:24px;margin-top:8px}.download img{display:block;width:24px;height:24px;object-fit:contain}.mobile-find,.mobile-favorites,.mobile-search-back{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{min-height:100vh;margin-left:var(--rail);padding:46px 5vw 140px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;max-width:920px;margin:0 auto 58px}.page-head h1{margin:0;font-size:13px;font-weight:400;letter-spacing:2px}.page-head h1 b{font-weight:700}.page-head h1 span{font-weight:300}
.site-footer{margin-left:var(--rail);padding:25px 5vw 42px;color:#aaa;font-size:9px;letter-spacing:.7px}.site-footer nav{display:inline-flex;gap:15px;margin-left:22px}.site-footer a{color:#aaa;text-decoration:none}.site-footer a:hover{color:var(--orange)}
.favorites-page .site-footer{display:none}
.favorites-page .mobile-context,.legal-page .mobile-context{display:none}
.albums{display:flex;max-width:760px;margin:0 auto;flex-direction:column;gap:38px}.album-card{display:grid;grid-template-columns:140px 1fr;align-items:end;gap:24px;width:100%;padding:0;text-align:left}.album-cover{display:block;width:140px;height:140px;object-fit:cover;background:var(--cover,#bbb)}.album-cover.contain{object-fit:contain}.album-placeholder{display:block;width:140px;height:140px;background:var(--cover,#bbb)}.album-text{padding-bottom:1px}.album-artist{display:block;font-size:17px;font-weight:700}.album-title{display:block;margin-top:3px;font-size:17px;font-weight:300;font-style:italic}.album-card:hover .album-title,.album-card:focus-visible .album-title{color:var(--orange)}.section-gap{height:54px}.section-label{margin-left:-80px;font-size:13px;font-weight:400;letter-spacing:2px}.section-label b{font-weight:700}.section-label span{font-weight:300}
.content-notice{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:23px 25px;background:#ed1717;color:#fff;font-size:11px;line-height:1.5}.notice-symbol{position:relative;display:block;width:46px;height:46px;margin-top:1px;border:4px solid #fff;border-radius:50%}.notice-symbol:after{position:absolute;top:18px;left:3px;width:32px;height:4px;background:#fff;content:"";transform:rotate(-45deg);transform-origin:center}.content-notice strong{display:block;margin-bottom:9px;font-size:12px;letter-spacing:1.5px}.content-notice p{margin:0}.album-stream>.content-notice{margin-bottom:90px}
.content-clear{margin:58px 0 48px;padding:15px 20px;background:#24a148;color:#fff;font-size:11px;letter-spacing:1.5px}.content-clear strong{font-weight:700}.album-stream>.content-clear{margin-top:120px;margin-bottom:0}
.album-stream{max-width:780px;margin:0 auto}.album-release{scroll-margin-top:46px}.back{display:inline-block;margin-bottom:70px;color:#777;font-size:10px;text-decoration:none}.stream-back{margin-top:220px;margin-bottom:140px}.back:hover{color:var(--orange)}.album-heading{display:grid;grid-template-columns:180px 1fr;align-items:end;gap:28px;margin-bottom:48px}.album-heading>img,.album-heading>i{display:block;width:180px;height:180px;object-fit:cover;background:var(--cover,#bbb)}.album-heading-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.album-heading h1{margin:0;font-size:28px;line-height:.95}.album-heading h1 b,.album-heading h1 span{display:block}.album-heading h1 span{margin-top:7px;font-weight:300;font-style:italic}.album-marks{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex:0 0 auto}.album-marks img{display:block;width:auto;height:28px;object-fit:contain}.track-list{margin:0;padding:0;list-style:none;border-top:1px solid #bbb}.track-row{display:grid;grid-template-columns:1fr 78px;align-items:center;border-bottom:1px solid #eee}.track{display:grid;grid-template-columns:38px 48px 1fr;align-items:baseline;width:100%;padding:9px 3px;text-align:left}.track:hover,.track.is-current{color:var(--orange)}.track-no,.track-duration{color:#888;font:10px "Courier New",monospace}.track-title{font-size:13px}.track-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.favorite{display:grid;width:24px;height:28px;padding:0;color:#c8c8c8;font-size:18px;line-height:1;place-items:center}.favorite:hover,.favorite:focus-visible{color:#777;outline:0}.favorite.is-favorite{color:#159947}.track-download{padding:6px 3px}.track-download img{display:block;width:20px;height:20px;object-fit:contain}.archive-link{display:inline-block;margin-top:38px;color:#777;font-size:10px}.archive-link:hover{color:var(--orange)}
.back{color:#111;font-size:30px;line-height:1}.back:hover{color:var(--orange)}
.disc-label{padding:10px 3px 9px;border-bottom:1px solid #eee;color:#999;font:9px "Courier New",monospace;letter-spacing:1.5px}.disc-label-two{margin-top:40px;border-top:1px solid #bbb}
.legal-view{max-width:780px;margin:0 auto}.legal-view>h1{margin:0 0 50px;font-size:28px}.legal-copy{max-width:680px;color:#888;font-size:13px;line-height:1.65}.legal-copy h2{margin:38px 0 8px;color:#777;font-size:12px;letter-spacing:.7px}.legal-copy p{margin:0 0 16px}.legal-copy a{color:#777;text-decoration:underline;text-underline-offset:2px}.legal-copy a:hover{color:var(--orange)}.legal-date{font:10px "Courier New",monospace}.legal-lead{color:#777;font-weight:700}
.favorites-view{max-width:780px;margin:0 auto}.favorites-view>h1{margin:0 0 30px;font-size:20px;letter-spacing:1.5px}.favorites-view>h1 span{margin-right:8px;color:#159947;font-size:28px;vertical-align:-2px}.favorites-sort{display:flex;justify-content:flex-end;gap:18px;margin-bottom:18px}.favorites-sort button{padding:0;color:#aaa;font-size:9px;letter-spacing:1px}.favorites-sort button:hover,.favorites-sort button:focus-visible{color:#555;outline:0}.favorites-sort button.is-active{color:#111}.favorite-page-row .track-title b{display:block;font-size:13px;font-weight:400}.favorite-page-row .track-title small{display:block;margin-top:3px;color:#aaa;font-size:9px;font-weight:400}.favorites-empty{padding:25px 3px;border-top:1px solid #bbb;color:#999;font-size:10px}
@media(max-width:760px),(max-height:520px) and (pointer:coarse){:root{--mobile-player:92px}.control{inset:auto 0 0;width:auto;height:var(--mobile-player);padding:9px 14px calc(9px + env(safe-area-inset-bottom));border:0;border-top:1px solid #aaa;display:block}.control-head,.login-trigger{display:none}.mobile-find{display:block;position:absolute;right:14px;top:10px}.search-zone{display:none;position:fixed;z-index:30;inset:0 0 var(--mobile-player);margin:0;padding:22px;background:#fff}.favorites-zone{display:none}.control.search-open .search-zone{display:flex}.player-zone{padding:0;border:0}.playing-label{display:none}.now-artist{margin:0;padding-right:55px;font-size:9px}.now-title{min-height:17px;margin:1px 60px 0 0;overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.transport{position:absolute;right:12px;bottom:36px;margin:0;gap:4px}.progress{position:absolute;left:14px;right:14px;bottom:18px;width:calc(100% - 28px);margin:0}.time,.download{display:none}.app{margin:0;padding:30px 20px calc(130px + env(safe-area-inset-bottom))}.page-head{margin-bottom:38px}.page-head span{display:none}.albums{gap:26px}.album-card{grid-template-columns:105px 1fr;gap:16px}.album-cover,.album-placeholder{width:105px;height:105px}.album-artist,.album-title{font-size:15px}.section-gap{height:65px}.back{margin-bottom:38px}.album-heading{grid-template-columns:115px 1fr;gap:17px}.album-heading>img,.album-heading>i{width:115px;height:115px}.album-heading-copy{gap:10px}.album-heading h1{font-size:20px}.album-marks{gap:5px}.album-marks img{height:20px}.track-row{grid-template-columns:1fr 70px}.track{grid-template-columns:30px 42px 1fr;padding:10px 2px}.track-actions{gap:4px}.track-download{padding-right:2px}}
@media(max-width:1100px){.section-label{margin-left:0}}
@media(max-width:760px),(max-height:520px) and (pointer:coarse){.page-head h1 span{display:inline}.section-gap{height:26px}.section-label{font-size:12px;letter-spacing:1.5px}}
@media(max-width:760px),(max-height:520px) and (pointer:coarse){
  :root{--mobile-player:calc(158px + env(safe-area-inset-bottom))}
  .control{height:var(--mobile-player);padding:13px 20px calc(12px + env(safe-area-inset-bottom))}
  .mobile-context{position:fixed;z-index:25;top:0;right:0;left:0;display:flex;height:82px;padding:10px 18px;background:#fff;align-items:center;gap:15px}
  .mobile-context-logo{display:flex;flex:0 0 auto;align-items:center}.mobile-context-logo img{display:block;width:118px;height:auto;max-height:60px;object-fit:contain;object-position:left center}.mobile-context.is-db .mobile-context-logo img{width:60px;height:60px;object-fit:cover}
  .mobile-context-label{font-size:10px;font-weight:400;letter-spacing:1.1px;white-space:nowrap}.mobile-context-label b{font-weight:700}.mobile-context-label span{font-weight:300}
  .mobile-find{position:absolute;z-index:40;top:8px;right:12px;display:block;width:44px;height:44px;padding:4px;background:#fff}.mobile-find img{display:block;width:36px;height:36px;object-fit:contain}.mobile-favorites{position:absolute;z-index:40;top:8px;right:64px;display:grid;width:44px;height:44px;padding:0;background:#fff;color:#159947;font-size:31px;line-height:1;place-items:center}
  .search-zone{inset:0 0 var(--mobile-player);max-height:none;padding:66px 22px 24px;border:0}.search-zone .find-label{display:none}
  .control.search-open .mobile-find,.control.search-open .mobile-favorites{display:none}.mobile-search-back{position:absolute;z-index:2;top:12px;left:22px;display:block;color:#000;font-size:34px;font-weight:700;line-height:1;text-decoration:none}.mobile-search-back:hover,.mobile-search-back:focus-visible{color:var(--orange)}
  .control.search-open~.mobile-context{display:none!important}
  .search-zone label{font-size:12px}.search-zone input{margin-top:11px;padding:8px 2px;font-size:22px}.search-results{margin-top:20px}.result{padding:11px 5px}.result strong{font-size:15px}.result small{font-size:10px}
  .now-artist{padding-right:0;font-size:10px}.now-title{min-height:22px;margin:3px 0 0;padding-right:0;font-size:16px}
  .transport{top:48px;right:auto;bottom:auto;left:50%;gap:12px;transform:translateX(-50%)}
  .transport button{display:grid;width:44px;height:44px;padding:0;place-items:center;font-size:16px}
  #play{width:50px;font-size:20px}
  .progress{right:20px;bottom:calc(31px + env(safe-area-inset-bottom));left:20px;width:calc(100% - 40px);height:25px}
  .progress::-webkit-slider-thumb{width:15px;height:15px;margin-top:-7px}.progress::-moz-range-thumb{width:15px;height:15px}
  .time{position:absolute;right:20px;bottom:calc(15px + env(safe-area-inset-bottom));left:20px;display:flex;font-size:10px}
  .page-head{display:none}
  .app{padding-top:108px;padding-bottom:calc(var(--mobile-player) + 38px)}
  .favorites-page .app,.legal-page .app{padding-top:30px}
  .album-release{scroll-margin-top:102px}.stream-back{margin-top:164px;margin-bottom:76px}
  .content-notice{grid-template-columns:38px 1fr;gap:14px;padding:18px 19px;font-size:10px}.notice-symbol{width:36px;height:36px;border-width:3px}.notice-symbol:after{top:14px;left:3px;width:25px;height:3px}.content-notice strong{font-size:11px}.album-stream>.content-notice{margin-bottom:65px}
  .content-clear{margin:44px 0 34px;padding:13px 16px;font-size:10px}.album-stream>.content-clear{margin-top:90px;margin-bottom:0}
  .site-footer{margin-left:0;padding:25px 20px calc(var(--mobile-player) + 30px);font-size:8px}.site-footer>span{display:block;margin-bottom:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:13px;margin-left:0}
  .legal-view>h1{margin-bottom:38px;font-size:24px}.legal-copy{font-size:13px;line-height:1.6}.legal-copy h2{margin-top:32px}
}
