*{box-sizing:border-box}body{background:#0d0d0d;font-family:Inter,sans-serif;color:#fff;display:flex;justify-content:center;align-items:start;height:100vh;margin:0}.ui{position:fixed;z-index:1;bottom:0;left:0;width:100%;height:100%}.search-container{position:absolute;width:400px;transform:translate(-50%);left:50%;bottom:40px}#search{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #333;background:#111;color:#fff;font-size:15px;transition:border .2s ease}#search:focus{outline:none;border-color:#555}#suggestions{display:none;position:absolute;bottom:calc(100% + 6px);left:0;width:100%;background:#141414e6;border:1px solid #333;border-radius:12px;overflow:hidden!important;list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#suggestions li{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease}#suggestions li:hover{background:#222}#suggestions img{width:40px;height:40px;border-radius:6px;object-fit:cover}#suggestions .info{display:flex;flex-direction:column}#suggestions .title{font-size:14px;font-weight:500}#suggestions .artist{font-size:12px;color:#999}.default-tracks{display:flex;flex-direction:column;height:100%;margin-left:20px;justify-content:center;gap:12px;margin-bottom:12px}.default-track{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100px;font-size:12px;color:#fff;text-align:center}.default-track img{width:100px;height:100px;object-fit:cover;margin-bottom:4px;transition:transform .2s}.default-track:hover img{transform:scale(1.05)}