:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ece0d1;background-color:#634832;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}body{margin:20px auto 30px;display:flex;place-items:center;max-width:700px}ul{list-style-type:none;margin:3px;padding:0}li{margin:5px}h1{font-size:3.2em;line-height:1.1;margin-bottom:.2em}h3{margin-top:0;opacity:.8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{max-width:1280px;margin:0 auto;padding:2rem}.main{margin-bottom:2rem}.container-title{text-align:center}.home-link{text-decoration:none}.info-containers{align-items:center;display:flex;flex-direction:row;gap:30px}.info-container{width:250px;min-height:250px;outline:5px solid #ece0d1;flex:1}.container-body{margin:10px}.show-preview{background-color:#3f2714;border-radius:2px;padding:10px;margin-bottom:20px;display:flex;gap:16px;align-items:center;border:2px solid rgba(255,255,255,.6)}.show-preview-thumbnail{width:120px;height:120px;min-width:120px;min-height:120px;max-width:120px;max-height:120px;object-fit:cover;border-radius:8px;border:2px solid #ece0d1;flex-shrink:0;aspect-ratio:1 / 1}.show-preview-content{flex:1}.show-link{display:inline-block;margin-top:8px;color:currentColor;text-decoration:underline;opacity:.8}.show-link:hover{opacity:1}.thumbnailContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px auto;width:fit-content}.thumbnail{width:150px;border:3px solid #ece0d1}.thumbnailDescription{color:#f5f0e8;font-size:14px;text-align:center;padding:3px}.tracklist-table{margin:16px 0}.track-header{opacity:.5;font-size:.9em;border-bottom:2px solid currentColor;text-transform:lowercase}.track-row{padding:8px 0;border-bottom:1px solid currentColor;opacity:.7}.track-row:last-child{border-bottom:none}.track-row.has-tidbit{flex-direction:column;align-items:stretch}.track-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.track-links{margin-left:auto;display:flex;gap:4px}.track-tidbit{display:flex;align-items:center;gap:8px;margin-top:8px;padding:12px;background-color:#f8f9fa;border-left:3px solid #1f1205;border-radius:4px;font-size:.9em;line-height:1.4}.tidbit-icon{font-size:16px;flex-shrink:0}.tidbit-text{color:#555}.tidbit-link{color:#007acc;text-decoration:underline;font-weight:500}.tidbit-link:hover{color:#005499;text-decoration:none}@media (prefers-color-scheme: light){:root{color:#634832;background-color:#ece0d1}.info-container{outline:5px solid #634832}.thumbnail{background-color:#f5f0e8;border-color:#634832}.thumbnailDescription{color:#634832}.show-preview-thumbnail{border-color:#634832}.show-preview{background-color:#f5f0e8;border-color:#63483299}}@media (max-width: 600px){.info-containers,.show-preview{flex-direction:column}.show-preview-thumbnail{width:150px;height:150px;min-width:150px;min-height:150px;max-width:150px;max-height:150px;align-self:center}.track-header{display:none}.track-main{flex-direction:column;align-items:flex-start;gap:4px}.track-links{margin-left:0;margin-top:4px}.track-timestamp{opacity:.7;font-size:.9em}.track-row{padding:12px 0}}