.auth-screen{
  position:fixed;
  inset:0;
  z-index:900;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(250,249,247,.94);
  backdrop-filter:blur(8px);
}
.auth-screen[hidden]{display:none!important}
.auth-panel{
  width:min(420px,100%);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow-lg);
  padding:26px;
}
.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.auth-flower{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--madeira);
  color:#fff;
  font-size:24px;
}
.auth-title{font-size:19px;font-weight:800;color:var(--text);line-height:1.1}
.auth-subtitle{font-size:13px;color:var(--text3);margin-top:3px}
.auth-form{display:flex;flex-direction:column;gap:12px}
.auth-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--text2)}
.auth-field input{
  font-family:'Red Hat Display',sans-serif;
  border:1px solid var(--border2);
  border-radius:8px;
  padding:11px 12px;
  font-size:14px;
  color:var(--text);
  background:var(--bg);
  outline:none;
}
.auth-field input:focus{border-color:var(--madeira);background:#fff}
.auth-message{min-height:18px;font-size:12px;color:var(--text3);line-height:1.45}
.auth-message[data-type="error"]{color:var(--danger)}
.auth-submit{justify-content:center;margin-top:2px}
.auth-divider{display:flex;align-items:center;gap:10px;color:var(--text3);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}
.auth-google{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  width:100%;
  max-width:320px;
  margin:0 auto;
  border:1px solid var(--border2);
  border-radius:8px;
  padding:.5rem 1.4rem;
  background:#fff;
  color:rgb(65,63,63);
  font-family:'Red Hat Display',sans-serif;
  font-size:.875rem;
  line-height:1.25rem;
  font-weight:700;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  transition:all .6s ease;
}
.auth-google:hover{border-color:rgba(0,0,0,.25);box-shadow:0 8px 18px rgba(44,40,34,.08);transform:scale(1.02)}
.auth-google-icon{
  width:24px;
  height:24px;
  flex:0 0 auto;
}
.auth-secondary{justify-content:center;background:var(--surface2)}
.auth-help{font-size:12px;color:var(--text3);line-height:1.45;text-align:center;margin-top:2px}
.auth-form a.btn{text-decoration:none}
.auth-form .disabled,.auth-google:disabled{opacity:.6;pointer-events:none}
.auth-license{display:flex;flex-direction:column;gap:12px}
.auth-license[hidden]{display:none!important}
.auth-license-kicker{font-size:11px;font-weight:800;color:var(--madeira);text-transform:uppercase;letter-spacing:.08em}
.auth-license-title{font-size:22px;font-weight:800;color:var(--text);line-height:1.12}
.auth-license-text{font-size:13px;color:var(--text2);line-height:1.6}
.auth-license-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.auth-license-actions .btn{text-decoration:none;justify-content:center;flex:1;min-width:150px}
.auth-status{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:650;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100vw - 36px);
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--shadow);
  color:var(--text2);
  font-size:12px;
  font-weight:700;
}
.auth-status[hidden]{display:none!important}
.auth-status-btn{
  border:0;
  border-left:1px solid var(--border);
  padding:2px 4px 2px 10px;
  background:transparent;
  color:var(--madeira);
  font:inherit;
  cursor:pointer;
}
@media(max-width:640px){
  .auth-panel{padding:22px}
  .auth-status{left:12px;right:12px;bottom:12px;justify-content:center}
}