:root{--bookzo-purple: #97168f;--bookzo-purple-hover: #861a7f;--text: #1b1b1b;--text-muted: #5c5c5c;--error: #e81123;--link: #0067b8;--success: #107c10;--placeholder: #666666;--on-primary: #ffffff;--progress-track: rgba(151, 22, 143, .15);--shadow: rgba(0, 0, 0, .2);--page-background: #474747;--card-background: #ffffff;--underline: rgba(0, 0, 0, .6);--underline-focus: var(--bookzo-purple)}*{box-sizing:border-box}body{margin:0;background:var(--page-background);color:var(--text);font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:20px}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.sign-in-box{position:relative;overflow:hidden;width:100%;max-width:440px;min-height:220px;background:var(--card-background);border-radius:16px;padding:35px 30px;box-shadow:0 2px 6px var(--shadow)}.logo{height:36px;display:block;margin-bottom:16px}h1{font-size:24px;line-height:28px;font-weight:600;margin:0 0 12px}.message{margin:0 0 16px}.passkey-name{font-weight:600;margin:0 0 16px;overflow-wrap:anywhere}.message.error{color:var(--error)}#card.busy .message{color:var(--text-muted)}label{display:block;font-weight:600;margin-bottom:4px}input{width:100%;padding:6px 0;font:inherit;color:var(--text);border:none;border-bottom:1px solid var(--underline);border-radius:0;background:transparent;margin-bottom:16px}input::placeholder{color:var(--placeholder)}input:focus{outline:none;border-bottom:2px solid var(--underline-focus);padding-bottom:5px}.back-link{display:inline-block;color:var(--link);text-decoration:none;font-size:13px;margin-top:16px}.back-link:hover,.back-link:focus{text-decoration:underline}.buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}button{font:inherit;min-width:108px;min-height:44px;padding:10px 20px;border-radius:4px;cursor:pointer;color:var(--on-primary);background-color:var(--bookzo-purple);border:1px solid var(--bookzo-purple)}button:hover,button:focus{background-color:var(--bookzo-purple-hover)}.checkmark{display:block;width:56px;height:56px;margin:8px 0 16px}.checkmark circle{fill:var(--success)}.checkmark path{fill:none;stroke:var(--on-primary);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}@media(max-width:480px){.page{align-items:flex-start;padding:0}.sign-in-box{max-width:none;min-height:100vh;border-radius:0;box-shadow:none;padding:24px}}.progress{position:absolute;top:0;left:0;right:0;height:4px;background:var(--progress-track);overflow:hidden}.progress>div{position:absolute;top:0;bottom:0;width:30%;background:var(--bookzo-purple);animation:progress 1.4s ease-in-out infinite}@keyframes progress{0%{left:-30%}to{left:100%}}@media(prefers-reduced-motion:reduce){.progress>div{animation-duration:3s}}