/* The terminal. Loaded by every page that can move value. */
.posOpen{position:fixed;right:18px;bottom:18px;z-index:60;border:0;cursor:pointer;
  font:600 14px/1 var(--body);border-radius:11px;padding:13px 19px;
  background:var(--grad);color:#00111f;box-shadow:0 8px 26px rgba(21,101,255,.34)}
.posOpen:hover{filter:brightness(1.08)}
.posBack{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:70}
.pos{position:fixed;right:0;top:0;bottom:0;width:min(452px,100vw);z-index:80;
  background:var(--bg-2);border-left:1px solid var(--line);display:flex;flex-direction:column}
/* `display:flex` beats the hidden ATTRIBUTE, so a closed terminal stayed in the
   layout, invisible, swallowing every click down the right-hand side of every
   page. Caught by the browser walk, 2026-09-02, on the first click it tried. */
.pos[hidden],.posBack[hidden]{display:none !important}
.pos header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.pos header .t{font:700 16px/1 var(--body)}
.pos header .who{font:600 12px/1 var(--mono);color:var(--muted);flex:1}
.pos header .x{background:none;border:0;color:var(--muted);font-size:25px;line-height:1;cursor:pointer}
.pos header .x:hover{color:var(--ink)}
.pos .body{flex:1;overflow-y:auto;padding:16px 18px 26px}
.posEmpty{color:var(--muted);font-size:14px}
.posEmpty p{margin:0 0 11px}
.posEmpty b{color:var(--ink)}
.posCard{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:15px 16px;margin:0 0 12px}
.posHead{display:flex;gap:12px;align-items:flex-start;margin:0 0 13px}
.posHead .nm{font:600 15px/1.3 var(--body)}
.posHead .sub{color:var(--muted);font-size:12.5px;margin-top:3px}
.posHead .amt{margin-left:auto;font:700 18px/1 var(--mono);white-space:nowrap}
.posAct{display:flex;gap:9px;flex-wrap:wrap}
.posState{display:flex;align-items:center;gap:9px;font:600 15px/1 var(--body);
  border-radius:10px;padding:12px 13px}
.posState.checking{background:rgba(53,200,255,.09);color:var(--ice)}
.posState.ok{background:rgba(89,229,154,.11);color:var(--ok)}
.posState.no{background:rgba(255,204,102,.10);color:var(--warn)}
.posWhy{color:var(--muted);font-size:13.5px;margin:11px 0 13px}
.posNote{color:var(--muted);font-size:12.5px;margin:11px 0 0;font-style:italic}
.spin{width:13px;height:13px;border-radius:50%;border:2px solid rgba(53,200,255,.28);
  border-top-color:var(--cyan);animation:sp .8s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
@media(max-width:520px){.pos{width:100vw}}