:root{
  --bg:#0b0d10;--s2:#1a1e24;
  --b1:rgba(255,255,255,0.07);
  --t1:#eef0f3;--t2:#8b92a0;
  --accent:#5dcaa5;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{
  width:100%;height:100%;
  background:var(--bg);color:var(--t1);
  font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
}
#login-screen{
  position:fixed;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;
}
#login-screen .mark{font-size:52px;line-height:1;}
#login-screen h1{font-size:26px;font-weight:700;color:var(--accent);}
#login-screen p{font-size:14px;color:var(--t2);}
#login-pw{
  width:260px;max-width:calc(100vw - 48px);
  background:var(--s2);border:1px solid var(--b1);border-radius:9px;
  color:var(--t1);font-size:14px;padding:10px 12px;outline:none;font-family:inherit;
}
#login-pw:focus{border-color:var(--accent);}
#login-err{min-height:18px;font-size:13px;color:#f07878;}
#login-btn{
  background:var(--accent);border:none;border-radius:13px;color:#000;
  cursor:pointer;font-size:16px;font-weight:700;padding:12px 36px;
}
#login-btn:disabled{opacity:.6;cursor:wait;}