body{margin:0;background:#0b1320;color:#c7d5e0;font-family:Arial}
.box{max-width:360px;margin:120px auto;background:#1b2838;border:1px solid #22324a;padding:22px;border-radius:12px}
h2{margin:0 0 12px;color:#66c0f4}
input{width:100%;max-width:280px;display:block;margin:10px auto;padding:10px;border-radius:10px;border:1px solid #22324a;background:#0b1b2a;color:#c7d5e0}
button{width:100%;max-width:280px;display:block;margin:12px auto 6px;padding:10px;border-radius:10px;border:none;background:#66c0f4;color:#000;font-weight:bold;cursor:pointer}
button:hover{opacity:.92}
.err{color:#ff6666;margin-top:10px}
.notice{color:#7fff7f;margin-top:10px}
.small{font-size:12px;opacity:.85;text-align:center}
a{color:#7fff7f;text-decoration:none}
a:hover{text-decoration:underline}
.links{display:flex;justify-content:space-between;max-width:280px;margin:8px auto 0}
.row{max-width:280px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:12px;opacity:.9}
.row input{width:16px;height:16px;margin:0}

/* ===== Mobile tweaks ===== */
@media(max-width:640px){
  .navbar{padding:10px 12px; gap:10px; flex-wrap:wrap;}
  .navbar a{display:inline-flex; align-items:center; padding:8px 10px; border-radius:10px;}
  .container,.wrap{padding:14px;}
  .tools{gap:10px;}
  .box{min-width:0;}
  input[type="text"], input{min-width:0;width:100%;max-width:100%;}
  .searchRow{width:100%;}
  button,.btn{width:100%;}
  .card{min-height:auto;}
  .card img{align-self:center; width:120px; height:120px;}
  .pop{top:20px; max-height:80vh;}
}