.loginwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);font-family:var(--font);color:var(--ink);padding:20px}
  .logincard{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}
  .logincard .logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--heart),var(--heart-ink));color:#fff;font-size:21px;margin:0 auto 14px}
  .logincard h1{font-size:18px;text-align:center;margin-bottom:2px}
  .logincard p.sub{font-size:12.5px;color:var(--ink-2);text-align:center;margin:0 0 20px}
  .logincard label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin:12px 0 5px}
  .logincard input{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px}
  .logincard input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
  .logincard button{width:100%;margin-top:18px;border:0;background:var(--accent);color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:11px;border-radius:9px;cursor:pointer}
  .logincard button:hover{background:var(--accent-ink)} .logincard button:disabled{opacity:.6;cursor:not-allowed}
  .loginerr{margin-top:12px;font-size:13px;color:var(--bad);text-align:center;display:none}
  .logoutbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:9px;padding:7px 11px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600}
  .logoutbtn:hover{border-color:var(--bad);color:var(--bad)}