body,html{margin:0;padding:0;width:100%;height:100%;background-color:#000;color:#a0a0a0;font-family:monospace;overflow:hidden;position:relative}#display{margin:0;padding:0;font-size:14px;line-height:14px;white-space:pre;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.5}.ascii-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;border:1px solid #777;background:#000000d9;color:#ccc;padding:15px;width:350px;box-shadow:8px 8px #ffffff0d}.window-title{border-bottom:1px dashed #777;padding-bottom:8px;margin-bottom:10px;font-weight:700;letter-spacing:1px;color:#fff}.controls-container{margin-bottom:15px;display:flex;gap:5px}.control-btn{cursor:pointer;transition:all .2s ease;padding:2px 4px}.control-btn:hover{background:#ccc;color:#000}.window-content{margin-bottom:5px;font-size:.9em}.playlist-item{cursor:pointer;padding:6px 4px;display:flex;justify-content:flex-start;gap:10px;transition:all .2s ease}.playlist-item:hover{background:#ccc;color:#000}.playlist-item.active{font-weight:700;color:#fff}#now-playing{border-top:1px dashed #777;padding-top:10px;font-size:.85em;color:#999}@media screen and (max-width: 800px){.ascii-window{padding:8px;width:calc(100% - 100px);max-width:300px}.controls-container{margin-bottom:25px}}