:root{--bg-color: #faf9f6;--text-color: #000080;--accent-color: #ffd700}html,body{font-family:sans-serif;margin:0;padding:0;display:flex;justify-content:center;width:100vw;overflow-x:hidden;overflow-y:hidden;background-color:var(--bg-color);transition:background-color .3s,color .3s}#app-container{width:100vw;max-width:500px;height:100vh;height:100dvh;background-color:var(--bg-color);color:var(--text-color);position:relative;display:flex;flex-direction:column;border-left:1px solid #ccc;border-right:1px solid #ccc;transition:background-color .3s,color .3s}@media(max-width:500px){#app-container{border-left:none;border-right:none}}header{display:flex;justify-content:space-between;align-items:center;padding:max(15px,env(safe-area-inset-top)) 20px 15px 20px;border-bottom:2px solid var(--text-color);z-index:50;background-color:var(--bg-color);position:relative}.menu-container{position:relative}.logo{font-weight:700;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;gap:5px}#dropdown-menu{display:none;position:absolute;top:35px;left:0;background-color:var(--bg-color);border:2px solid var(--text-color);width:200px;flex-direction:column;z-index:100}#dropdown-menu.active{display:flex}#dropdown-menu div{padding:15px;border-bottom:1px solid var(--text-color);cursor:pointer;font-weight:700}#dropdown-menu div:last-child{border-bottom:none}#dropdown-menu div:hover{background-color:var(--text-color);color:var(--bg-color)}#screen-container{flex-grow:1;overflow-y:auto;padding:20px;position:relative}footer{border-top:2px solid var(--text-color);padding:15px 20px max(15px,env(safe-area-inset-bottom)) 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color);z-index:50}#mini-track-info{font-size:.9rem;line-height:1.3;max-width:65%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-player-controls button{background:transparent;border:none;color:var(--text-color);font-size:1.2rem;cursor:pointer}.view{display:none}.view.active{display:block}.staggered-container{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;position:relative}.disc-item{width:100px;height:100px;border:1px solid var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;background-color:var(--bg-color);transition:background-color .3s;position:relative;z-index:10}.date-header{text-align:center;font-size:1.5rem;margin:15px 0;background-color:var(--bg-color);position:relative;z-index:1}.btn-outline{display:block;width:100%;padding:10px;border:1px solid var(--text-color);background:transparent;color:var(--text-color);font-weight:700;cursor:pointer;margin-bottom:10px;text-align:center;position:relative;z-index:10}#dvd-sticker{position:absolute;width:110px;height:110px;background-color:var(--accent-color);color:#000;font-weight:900;font-size:.85rem;line-height:1.1;text-align:center;display:flex;align-items:center;justify-content:center;z-index:5;clip-path:polygon(50% 0%,58% 15%,79% 5%,74% 22%,96% 18%,83% 34%,100% 50%,83% 66%,96% 82%,74% 78%,79% 95%,58% 85%,50% 100%,42% 85%,21% 95%,26% 78%,4% 82%,17% 66%,0% 50%,17% 34%,4% 18%,26% 22%,21% 5%,42% 15%)}.album-cover-large{width:100%;aspect-ratio:1 / 1;border:1px solid var(--text-color);display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:20px;background-color:var(--bg-color)}.album-meta{margin-bottom:20px;border-bottom:1px solid var(--text-color);padding-bottom:15px}.album-meta h2{margin:0 0 5px;font-size:1.4rem}.album-meta h3{margin:0;font-size:1rem;font-weight:400}.tracklist{list-style-type:decimal;padding-left:20px;margin-bottom:30px}.tracklist li{margin-bottom:10px;font-size:.9rem;cursor:pointer;padding:4px 0;transition:font-weight .2s}@media(hover:hover){.tracklist li:hover{font-weight:700}}.track-active{font-weight:700}#ios-install-instructions{display:none;font-size:.9rem;margin-top:15px;padding:15px;border:1px dashed var(--text-color);background-color:#0000000d;text-align:left;line-height:1.5}.manifesto-content a{color:var(--text-color);font-weight:700;text-decoration:underline}.manifesto-content a:hover{color:var(--bg-color);background-color:var(--text-color)}#archived-notice{font-style:italic;opacity:.7;margin:20px 0;display:none}