:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#050508;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}#root{width:100%;height:100%;display:flex;flex-direction:column}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3rem;transition:opacity .4s ease}.ui-controls{pointer-events:auto;display:flex;gap:1.5rem;padding:.75rem 2rem;background:#0a0a0c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:9999px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #0006;animation:slideUp .4s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-icon{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{color:#fff;transform:scale(1.1);text-shadow:0 0 8px rgba(255,255,255,.5)}.btn-icon:active{transform:scale(.95)}.title-overlay{pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.track-info{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;font-weight:500}