:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.page{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border-radius:0;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:40px 32px;display:flex;position:relative}.langSelect{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;padding:5px 8px;font-size:.75rem;font-weight:600;position:absolute;top:16px;right:16px}.langSelect:focus{border-color:#5b4fe9}.brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:4px;display:flex}.logoMark{object-fit:cover;border-radius:12px;width:44px;height:44px}.brand h1{color:#101828;margin:0;font-size:1.25rem;font-weight:700}.desc{color:#667085;margin:0;font-size:.85rem;line-height:1.5}.field{color:#344054;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;display:flex}.field input{letter-spacing:.04em;text-align:center;color:#101828;background:#fff;border:2px solid #d0d5dd;border-radius:10px;outline:none;padding:13px;font-size:1.05rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#5b4fe9;box-shadow:0 0 0 3px #5b4fe926}.loginSection{border-top:1px solid #eaecf0;flex-direction:column;gap:12px;margin-top:12px;padding-top:24px;display:flex}.account{color:#667085;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.8rem;display:flex}.accountDot{background:#12b76a;border-radius:999px;flex-shrink:0;width:8px;height:8px}.link{color:#5b4fe9;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.link:disabled{opacity:.6;cursor:not-allowed}.socialButtons{flex-direction:column;gap:10px;display:flex}.social{cursor:pointer;color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.95rem;font-weight:600;display:flex}.social:disabled{opacity:.6;cursor:not-allowed}.primary{color:#fff;cursor:pointer;text-align:center;background:#5b4fe9;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;text-decoration:none;display:block}.primary:disabled{opacity:.6;cursor:not-allowed}.doneScreen{text-align:center;align-items:center;gap:8px}.brandIconSmall{object-fit:cover;opacity:.7;border-radius:8px;width:28px;height:28px;margin-bottom:8px}.doneBadge{color:#101828;background:#f2f4f7;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.albumArtwork{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;margin-bottom:4px;box-shadow:0 8px 24px #10182824}.doneAlbumName{color:#101828;margin:0 0 28px;font-size:1.2rem;font-weight:700}.doneScreen .primary{width:100%}.doneScreen .link{margin-top:4px}.storeLinks{justify-content:center;gap:16px;display:flex}.status{text-align:center;margin:0;font-size:.85rem}.status.success{color:#12b76a;font-weight:600}.status.error{color:#f04438;font-weight:600}
