:root{--accent:#f72;--accent-strong:#ff8b3d;--bg:#0f0f12;--surface:#1b1b21;--surface-2:#23232b;--input-bg:#121216;--border:hsla(0,0%,100%,.12);--border-strong:hsla(0,0%,100%,.24);--text:#f4f4f7;--text-muted:#a9a9b4;--text-faint:#74747f;--ok:#4ade80;--danger:#ff6b6b}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(255,119,34,.12),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px 22px;box-shadow:0 24px 60px rgba(0,0,0,.5)}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:22px}.brand-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid var(--border)}.brand-badge{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-strong)}.brand h1{font-size:21px;font-weight:700;letter-spacing:-.01em}.brand p{font-size:13px;color:var(--text-muted);line-height:1.45}.form{gap:15px}.form,label.field{display:flex;flex-direction:column}label.field{gap:7px;font-size:12px;font-weight:600;color:var(--text)}.req{color:var(--accent-strong)}.opt{color:var(--text-faint);font-weight:500}input,textarea{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:11px;color:var(--text);font-size:15px;font-family:inherit;padding:12px 13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);background:#0c0c10}textarea{resize:vertical;min-height:78px;line-height:1.5}.submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:14px 16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#1a0e04;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s ease,opacity .15s ease,transform .05s ease}.submit:hover:not(:disabled){filter:brightness(1.07)}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--danger);font-size:13px;line-height:1.4}.state{flex-direction:column;text-align:center;gap:12px;padding:18px 6px}.state,.state .icon{display:flex;align-items:center}.state .icon{width:64px;height:64px;border-radius:50%;justify-content:center;font-size:30px}.state.success .icon{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.state.inactive .icon{background:var(--surface-2);color:var(--text-muted)}.state h1{font-size:20px}.state p{font-size:14px;color:var(--text-muted);line-height:1.5}.secondary-btn{margin-top:6px;padding:11px 18px;border-radius:11px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.secondary-btn:hover{border-color:var(--border-strong)}.loading{color:var(--text-muted);padding:28px;font-size:14px}.footer,.loading{text-align:center}.footer{margin-top:18px;font-size:11px;color:var(--text-faint)}.song-search{display:flex;flex-direction:column;gap:8px}.search-status{font-size:13px;color:var(--text-muted)}.results{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.result{display:flex;align-items:center;gap:12px;width:100%;padding:8px;background:var(--input-bg);border:1px solid var(--border);border-radius:11px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.result:hover{border-color:var(--accent);background:#0c0c10}.result-art,.selected-art{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}.result-art.placeholder,.selected-art.placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-muted);font-size:20px}.result-meta,.selected-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.result-title,.selected-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-artist,.selected-artist{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected{display:flex;align-items:center;gap:12px;padding:10px;background:var(--input-bg);border:1px solid var(--accent);border-radius:11px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.clear-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:6px;flex-shrink:0}.clear-btn:hover{color:var(--accent-strong)}