:root{--system-ui:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}@font-face{font-family:'font awesome 6 free';font-style:normal;font-weight:900;src:url(/fonts/fa-solid-900.woff2)format('woff2');font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#ebebeb;font-family:var(--system-ui);padding-top:100px}body.library{background-color:#000;color:#fff}p{line-height:1.4em}a{color:#ff3b30}a:visited{color:#ee918c}a:hover{text-decoration:none}h2{font-size:24px;font-weight:600;margin-bottom:1em}.container p{font-family:Georgia,times new roman,Times,serif;font-size:17px;line-height:1.7;color:#333;margin-bottom:24px}.container ul{list-style-type:disc;padding-left:1.5em;margin:-10px 0 18px;font-family:georgia,serif;font-size:1rem;line-height:1.6;color:#333}.hide-top{position:fixed;top:-500px;left:0;width:100%;height:500px;background-color:#000;z-index:1050}header{position:fixed;top:0;left:0;width:100%;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(47,47,47,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #4d4d4d;border-top:1px solid #090909;box-shadow:0 2px 4px rgba(0,0,0,.5);z-index:1000;height:80px}header .logo img{width:120px;height:auto;margin-left:10px;margin-top:10px}@media(max-width:600px){header .logo img{width:100px;margin-left:0;margin-right:8px}}#main-menu-button{font-size:40px;height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:#fff;cursor:pointer;position:relative;top:-2px}#main-menu-button:hover{color:#ff3b30}.menu-top{display:flex;align-items:center;justify-content:space-between;padding:0 38px;margin-top:18px}.menu-top h2{margin:0!important}#close-menu{width:40px;height:40px;border:none;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:1101;overflow:hidden}#close-menu svg{width:24px;height:24px;fill:#fff;transition:transform .3s ease,fill .3s ease}#close-menu:hover svg{fill:#fff;transform:scale(1.4)}#close-menu:active{transform:scale(.95)}#close-menu::before{content:"";position:absolute;width:32px;height:32px;background-color:#ff3b30;border-radius:50%;opacity:0;transition:opacity .3s,transform .2s}#close-menu:hover::before{opacity:1;transform:scale(1.1)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dim-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;z-index:1050;visibility:hidden}.dim-background.active{opacity:1;visibility:visible}#menu-overlay{position:fixed;top:0;right:-100%;height:100%;background-color:#2f2f2f;box-shadow:-2px 0 5px rgba(0,0,0,.5);transition:right .3s ease;display:flex;flex-direction:column;padding:0;border-left:1px solid #444;z-index:1100;color:#fff}@media(max-width:767px){#menu-overlay{width:100%;right:-100%}}@media(min-width:768px) and (max-width:1023px){#menu-overlay{width:50%;right:-50%}}@media(min-width:1024px){#menu-overlay{width:33%;right:-33%}}#menu-overlay h2{font-size:24px;margin:32px 0 8px 38px}#menu-overlay h3{font-size:18px;margin:32px;margin-bottom:5px}#menu-overlay.active{right:0}.menu-inner{padding:0 32px}.menu-intro{margin:18px 0 24px;padding:18px 20px;overflow:hidden;border-radius:8px;background:#2f2f2f;box-shadow:19px 19px 38px #1e1e1e,-19px -19px 38px #404040}.profile-photo{width:80px;height:80px;float:left;margin:8px 16px 12px 6px;border-radius:50%}.menu-description{font-size:15px;line-height:1.7;color:#eee;margin-top:0}nav.main-menu li{list-style:none;border-bottom:1px solid #444}nav.main-menu a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 38px;color:#fff;text-decoration:none;background-color:transparent}nav.main-menu a:hover{background-color:#444}nav.main-menu a::after{content:"›";font-size:18px;color:#fff}.menu-item a{display:flex;align-items:center;justify-content:space-between;padding:16px 38px;text-decoration:none;gap:16px;line-height:1.4}.menu-item a span{display:flex;align-items:center;gap:16px;text-align:left;flex-grow:1}.menu-item a::before{font-family:"font awesome 6 free";font-weight:900;font-size:18px;content:"\f001";width:24px;text-align:center;display:inline-block;flex-shrink:0;line-height:1;align-self:center;color:#555}.menu-item:nth-child(2) a::before{content:"\f005"}.menu-item:nth-child(3) a::before{content:"\f05a"}.menu-item a:hover::before{color:#2f2f2f}input.search-bar{margin:5px 80px 0;width:100%;max-width:1000px;padding:8px 16px;height:40px;border-radius:6px;border:1px solid #444;background-color:#bcbcbc;color:#000;font-size:16px;box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}@media(max-width:600px){input.search-bar{margin:0 10px;padding:6px 12px;font-size:16px;max-width:150px}input.search-bar::placeholder{color:#444}input.search-bar:focus{background-color:#fff}}.playlist-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:16px 32px 0}@media(max-width:600px){.playlist-grid{grid-template-columns:repeat(2,1fr);padding:8px 16px}}.playlist-grid .cover{overflow:hidden;border-radius:5px;width:100%}.playlist-grid .cover img{width:100%;height:auto;display:block}.playlist-card{display:flex;flex-direction:column;align-items:flex-start;color:#fff;animation:fadeIn .5s ease-in-out;transition:transform .3s ease}.playlist-card:hover{transform:scale(1.05)}.playlist-card a{text-decoration:none;color:inherit;width:100%}.playlist-card h2{font-size:18px;margin-top:8px;font-weight:400;padding-left:8px;color:#fff}@media(max-width:600px){.playlist-card h2{font-size:14px;padding-left:4px;margin-top:4px}}.playlist-card .subtitle{color:#777;font-size:14px}@media(min-width:768px){.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:16px 48px}header{padding:16px 48px 24px}}@media(min-width:1024px){.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding:16px 64px}header{padding:16px 64px 24px}}.playlist-count{margin-top:-10px;margin-bottom:1em;color:#999;text-align:center}.playlist-page{display:flex;flex-direction:column;gap:8px}@media(min-width:768px){.playlist-page{flex-direction:row;justify-content:space-between;align-items:flex-start;padding-top:16px}.playlist-page h2{margin-top:0}.playlist-left{order:1;flex:0 0 360px}.playlist-right{order:2;flex:1;max-width:500px}.playlist-left .flip-container{margin-bottom:40px}.buttons.desktop-only{display:flex!important;gap:10px;margin-bottom:26px}.desktop-only{display:block!important}.mobile-only{display:none!important}}@media(max-width:767px){.playlist-page{flex-direction:column}.playlist-left{order:1;margin-bottom:0}.playlist-right{order:2}.body-text{padding-top:0;margin-top:0}.desktop-only{display:none!important}.mobile-only{display:block!important}.buttons.mobile-only{display:flex!important;gap:10px;margin-bottom:26px}.playlist-card.featured::after{font-size:10px!important;padding:4px 10px!important;border-bottom-left-radius:6px!important}}.container{max-width:960px;margin:0 auto;padding:0 24px 24px;display:block}.description time{font-style:italic}.cover{width:100%;border-radius:10px}.playlist-page .cover{box-shadow:9px 9px 18px #c8c8c8,-9px -9px 18px #ffffff}.flip-container{perspective:1000px;width:100%;aspect-ratio:1/1;margin-bottom:16px}.flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.flip-container.flipped .flipper{transform:rotateY(-180deg)}.front,.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px}.front{z-index:2;transform:rotateY(0)}.back{transform:rotateY(-180deg);background:#eee;display:flex;align-items:center;justify-content:center;border:2px solid #ccc;box-sizing:border-box;border-radius:10px}.back-content{display:flex;flex-direction:column;align-items:center;gap:12px}.back.flash{background-color:#d0f0d0;transition:background-color .3s ease}.qr{width:150px;height:150px}.url{text-align:center;font-size:12px;max-width:90%;word-break:break-word}.url code{background:#fff;padding:4px 8px;display:inline-block;white-space:normal;text-align:center;border-radius:8px}.url code .block{display:block}.url button{border-radius:12px;background:#0061ff;color:#fff;font-family:inherit;font-size:16px;padding:12px 24px;border:none;cursor:pointer;transition:background .3s,box-shadow .3s,transform .2s;margin-top:40px}.url button:hover{background:#0052cc;transform:scale(1.05)}.url button:active{transform:scale(.95)}.playlist-length{margin-top:-18px;margin-bottom:20px;font-size:14px;color:#888}.buttons{display:flex;gap:10px;margin-bottom:26px}a.button{color:#fff;text-decoration:none;flex:1;padding:12px;border-radius:12px;text-align:center;font-weight:500;font-size:16px;cursor:pointer}a.button:active{color:#fff}a.button:visited{color:#fff}.applemusic{background-color:#ff0436}.spotify{background-color:#1db954}.genres{margin:12px 8px 24px}.taxonomy-header{padding:0 64px}@media(max-width:600px){.taxonomy-header{padding:0 16px}}.taxonomy-title{padding:12px 0 0}.taxonomy-count{margin-top:-18px;margin-bottom:20px;font-size:14px;color:#888}main.taxonomy-grid .playlist-card,main.taxonomy-grid .playlist-card h2{color:#000}main.taxonomy-grid .playlist-count{color:#000}.genre-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:24px}.genre-tag{font-size:13px;padding:4px 10px;border-radius:8px;text-transform:lowercase;letter-spacing:.5px;white-space:nowrap;text-decoration:none}.genre-tag:not(a){background-color:none;color:#000}a.genre-tag{background-color:#ccc;color:#000;transition:background-color .2s ease,color .2s ease}a.genre-tag:hover{background-color:#48b;color:#fff}.genre-list{list-style:none;padding:0;margin:1rem 0;columns:2;gap:2rem}.genre-list li{margin:.25rem 0;font-size:1.1rem}.genre-list .count{color:#888;font-size:.9rem}h3{display:block;padding-bottom:5px;margin-bottom:20px;border-bottom:1px solid #999}.body-text{padding:0 14px}.description,.featured-history{font-size:14px;color:#444}.date-line{font-style:italic;font-size:14px;color:#666;margin-bottom:26px}.song-list{margin-bottom:20px}.song-list h3{margin:0;padding:10px 24px;background-color:#666;color:#fff;font-size:18px;font-weight:700;border-top-left-radius:10px;border-top-right-radius:10px}.song-list ol{counter-reset:song;border:1px solid #ccc;border-radius:0 0 10px 10px;box-shadow:inset 2px 2px 10px #ccc;list-style:none;margin:0;padding:0}.song-list ol>li.song{display:flex;align-items:center;padding:14px 20px;border-top:1px solid #999;position:relative}.song-list ol>li.song:first-of-type{border-top:none}.song::before{counter-increment:song;content:counter(song);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:#666;border-radius:50%;width:30px;height:30px;margin-right:16px;flex-shrink:0}.song-details{flex-grow:1}.song-title{font-size:16px;font-weight:500}.song-artist{font-size:14px;color:#666}.single-page{padding:0 32px}.playlist-right .body-text h3{text-transform:uppercase;font-size:14px;color:#ff3b30}.featured-history{border-radius:10px;background:#ebebeb;box-shadow:9px 9px 18px #c8c8c8,-9px -9px 18px #ffffff;padding:24px 10px 10px 20px;margin:0 -14px 32px}.featured-history h3{margin-bottom:1em}.playlist-card.featured{transform:scale(1.05);border-radius:8px;overflow:visible;position:relative}.playlist-card.featured .cover{border:4px solid #ff3b30;border-radius:8px;overflow:hidden;position:relative;transition:border-color .3s ease}.playlist-card.featured:hover .cover{border-color:transparent}.playlist-card.featured::after{content:"FEATURED";position:absolute;top:0;right:0;background-color:#ff3b30;color:#000;font-weight:600;font-size:14px;padding:6px 16px;border-bottom-left-radius:10px;text-transform:uppercase;z-index:2;transition:opacity .3s ease;opacity:1}.playlist-card.featured:hover::after{opacity:0}.featured-nav{display:flex;justify-content:center;gap:16px;margin-top:48px;margin-bottom:48px}.featured-nav a.button{border-radius:12px;background:#333;color:#fff;font-family:inherit;font-size:16px;padding:12px 24px;border:none;text-decoration:none;cursor:pointer;transition:background .3s ease,transform .2s ease}.featured-nav a.button:hover{background:#555;transform:scale(1.05)}footer{top:0;left:0;width:100%;padding:12px 32px;display:block;background:rgba(47,47,47,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid #4d4d4d;border-bottom:1px solid #090909;box-shadow:0 2px 4px rgba(0,0,0,.5);height:80px}footer p{margin-top:1em;color:#fff;text-align:center}