:root{
  --bg:#0b1020;
  --card:#111a33;
  --txt:#e8ecff;
  --mut:#9aa6d6;
  --err:#ff6b6b;
  --ok:#4cd964;
  --brd:rgba(255,255,255,.12);
  --brd2:rgba(232,236,255,.22);
}

*{ box-sizing:border-box; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body{
  margin:0;
  min-height:100vh;
  background: radial-gradient(1200px 800px at 20% 10%, #182657 0%, var(--bg) 50%, #070a14 100%);
  color:var(--txt);
}

.shell-header{
  position:sticky; top:0;
  backdrop-filter: blur(10px);
  background: rgba(11,16,32,.72);
  border-bottom:1px solid var(--brd);
}
.shell-bar{
  max-width:980px;
  margin:0 auto;
  padding:14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.shell-title{ margin:0; font-size:16px; letter-spacing:.2px; }
.shell-subtitle{ font-size:12px; color:var(--mut); margin-top:2px; }

.shell-actions{ display:flex; gap:10px; align-items:center; }
.shell-btn{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.18);
  color:var(--txt);
  cursor:pointer;
  font-weight:600;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.shell-btn:hover{ border-color: var(--brd2); }

.shell-main{
  max-width:980px;
  margin:0 auto;
  padding:16px 14px 40px;
}

.shell-msg{
  margin:12px 0;
  font-size:12px;
  color:var(--mut);
  min-height:18px;
}
.shell-msg.err{ color:var(--err); }
.shell-msg.ok{ color:var(--ok); }

.shell-card{
  background:rgba(17,26,51,.92);
  border:1px solid var(--brd);
  border-radius:16px;
  padding:14px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

code, pre{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  color: rgba(232,236,255,.85);
}
pre{ margin:0; white-space:pre-wrap; word-break:break-word; }