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:80px 30px 40px;width:300px;box-shadow:8px 8px #ffffff0d}.window-title{border-bottom:1px dashed #777;padding-bottom:15px;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:25px;font-size:.9em}.playlist-item{cursor:pointer;padding:6px 4px;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:all .2s ease}.track-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-length{color:#888;font-size:.8em;margin-left:10px}.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{width:calc(100% - 60px);max-width:300px}.controls-container{margin-bottom:25px}.window-content{margin-bottom:15px}}