@font-face{font-family:'Press Start 2P';src:url("/content/ef7dde1af2d860f635d6e6bf59374a6dbdf000d70c2b906955bd7eae088df9f2i0")}@font-face{font-family:icons;src:url("/content/12d41acbfde97343b087f1dbb34b92573ee8f23373cec546f19e3692db4297e4i4")}*{font-family:"Press Start 2P",system-ui}.icon{font-family:icons;font-size:20px}body{font-size:10px;color:#eee;background-color:#222;padding:0;margin:0;user-select:none;scrollbar-color:rgba(255,255,255,0.3) transparent;scrollbar-width:thin;line-height:1.2}header.hero{overflow:hidden;padding:0 25px 0 35px;color:rgba(255,255,255,.7)}.bg{background-image:url("/content/ce3563d862d26e462433547566cab6d5da2aa71e952e381368adbc122eed3539i0");background-size:cover;padding-top:60px;margin-top:-60px}header.hero h1{margin-top:10px;margin-bottom:10px;font-size:30px;color:#fff}.hero .cover{padding:0;margin:0 20px 10px 0;background-size:cover;width:150px;height:150px;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.4);object-fit:cover}.hero a{color:#fff;text-decoration:none;font-weight:700}.hero a:hover{text-decoration:underline}section{padding:0 0}section>form{padding:0 20px}section>ol{padding:0 0 0 20px}section>h2{padding:10px 35px}section>table{padding:0 20px}form{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px}input[type=radio]{appearance:none;display:none}fieldset{border:none;padding:10px 15px;margin:0}label:has(input[type=radio]){background-color:#444;height:40px;line-height:40px;border-radius:20px;overflow:hidden;padding-left:20px;padding-right:20px;color:#eee;font-size:8px;margin:0}label:has(input[type=radio]:hover){background-color:#555}label:has(input[type=radio]:checked){background-color:#eee;color:#222}article{overflow:hidden;padding:15px;cursor:pointer;border-radius:10px}article{color:#777;font-size:8px}article>h3{color:#fff;margin-bottom:5px;font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:150px}article:hover{background-color:#333}article img{padding:0;background-image:url("/content/ce3563d862d26e462433547566cab6d5da2aa71e952e381368adbc122eed3539i0");background-size:cover;width:150px;height:150px;border-radius:5px;object-fit:cover}button{border:none;background:0 0}button.big{width:50px;height:50px;font-size:30px;border-radius:25px;background-color:#83a;border:none;box-shadow:0 3px 10px #000;padding:10px;color:#fff!important;transition:transform .2s}button.big:not(:disabled):hover{cursor:pointer;font-size:30px!important;transform:scale(1.1);background-color:#94b}article header{position:relative}article button.big{position:absolute;bottom:10px;right:10px;display:none;box-shadow:0 3px 10px #000}.playing button.big,article:hover button.big{display:block}ol.covers{margin:0;list-style:none;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}table{color:#585858;border-spacing:0;white-space:nowrap;line-height:1.2}thead th{font-size:8px;border-bottom:1px #333 solid}td,th{padding:10px;text-align:left;font-size:8px}td:first-child,th:first-child{padding-left:20px}td:last-child,th:last-child{padding-right:20px}td:first-child,td:last-child,th:first-child,th:last-child{width:0;min-width:fit-content;max-width:fit-content}td:last-child,th:last-child{text-align:right}td a.icon,td button{height:20px;width:20px;padding:0;visibility:collapse}a.icon,button.icon{color:#999;display:flex;align-items:center;justify-content:center;text-decoration:none}a.icon:hover,button.icon:not(:disabled):hover{cursor:pointer;color:#fff;font-size:24px;text-decoration:none}button.icon:disabled{opacity:20%}.like::before{content:""}button.liked,button.liked:hover{visibility:visible;color:#f4e!important}.liked::before{content:""}tr:hover a.icon,tr:hover button{visibility:visible}.index{position:absolute;width:100%;height:100%;text-align:center;line-height:20px}tr:hover .index{visibility:collapse}td h3{font-size:10px;padding:0;margin:0;margin-bottom:5px;color:#fff;text-wrap:auto}td span{text-wrap:auto}.playing>td h3{color:#f4e}.playing>td .index{color:#f4e}a{text-decoration:none;color:#999}a:hover{text-decoration:underline;color:#fff}a:has(.icon):hover{text-decoration:none}a:has(.icon):hover :not(.icon){text-decoration:underline}tbody>tr{border-radius:30px;overflow:hidden}td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}tbody>tr:hover{background-color:#333}tbody>tr.selected{background-color:#444;color:#777}body{display:flex;flex-direction:column;height:100%}body main{flex:1;overflow-x:hidden;overflow-y:auto}.bottom{max-height:0;transition:max-height 2s;overflow:hidden}nav{flex-direction:row;align-items:center;background-color:#333;color:#999;font-size:8px}nav a{display:flex;flex-direction:row;align-items:center;gap:7px}.sticky{position:sticky;top:0;width:100%;z-index:999}.top{display:flex;flex-direction:row;height:auto;padding:10px 0 10px 0}.gradient{background:linear-gradient(to bottom,#222,transparent)}.transparent{background:0 0}.top button.icon{text-shadow:#222 0 1px 3px}.top>:first-child{margin-left:28px}.top>:last-child{margin-right:20px}nav h3{font-size:10px;padding:0;margin:0;margin-bottom:5px;color:#fff}nav button{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}tiny-slider{--progress-color:#ff44ee;--track-color:#444}#player-aux:hover tiny-slider,tiny-slider:hover{--thumb-color:#fff;--thumb-scale:3}footer{color:#444;padding:20px 20px 15px;font-size:6px;text-overflow:ellipsis;overflow:hidden;user-select:text}#player-aux{display:flex;justify-content:right;align-items:center}#player-controls{display:flex;justify-content:center}#player-timeline{display:flex;gap:10px}#player-display{display:flex;flex-direction:column}.bottom>nav{display:grid;grid-template-columns:1fr auto 1fr;padding:10px 20px 20px 20px;gap:10px 0}#player-display{grid-column:1;grid-row:1}#player-controls{grid-column:2;grid-row:1}#player-aux{grid-column:3;grid-row:1}#player-aux tiny-slider{max-width:100px}#player-timeline{grid-column:1/4;grid-row:2}@media (max-width:575px){.bottom>nav{display:grid;grid-template-columns:auto 1fr auto;padding:10px 20px 20px 20px;gap:0 0}#player-display{grid-column:1/4;grid-row:1;padding:5px 0}#player-timeline{grid-column:1/4;grid-row:2/4;display:grid;grid-template-columns:auto 1fr auto}#player-timeline>:nth-child(2){grid-column:1/4;grid-row:2}#player-timeline>:first-child{grid-column:1;grid-row:3}#player-timeline>:last-child{grid-column:3;grid-row:3}#player-controls{grid-column:1/4;grid-row:4}#player-aux{grid-column:1/4;grid-row:5;display:none}}button.icon.enabled{color:#f4e!important}button.icon.play{font-size:40px;color:#fff}button.icon.play:hover{font-size:44px}td:first-child,td:nth-child(4),td:nth-child(5),td:nth-child(6),th:first-child,th:nth-child(4),th:nth-child(5),th:nth-child(6){width:auto}td:nth-child(2),td:nth-child(3),th:nth-child(2),th:nth-child(3){width:50%}.hide-third td:nth-child(2),.hide-third th:nth-child(2){width:100%}.hide-third td:nth-child(3),.hide-third th:nth-child(3){display:none}