.auth-page{display:grid;place-items:start center;padding:48px 16px 80px}.auth-card{width:100%;max-width:440px;display:grid;grid-gap:18px;gap:18px}.auth-card h1{font-size:36px;line-height:1.2}.auth-sub{color:var(--muted);font-size:17px;line-height:1.6}.auth-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:17px;font-weight:700;transition:background-color .12s ease,transform .16s cubic-bezier(.23,1,.32,1)}.auth-google:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.auth-google:hover{background:var(--surface-soft)}}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-form{display:grid;grid-gap:14px;gap:14px}.auth-form label{display:grid;grid-gap:6px;gap:6px;font-size:15px;font-weight:600}.auth-form input{min-height:48px;padding:10px 14px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:17px;font-weight:400}.auth-form input[dir=ltr]{text-align:left}.auth-form small{color:var(--muted);font-weight:400;font-size:13px}.auth-form .btn{width:100%;margin-top:4px}.auth-error{color:var(--error);background:var(--error-soft)}.auth-error,.auth-notice{padding:10px 14px;border-radius:8px;font-size:15px}.auth-notice{color:var(--accent);background:var(--accent-soft)}.auth-switch{color:var(--muted);font-size:15px;text-align:center}.auth-switch button{border:0;background:none;padding:0;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:4px}.auth-callback{max-width:440px;margin:80px auto;text-align:center;display:grid;grid-gap:16px;gap:16px}.lomi-account-link{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border:1px solid var(--control-border);border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap}@media (hover:hover) and (pointer:fine){.lomi-account-link:hover{background:var(--accent-soft)}}.lomi-account{position:relative}.lomi-account summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800;cursor:pointer}.lomi-account summary::-webkit-details-marker{display:none}.lomi-account-menu{position:absolute;inset-inline-end:0;top:48px;z-index:20;min-width:220px;display:grid;grid-gap:4px;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px rgba(0,0,0,.12);transform-origin:top left;animation:account-menu .18s cubic-bezier(.23,1,.32,1)}.lomi-account-menu p{color:var(--muted);font-size:14px;padding:4px 8px 8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.lomi-account-menu button{border:0;background:none;text-align:start;padding:8px;border-radius:8px;font-size:15px;font-weight:600;color:var(--ink)}@media (hover:hover) and (pointer:fine){.lomi-account-menu button:hover{background:var(--surface-soft)}}@keyframes account-menu{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.lomi-account-menu{animation:none}}.lomi-site-header-actions{gap:12px}.auth-google-gsi{min-height:44px;display:flex;justify-content:center}.auth-forgot{justify-self:start;border:0;background:none;padding:0;margin-top:-6px;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:4px}