* { box-sizing: border-box; }
html, body {
  width: 600px; height: 600px; margin: 0; overflow: hidden;
  background: #0a0a0f; color: #f3f6fb;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
}
.screen { width: 600px; height: 600px; position: relative; }
.hidden { display: none !important; }

.statusbar {
  height: 52px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 20px; border-bottom: 1px solid #2c3038; background: #14171d;
  font-size: 15px; font-weight: 700;
}
.conn { color: #ffb454; }
.conn.ok { color: #7fe0a6; }
.chan { color: #66707c; font-size: 13px; }

.idle {
  position: absolute; top: 52px; left: 0; width: 600px; height: 548px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.idle-title { color: #83e6ff; font-size: 30px; font-weight: 800; letter-spacing: .04em; }
.idle-sub { margin-top: 14px; color: #8f99a6; font-size: 20px; }

.card { position: absolute; top: 52px; left: 0; width: 600px; height: 548px; padding: 28px; }
.card-tag { color: #ffb454; font-size: 16px; font-weight: 800; letter-spacing: .06em; }
.card-tool { margin-top: 16px; color: #b9c1cc; font-size: 16px; }
.card-cmd {
  margin-top: 12px; padding: 18px; border-left: 4px solid #83e6ff; background: #151920;
  border-radius: 6px; font-family: ui-monospace, Menlo, monospace; font-size: 20px;
  line-height: 1.4; word-break: break-all; max-height: 240px; overflow: hidden;
}
.btnrow { margin-top: 26px; display: flex; gap: 16px; }
.btn {
  flex: 1; text-align: center; padding: 22px 0; font-size: 24px; font-weight: 800;
  border: 3px solid transparent; border-radius: 10px;
}
.btn.allow { background: #17492f; color: #d9ffe9; }
.btn.deny { background: #4d1820; color: #ffd9dd; }
.btn.focusable:focus { outline: none; border-color: #83e6ff; box-shadow: 0 0 0 3px rgba(131,230,255,.25); }
.hint { margin-top: 22px; color: #66707c; font-size: 14px; text-align: center; }
.dbg { position: absolute; left: 0; bottom: 0; width: 600px; padding: 6px 12px;
  font-family: ui-monospace, Menlo, monospace; font-size: 12px; color: #5f6b78;
  border-top: 1px solid #1c2027; background: #0d0f14; white-space: nowrap; overflow: hidden; }