*{box-sizing:border-box}html,body{min-height:100vh}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(34,197,94,.05),transparent 25%),radial-gradient(circle at 80% 0%,rgba(56,189,248,.08),transparent 20%),linear-gradient(135deg,#0b0f14,#111827);background-color:#0b0f14;color:#e4e6eb}#root{min-height:100vh;background:transparent}a{color:#7dd3fc}.app{max-width:1100px;margin:0 auto;padding:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.nav{display:flex;gap:.75rem}.nav a{padding:.35rem .75rem;border-radius:.4rem;background:#131926;color:#e4e6eb;text-decoration:none;border:1px solid #1f2735}.nav a.active{background:#22d3ee;color:#0b0f14}.panel{background:#121826;padding:1rem;border-radius:.8rem;box-shadow:0 5px 14px #00000073;margin-bottom:1rem;border:1px solid #1c2533}.filters,.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}input,select,textarea,button{font:inherit;padding:.5rem;border-radius:.4rem;border:1px solid #1f2735;background:#0f1725;color:#e4e6eb}button{background:#22c55e;border-color:#16a34a;cursor:pointer;color:#0b0f14}button:disabled{opacity:.6;cursor:not-allowed}button.danger{background:#b91c1c;border-color:#7f1d1d;color:#f8fafc}.form{display:grid;gap:.75rem;max-width:600px}.form label{display:flex;flex-direction:column;gap:.25rem}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:.35rem;border-bottom:1px solid #1f2937}.thumb{width:48px;height:48px;object-fit:cover;border-radius:.3rem}.cover{width:120px;border-radius:.6rem}.cover-lg{width:240px;border-radius:.9rem}.links{display:flex;gap:.4rem;flex-wrap:wrap}.error{color:#fca5a5}.result{margin-top:1rem}.listening{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:flex-start}textarea{min-height:80px}.token-gate{max-width:400px;margin:2rem auto;display:grid;gap:.75rem}.decision-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.inline{display:flex;gap:.5rem;flex-wrap:wrap}.search-results{display:grid;gap:.5rem}.search-card{display:flex;gap:.5rem;align-items:center;padding:.5rem;border:1px solid #1f2937;border-radius:.5rem;background:#0b1220}.search-card.selected{border-color:#2563eb}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;justify-items:center}.card{background:#121826;border:1px solid #1c2533;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;max-width:240px}.thumb-wrap{cursor:pointer;position:relative;background:#0e1420}.card-cover{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.placeholder{aspect-ratio:1 / 1;display:grid;place-items:center;color:#94a3b8;font-size:.9rem;background:#0f172a}.card-actions{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem;justify-content:space-between;position:relative}.card-actions.compact{justify-content:flex-end}.ghost{background:#ffffff0d;border-color:#233040;color:#e4e6eb}.overlay-btn{position:absolute;top:.35rem;right:.35rem;z-index:2;border-radius:999px;padding:.25rem .5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}.menu{position:absolute;right:.35rem;top:2rem;background:#101722;border:1px solid #1d2735;border-radius:.6rem;padding:.5rem;display:grid;gap:.35rem;min-width:150px;z-index:5;box-shadow:0 12px 24px #0000008c}.menu button{width:100%;text-align:left;color:#e4e6eb;background:#182133;border:1px solid #1f2a3b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:#0b1220;border:1px solid #1f2937;border-radius:.8rem;padding:1rem;max-width:640px;width:95%;position:relative;box-shadow:0 20px 40px #00000080;max-height:90vh;overflow:auto}.modal .close{position:absolute;top:.5rem;right:.5rem}.detail{display:grid;gap:1rem}.detail-header{display:flex;gap:.75rem;align-items:center}.detail-header img{width:120px;height:120px;object-fit:cover;border-radius:.5rem}@media (max-width: 720px){.listening{grid-template-columns:1fr}}@media (max-width: 640px){.app{padding:1rem}.nav{flex-wrap:wrap;gap:.5rem}.filters{flex-direction:column;align-items:stretch}.filters>*{width:100%}.grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.card{max-width:200px}.modal{width:98%;max-height:85vh}.detail-header{flex-direction:column;align-items:flex-start}.detail-header img{width:100%;height:auto;max-height:240px}}