@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
/* A shared visual direction with Relax & Sleep; scoped to the music library. */
.night-theme{--bg:#080f1c;--panel:#101d31;--mint:#b6dfd4;--muted:#a3b3c6;background:radial-gradient(ellipse at 90% 45%,#38284d20,transparent 45%),#080f1c;color:#e7eeed;overflow-x:hidden}
.night-theme header{position:relative;z-index:2;background:linear-gradient(100deg,#0b1828cc,#121729bb);border-bottom-color:#b6dfd41a;backdrop-filter:blur(18px)}
.night-theme .brand b{color:#c1dfd9}.night-theme nav a.active{color:#d5efeb}.night-theme nav a.active:after{box-shadow:0 0 12px #a7daca88}.night-theme .languages button[aria-pressed=true]{background:#9bc7ca1c;color:#d4ebe8}
.night-theme .hero{max-width:none;min-height:660px;padding:92px max(8%,calc((100vw - 1180px)/2)) 105px;gap:70px;isolation:isolate;overflow:hidden}
.night-theme .hero:before{content:'';position:absolute;inset:0;width:auto;height:auto;z-index:-3;background:linear-gradient(90deg,#080f1ce8 0%,#0b15268c 45%,#0b12244d 100%),linear-gradient(0deg,#080f1c,transparent 36%),url('/relax-sleep/assets/night.webp') center 57%/cover;transform:scale(1.015)}
.night-theme .hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#080f1c,transparent 18%)}
.night-theme .heroCopy{position:relative;z-index:1}.night-theme h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(66px,6.8vw,103px);font-weight:400;line-height:.98;letter-spacing:-2.3px;text-shadow:0 6px 40px #020a16a6;margin-bottom:27px}.night-theme h1 em{font-style:italic;color:#c1e2dc;font-weight:400}.night-theme .intro{color:#b0c5ce;line-height:1.95;max-width:360px}.night-theme .eyebrow{color:#abc9ca}.night-theme .hero .ytmark{background:#142e3bbf;color:#bddfd7;border:1px solid #9cd4cc55;box-shadow:0 0 20px #65bdbb16}.night-theme .heroNote{color:#9ab6c0}
.night-theme .button{background:linear-gradient(120deg,#c3e4d7,#a9d4d1);border:1px solid #d7f6eb66;box-shadow:0 8px 30px #83beb51c;color:#123035}.night-theme .button:hover{box-shadow:0 9px 36px #83beb535}
.night-theme .heroArt{transform:perspective(1200px) rotateY(-5deg);height:430px}.night-theme .heroArt:before{inset:0 -15% -25%;background:radial-gradient(ellipse,#729ca645,#573d7b26 40%,transparent 67%);filter:blur(35px)}.night-theme .heroCover{border-color:#d6e6f238;box-shadow:0 30px 60px #020814aa,0 0 35px #91c9bf14}.night-theme .heroCover:after{background:#0c2031d9;border-color:#c6ebdd77;color:#ddf4ec}.night-theme .heroCaption{color:#bdd6d7;letter-spacing:2.5px;bottom:-16px}
.nightParticles{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.nightParticles i{position:absolute;width:2px;height:2px;left:var(--x);top:var(--y);border-radius:50%;background:#d7eff8;box-shadow:0 0 6px #bbd6edaa;opacity:.45;animation:nightTwinkle 7s ease-in-out infinite;animation-delay:var(--delay)}.nightParticles i:nth-child(4n){width:3px;height:3px;box-shadow:0 0 12px #bfdefc77}.nightParticles:after{content:'';position:absolute;inset:25% -20% 10%;background:radial-gradient(ellipse at 60% 60%,#ba9ae422,transparent 50%);filter:blur(25px);animation:nightClouds 38s ease-in-out infinite alternate}
@keyframes nightTwinkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.85;transform:scale(1.15)}}@keyframes nightClouds{to{transform:translate(5%,5%) scale(1.1);opacity:.5}}
.night-theme .collection{border-top-color:#b6dfd416;background:radial-gradient(ellipse at 5% 10%,#1d45431a,transparent 45%);position:relative}.night-theme .sectionHead h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:43px;letter-spacing:-1px;font-weight:400}.night-theme .sectionHead>p{color:#9cb6c1}.night-theme .search,.night-theme .searchTools select{background:#17213799;border-color:#a6c4d61e}.night-theme .filters button[aria-pressed=true]{background:linear-gradient(120deg,#77b9b22a,#9672b31b);border-color:#a0c9cb44;color:#c6e8df}.night-theme .resultsLine p,.night-theme .release .meta{color:#9ab1c2}
.night-theme .artwork{border-color:#b7cbe226;border-radius:8px;box-shadow:0 12px 30px #01071266;transition:border-color .45s,box-shadow .45s,transform .45s}.night-theme .release:hover .artwork,.night-theme .release:focus-visible .artwork{border-color:#b2dfd477;box-shadow:0 16px 38px #0007,0 0 25px #8ac0c32b;transform:translateY(-4px)}.night-theme .release h4{color:#e1ecee}.night-theme .playBadge{background:#c3e4db}.night-theme .loadMore{background:linear-gradient(110deg,#1a333b55,#31274455);border-color:#accbcc3d}
.night-theme .quiet{background:linear-gradient(100deg,#101f32e8,#20213bc4),url('/relax-sleep/assets/night.webp') center 65%/cover;border-color:#b4d3d324;box-shadow:0 15px 50px #0002}.night-theme .quiet h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:400}.night-theme .quiet .ytmark{background:#173443;color:#c1e2da;border:1px solid #a5cbc144}.night-theme footer{border-top-color:#b1cfe51a}
.night-theme dialog{background:radial-gradient(ellipse at 100% 0,#382c4a44,transparent 60%),#0e1b2b;border-color:#a5c4d03d;box-shadow:0 40px 140px #000b,0 0 80px #406c761f}.night-theme dialog::backdrop{background:#030917df;backdrop-filter:blur(13px)}.night-theme .releaseInfo h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;font-weight:500;line-height:1.08}.night-theme .releaseNav button{background:#93beb408;border-color:#a6d3d32b}.night-theme .releaseNav button:hover:not(:disabled){background:#93beb41a}
@media(max-width:1100px){.night-theme .hero{padding:70px 6% 90px;gap:35px;min-height:610px}.night-theme .heroArt{height:360px}}
@media(max-width:760px){.night-theme .hero{padding:50px 7% 55px;gap:15px;min-height:0}.night-theme .hero:before{background-position:center,center,62% center}.night-theme h1{font-size:76px;letter-spacing:-1.6px}.night-theme .intro{max-width:330px}.night-theme .heroArt{height:305px;max-width:380px;transform:none;margin-top:16px}.night-theme .heroCaption{bottom:0}.night-theme .sectionHead h2{font-size:36px;line-height:1.1}.night-theme .quiet h2{font-size:26px}.night-theme .releaseInfo h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.nightParticles i,.nightParticles:after{animation:none!important}.nightParticles i{opacity:.4}.night-theme .artwork{transition:none!important}}
/* Complete music overview: compact introduction and every release in themed sections. */
.night-theme .hero{min-height:0;padding-top:38px;padding-bottom:42px;gap:60px}
.night-theme h1{font-size:clamp(48px,4.6vw,70px);line-height:1;letter-spacing:-1.7px;margin-bottom:18px}
.night-theme .hero .eyebrow{margin-bottom:18px}.night-theme .intro{max-width:430px;font-size:12px;line-height:1.8;margin-bottom:18px}.night-theme .heroNote{margin-top:12px;margin-bottom:0}.night-theme .heroArt{height:240px;max-width:340px;justify-self:end;width:100%}.night-theme .heroCaption{bottom:-5px;font-size:7px}.night-theme .heroCover:after{width:30px;height:30px;font-size:16px}
.night-theme .collection{padding-top:32px}.night-theme .sectionHead{margin-bottom:24px}.night-theme .sectionHead h2{font-size:37px}.tools{padding-block:15px}
.themeNav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px;margin-top:0;padding:16px 0;background:#080f1cf2;backdrop-filter:blur(20px);position:sticky;top:0;z-index:10;border-bottom:1px solid #b7dacf1a}
.themeNav a{display:flex;align-items:center;gap:7px;border:1px solid #9abcc32b;border-radius:5px;background:#13253670;padding:9px 11px;color:#c3d9d9;font-size:10px;white-space:nowrap}.themeNav a:hover,.themeNav a:focus-visible{background:#203b4266;border-color:#abd7cb66}.themeNav a>span{font-size:16px;color:#afd7cc}.themeNav small{color:#9fbac5;font-size:8px;margin-left:2px}.allVisible{font-size:10px;color:#95b1bc;margin:14px 0 0}.resultsLine{margin:12px 0 22px}
.themeGroups{display:block}.musicTheme{margin:0 0 46px;scroll-margin-top:125px}.themeHeading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #bed9e021;margin-bottom:20px;padding-bottom:16px}.themeHeading h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:400;line-height:1.2;margin:7px 0 0;color:#dfedeb;letter-spacing:-.5px}.themeHeading h3>span{font-size:26px;display:inline-block;min-width:25px;color:#a4cfc7}.themeHeading>p{font-size:9px;margin:0 0 4px;color:#9bb4bf;white-space:nowrap}.themeIndex{font-size:7px;color:#8eafb6;letter-spacing:2px;text-transform:uppercase}.themeGrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:25px 14px}.themeGrid .release h4{font-size:10px;line-height:1.5;margin-top:9px}.themeGrid .release .meta{font-size:8px;flex-wrap:wrap;gap:2px}.themeGrid .release .meta span:last-child{font-size:7px}.themeGrid .playBadge{width:30px;height:30px;font-size:14px;bottom:8px;right:8px}
@media(max-width:1199px){.themeGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.themeNav a{font-size:9px;padding:8px 10px}.night-theme .hero{gap:35px}}
@media(max-width:999px){.themeGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.themeGrid .release h4{font-size:11px}}
@media(max-width:760px){.night-theme .hero{grid-template-columns:1fr;gap:0;padding:30px 7%}.night-theme h1{font-size:52px;max-width:390px}.night-theme .heroArt{display:none}.night-theme .intro{max-width:430px}.night-theme .heroNote{font-size:8px}.night-theme .sectionHead h2{font-size:31px}.themeNav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:14px 0;backdrop-filter:none}.themeNav a{font-size:9px;white-space:normal;min-height:42px;padding:8px;gap:5px}.themeNav a>span{font-size:15px}.themeNav small{margin-left:auto}.themeHeading h3{font-size:29px}.themeHeading h3>span{font-size:22px;min-width:21px}.themeHeading>p{font-size:8px}.musicTheme{scroll-margin-top:20px;margin-bottom:35px}.themeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.allVisible{font-size:9px}}
@media(max-width:479px){.themeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.themeGrid .release h4{font-size:11px}.themeHeading h3{font-size:27px}}
/* Keep the themed cover sections in view immediately below the short introduction. */
.night-theme .hero{padding-top:24px;padding-bottom:26px;gap:45px}.night-theme h1{font-size:clamp(44px,4.1vw,58px);margin-bottom:12px}.night-theme .hero .eyebrow{margin-bottom:12px}.night-theme .intro{font-size:11px;line-height:1.7;margin:0;max-width:450px}.night-theme .hero .button,.night-theme .heroNote,.night-theme .heroCaption{display:none}.night-theme .heroArt{height:170px;max-width:240px}.night-theme .collection{padding-top:22px}.night-theme .sectionHead{margin-bottom:18px}.night-theme .sectionHead .eyebrow{margin-bottom:6px}.night-theme .sectionHead h2{font-size:33px}.themeNav{padding-block:12px}.allVisible{display:none}.resultsLine{margin-block:12px 20px}
@media(max-width:760px){.night-theme .hero{padding-block:24px}.night-theme h1{font-size:45px;margin-bottom:10px}.night-theme .intro{font-size:10px}.night-theme .sectionHead h2{font-size:29px}}