:root{font-family:Verdana,Arial,sans-serif;color:#d8e4e2;background:#11171c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 30% 5%,#283845,#10171d 65%)}.desktop{max-width:1060px;margin:auto;padding:32px 22px}.masthead{display:flex;align-items:baseline;gap:20px;margin-bottom:28px}.masthead h1{font-size:clamp(38px,7vw,68px);letter-spacing:5px;margin:0;color:#d4f68c;text-shadow:0 0 22px #80a94d77}.masthead span{font-family:monospace;color:#92a5a6}.window{border:2px solid #8a969a;box-shadow:5px 7px 0 #080b0e,0 18px 40px #0008;background:#353b44;margin-bottom:26px}.player{width:min(100%,570px)}.titlebar{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;background:linear-gradient(90deg,#18385d,#596c83);font-size:12px;font-weight:bold;letter-spacing:1px;color:white}.playerbody{padding:15px}.display{background:#07120d;border:3px inset #65716b;padding:12px 14px;color:#a8f17a;font-family:monospace;min-height:130px;text-shadow:0 0 6px #5bc85755}.displaytop,.displaybottom{display:flex;justify-content:space-between;font-size:14px}.tracktitle{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0}.meters{height:26px;display:flex;align-items:flex-end;gap:5px}.meters i{width:13px;height:8px;background:#6c9c52;opacity:.35}.meters.playing i{animation:bounce .7s ease-in-out infinite alternate;opacity:1}.meters i:nth-child(3n){animation-delay:.23s}.meters i:nth-child(4n){animation-delay:.46s}@keyframes bounce{to{height:24px;background:#e6c65a}}input[type=range]{accent-color:#a9dc70;cursor:pointer}#seek{width:100%;margin:14px 0}.controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.controls button{font-size:19px;min-width:43px;height:39px;background:linear-gradient(#89949c,#525b66);color:#f1f5ee;border:2px outset #aeb8bd;cursor:pointer}.controls button:active{border-style:inset}.volume{margin-left:auto;display:flex;align-items:center;gap:7px;font:12px monospace}.volume input{width:95px}.playlistbar{background:linear-gradient(90deg,#273c4b,#4d5764)}.playlist{list-style:none;margin:0;padding:6px;min-height:110px;max-height:300px;overflow:auto;background:#09110d;font:14px monospace;color:#b6e99a}.playlist li{padding:9px 10px;cursor:pointer;border-bottom:1px solid #263a28}.playlist li:hover,.playlist li.active{background:#284f32;color:#f1ffd8}.playlist .empty{color:#829b83;cursor:default}.foot{font:11px monospace;padding:7px 12px;color:#b6c1bd}.terminal{width:min(100%,700px);background:#09110d}.terminalbody{min-height:130px;max-height:310px;overflow:auto;padding:14px 15px 3px;font:15px/1.6 monospace;color:#9be89c;white-space:pre-wrap;overflow-wrap:anywhere}.terminalbody b{color:#e4f5a6}.terminalbody .spacer{height:12px}#commandForm{display:flex;align-items:center;gap:9px;padding:0 15px 16px;font:15px monospace;color:#c5ed92}#command{background:transparent;border:0;outline:0;color:#e3ffe1;font:inherit;flex:1;min-width:0}footer{font:12px monospace;color:#71858c;margin-top:38px}.sr{position:absolute;left:-9999px}@media(max-width:580px){.desktop{padding:18px 12px}.masthead{display:block}.masthead span{display:block}.controls button{min-width:38px}.volume{margin-left:0;width:100%;margin-top:8px}.volume input{flex:1}.tracktitle{font-size:17px}}