*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#fff;background-color:#131514;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:#131514;margin:0}.app{width:min(100%,640px);max-width:640px;margin:0 auto;padding:2rem}.hero-image{border-radius:0;width:min(40vw,160px);height:auto;margin:0 auto 1.5rem;display:block;box-shadow:0 12px 30px #0f172a73}h1{margin-bottom:.25rem;font-size:2.5rem}.subtitle{color:#ffffffb3;margin:0 0 2rem}.input-label{margin-bottom:1rem;display:block}fieldset.input-label{margin-inline:0;border:none;margin-bottom:1rem;padding:0}.label-text{margin-bottom:.5rem;font-weight:600;display:block}.link-button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;margin-top:-.5rem;margin-bottom:1rem;padding:0;font-size:.875rem;text-decoration:underline;display:inline-block}.link-button:hover,.link-button:focus-visible{color:#fff}input{width:100%;color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border:1px solid #ffffff40;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:1rem}.status{color:#ffffffd9;margin:0 0 1.5rem}.status.error{color:#f87171}.status.message{color:#ffffffb3}.status.request-feedback.success{color:#4ade80}.status.request-feedback.error{color:#fbbf24}.results{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.results li{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem;display:grid;box-shadow:0 10px 25px #0009}.artwork{width:56px;height:56px;position:relative}.results img,.artwork-placeholder{object-fit:cover;background:#ffffff14;border-radius:.75rem;width:56px;height:56px;display:block}.preview-button{border-radius:inherit;color:#fff;cursor:pointer;background:#00000080;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;transition:background .15s;display:flex;position:absolute;inset:0}.preview-button:hover,.preview-button:focus-visible{outline-offset:-2px;background:#000000a6;outline:2px solid #fffc}.preview-button[data-state=playing]{background:#0f766eb3}.preview-button[data-state=error]{color:#fee2e2;background:#991b1bb3}.preview-spinner{animation:.9s linear infinite preview-spin}@keyframes preview-spin{to{transform:rotate(360deg)}}.song-title{margin:0;font-weight:600}.song-meta{color:#ffffffa6;margin:.25rem 0 0;font-size:.95rem}.request-button{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff14;border:1px solid #ffffff59;border-radius:999px;max-width:100%;padding:.4rem .9rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;overflow:hidden}.request-button:hover,.request-button:focus-visible{background:#ffffff26;outline:none;transform:translateY(-1px);box-shadow:0 8px 24px #000000b3}.request-button:active{transform:translateY(0);box-shadow:0 4px 14px #0009}.request-button:disabled{cursor:progress;opacity:.6;box-shadow:none;transform:none}@media (width<=480px){.app{padding:1.5rem 1rem}h1{font-size:1.75rem}.subtitle{font-size:.95rem}input{padding:.65rem .85rem;font-size:.95rem}.results li{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:.75rem}.request-button{grid-column:1/-1;justify-self:stretch;padding:.35rem .75rem;font-size:.85rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}