*{box-sizing:border-box}body{margin:0;background:#0d121b;color:#f5f7fa;font:17px/1.55 system-ui,sans-serif}header{display:flex;justify-content:space-between;border-bottom:1px solid #293446;padding:20px 24px;font-size:13px;letter-spacing:.12em}.brand{font-weight:900;color:#91efc1}main{max-width:760px;margin:auto;padding:28px 22px}h1{font-size:clamp(30px,7vw,44px);line-height:1.12;margin:10px 0 22px}h2{font-size:22px}.eyebrow,.muted,footer{color:#aebbcf}.eyebrow{font-size:11px;letter-spacing:.18em}section{margin:24px 0}input,select,button{font:inherit;border-radius:12px;min-height:52px;width:100%;margin:7px 0 14px}input,select{background:#182333;color:white;border:1px solid #62748c;padding:12px}button{background:#91efc1;color:#09291b;border:0;padding:14px;font-weight:750;cursor:pointer}button:disabled{opacity:.4;cursor:default}label{display:block}.pad{min-height:152px;text-align:left;padding:24px;font-size:26px}.pad span{margin-right:14px}.pad small{display:block;font-size:15px;font-weight:500;margin-top:12px}.secondary{background:#263449;color:white}.pill{padding:6px 12px;border:1px solid #60718a;border-radius:30px;font-size:13px}.statusrow{display:flex;gap:8px;flex-wrap:wrap}#notice{padding:14px 16px;background:#182333;border-radius:12px;min-height:55px}footer{font-size:13px;margin-top:34px;border-top:1px solid #293446;padding-top:20px}:focus-visible{outline:3px solid #f5cb6b;outline-offset:4px}[hidden]{display:none!important}.remember{display:flex;align-items:center;gap:12px}.remember input{width:22px;min-height:22px;margin:0;accent-color:#91efc1}
.monitor-link{display:block;background:#263449;color:#fff;border-radius:12px;padding:14px;text-align:center;font-weight:750;text-decoration:none}.monitor-link:hover{text-decoration:underline}

.desk-monitor {
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  gap: 10px;
  background: #0d121b;
  padding: 10px 0;
  border-bottom: 1px solid #293446;
}

.bank-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bank-grid button { margin: 0; padding: 12px 8px; }
.bank-grid [aria-pressed] {
  background: #182333;
  color: #f5f7fa;
  border: 1px solid #60718a;
}
.bank-grid [aria-pressed="true"] {
  border-color: #91efc1;
  color: #91efc1;
}

.bank-panel {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #293446;
  border-radius: 12px;
}

.bank-panel h3 { margin: 0; font-size: 20px; }
.bank-panel p { margin: 6px 0 12px; font-size: 14px; }
.bank-panel .pad { min-height: 68px; text-align: center; font-size: 18px; padding: 12px; }
.bank-panel [role="status"]:empty { display: none; }
#producer summary { padding: 12px 0; cursor: pointer; }

@media (max-height: 420px) {
  .desk-monitor { position: static; }
}