*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:#121212;color:#f4f4f4}.page{max-width:640px;margin:0 auto;padding:32px 20px 80px}.centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.header{margin-bottom:24px}h1{font-size:1.6rem;margin:0 0 6px}.muted{color:#9b9b9b;font-size:.9rem}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{background:#1e1e1e;border:1px solid #2a2a2a;color:#ddd;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:.85rem}.tab.active{background:#1db954;border-color:#1db954;color:#111;font-weight:600}.card{background:#181818;border:1px solid #262626;border-radius:12px;padding:20px;margin-bottom:16px}.field{display:block;margin-bottom:14px;font-size:.85rem;color:#ccc}.field span{display:block;margin-bottom:6px}.field input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #333;background:#0f0f0f;color:#fff;font-size:.95rem}.row{display:flex;align-items:flex-end;gap:20px;margin-bottom:14px}.checkbox{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#ccc;padding-bottom:8px}.btn{display:inline-block;background:#1db954;color:#111;border:none;padding:12px 20px;border-radius:999px;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.error{background:#3a1414;border:1px solid #7a2a2a;color:#ff9b9b;padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.result h2{font-size:1.1rem;margin-top:0}.tracklist{margin-top:16px;padding-left:20px;font-size:.9rem;line-height:1.6;max-height:320px;overflow-y:auto}