*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f9f9fb;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.landing{text-align:center;width:100%;max-width:480px;padding:2rem}.logo{margin-bottom:.5rem;font-size:2.5rem}.landing h1{letter-spacing:-1px;color:#111;font-size:3rem;font-weight:900}.landing p{color:#666;margin:1rem 0 2.5rem;font-size:1.1rem;line-height:1.6}.btn-google{color:#fff;background:#4f46e5;border-radius:10px;align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-google:hover{background:#4338ca;transform:translateY(-1px)}.btn-google:active{transform:translateY(0)}.error-msg{color:#dc2626;margin-top:1rem;font-size:.9rem}.footer-links{color:#aaa;margin-top:2rem;font-size:.8rem}.footer-links a{color:#aaa;text-decoration:none}.footer-links a:hover{color:#4f46e5}.app{width:100%;max-width:560px;padding:2rem}.app-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.app-header h1{letter-spacing:-.5px;font-size:1.8rem;font-weight:900}.logout-link{color:#999;font-size:.85rem;text-decoration:none}.logout-link:hover{color:#111}.hint{color:#888;margin-bottom:1rem;font-size:.9rem}.field{margin-bottom:1rem}.field label{color:#555;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}input[type=text],textarea{color:#111;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}input[type=text]:focus,textarea:focus{border-color:#4f46e5}textarea{resize:vertical;line-height:1.7}.btn-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;width:100%;margin-top:.25rem;padding:.9rem;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.btn-submit:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;background:#a5b4fc}.results{width:100%;max-width:560px;padding:2rem}.results-header{margin-bottom:1.5rem}.results-header h2{margin-bottom:.4rem;font-size:1.6rem;font-weight:900}.results-header p{color:#666;font-size:.9rem}.open-btn{color:#fff;background:#4f46e5;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.open-btn:hover{background:#4338ca}.song-list{margin-bottom:1.5rem}.song-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:.6rem;padding:.5rem 0;font-size:.9rem;display:flex}.song-row:last-child{border-bottom:none}.song-row.found{color:#059669}.song-row.not-found{color:#dc2626}.song-icon{flex-shrink:0;font-size:.9rem}.btn-reset{cursor:pointer;color:#666;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;padding:.7rem 1.5rem;font-family:inherit;font-size:.9rem;transition:all .15s}.btn-reset:hover{color:#4f46e5;border-color:#4f46e5}