/* Orb shared tokens + base. mIRC soul: white, Fixedsys, the real palette.
   Every page and every verse can rely on these design tokens. */
:root{
  --m0:#ffffff; --m1:#000000; --m2:#00007f; --m3:#009300;
  --m4:#ff0000; --m5:#7f0000; --m6:#9c009c; --m7:#fc7f00;
  --m8:#ffff00; --m9:#00fc00; --m10:#009393; --m11:#00ffff;
  --m12:#0000fc; --m13:#ff00ff; --m14:#7f7f7f; --m15:#d2d2d2;
  --line:#b6b6b6; --line-soft:#dcdcdc; --sel:#000080;
  --mono:"Fixedsys Excelsior 3.01","Fixedsys","Lucida Console","Consolas","Courier New",monospace;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#e4e4e4;color:var(--m1);font-family:var(--mono);font-size:15px;
  -webkit-font-smoothing:none;image-rendering:pixelated}

/* reusable bits for login + browser */
.brand{font-weight:bold;color:var(--m2);letter-spacing:.3px}
.brand b{color:var(--m4)}
.card{background:#fff;border:1px solid var(--line)}
.muted{color:var(--m14)}
.err{color:var(--m4)}
.ok{color:var(--m3)}

.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  background:#fff;border:1px solid var(--line);color:var(--m1);font-family:var(--mono);
  font-size:15px;padding:8px 12px;cursor:pointer;text-decoration:none}
.btn:hover{background:#eef0f4}
.btn:active{background:#e2e6ee}
.btn.primary{background:var(--sel);color:#fff;border-color:var(--sel);font-weight:bold}
.btn.primary:hover{background:#00006a}
.btn .ic{font-size:16px}

.field{width:100%;background:#fff;border:1px solid var(--line);font-family:var(--mono);
  font-size:15px;color:var(--m1);padding:7px 9px;outline:none}
.field:focus{border-color:#7f7f7f}
label.lbl{display:block;color:var(--m14);font-size:12px;margin:10px 0 3px}

::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track{background:#f0f0f0}
::-webkit-scrollbar-thumb{background:#c9c9c9;border:3px solid #f0f0f0;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#b0b0b0}