/* HyperAgent / Aurora: source-owned blue system matched to the supplied cover.
   Import AFTER style.css. No service or transaction capability is implied. */
:root {
  color-scheme: dark;
  --bg: #060d19;
  --sidebar: #091423;
  --panel: #0d1c2e;
  --raised: #15293f;
  --line: #29435c;
  --text: #f2f8ff;
  --muted: #aac1d5;
  --dim: #83a1ba;
  --accent: #6be0ff;
  --accent-soft: #6be0ff17;
  --green: #83ddbe;
  --shadow: 0 20px 70px #020713a6;
  --blue-secondary: #79a5ff;
  --blue-glow: #38bcf540;
  --surface-gradient: linear-gradient(145deg,#11273d 0%,#0b192a 68%,#0e1f38 100%);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f8fe;
  --sidebar: #e8f1fb;
  --panel: #ffffff;
  --raised: #e8f3ff;
  --line: #bfd4e9;
  --text: #12304c;
  --muted: #496981;
  --dim: #627e94;
  --accent: #086f9e;
  --accent-soft: #159cc016;
  --green: #177b61;
  --shadow: 0 20px 65px #16426c18;
  --blue-secondary: #3566c8;
  --blue-glow: #4aa9d525;
  --surface-gradient: linear-gradient(150deg,#fff,#e9f4ff);
}
body { background:var(--bg); }
.workspace {
  background:
    radial-gradient(circle at 56% -10%,#1675b422,transparent 43%),
    radial-gradient(circle at 10% 90%,#434d9620,transparent 42%),
    var(--bg);
}
:root[data-theme="light"] .workspace {
  background:radial-gradient(circle at 72% 2%,#a9dfff50,transparent 45%),var(--bg);
}
.sidebar {
  background:linear-gradient(180deg,var(--sidebar),#0a1829 73%,#091320);
  border-right-color:var(--line);
}
:root[data-theme="light"] .sidebar {
  background:linear-gradient(180deg,#eef6fe,#e3eef9);
}
.sidebar .brand { letter-spacing:-.055em; }
.brand .mark,.mark {
  background:linear-gradient(145deg,#153a5a,#0a1830) !important;
  border:1px solid #447e9b8c;
  color:var(--accent);
  padding:2px;
  box-shadow:0 4px 16px #040d1f6b,inset 0 1px 0 #c6f4ff22;
  overflow:hidden;
}
.mark img { display:block; width:100%; height:100%; object-fit:contain; }
.mark-large { padding:4px; }
.brand-period { color:var(--accent); }
.brand small,.nav-group-label,.rail-heading { color:var(--dim); }
.topbar {
  background:linear-gradient(90deg,#0b1a2cdd,#0b1828b8);
  border-bottom-color:var(--line);
}
:root[data-theme="light"] .topbar { background:#ffffffde; }
.sidebar nav button,
.sidebar nav a,
.mobile-nav nav button,
.mobile-nav nav a {
  border-radius:11px;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.sidebar nav button.active,.mobile-nav nav button.active {
  background:linear-gradient(100deg,#247aab28,#4465aa0e);
  border-color:#63dcff4c;
  color:#8ae8ff;
  box-shadow:inset 2px 0 0 var(--accent);
}
:root[data-theme="light"] .sidebar nav button.active,
:root[data-theme="light"] .mobile-nav nav button.active {
  color:var(--accent);
  background:#b8e9ff62;
}
.sidebar nav button:hover,.mobile-nav nav button:hover {
  border-color:var(--line);background:var(--raised);
}
.sidebar nav button .nav-spark { color:var(--accent); }
.build-status,.rail-card,.panel,.token-card,.balance-card,.doc-card,.cast-card {
  border-color:var(--line);
  box-shadow:0 6px 20px #0108151a;
}
.rail-card,.panel,.token-card,.balance-card {
  background:var(--panel);
}
.rail-card { border-radius:13px; }
.btn.primary {
  background:linear-gradient(110deg,#85ebff,#59c9f6);
  border:1px solid #a5f3ff;
  color:#021526;
  font-weight:700;
  box-shadow:0 5px 20px #45bbf728;
}
:root[data-theme="light"] .btn.primary {
  background:linear-gradient(115deg,#086b9c,#187fb9);
  border-color:#237eaf;
  color:#fff;
}
.btn.primary:hover:not(:disabled) { filter:brightness(1.06); }
.btn.secondary:hover:not(:disabled),.starter:hover { border-color:#5fc9ef75; }
.pill.orange,.pill.amber {
  color:var(--accent);
  border-color:#6be0ff46;
  background:var(--accent-soft);
}
.pill.green { border-color:#67d6b542; }
.amber-dot { background:#79cde5; }
.text-button,.eyebrow,.starter-icon { color:var(--accent); }
.preview-strip {
  border-bottom:1px solid #5bc2eb32;
  background:linear-gradient(90deg,#13283c,#0f2132);
  color:#bbd8e8;
}
:root[data-theme="light"] .preview-strip {background:#e1f3ff;color:#305777;}
.chat-view {
  background:
    radial-gradient(ellipse at 50% 13%,#1953841a,transparent 55%);
}
.chat-toolbar > span,.chat-welcome > .eyebrow { color:var(--dim); }
.chat-toolbar > span .small-dot { background:var(--accent); }
.chat-welcome {
  width:100%;
  max-width:690px;
  min-height:0;
  justify-content:flex-start;
  padding:10px 0 26px;
  margin:0 auto;
}
/* Older pre-R16 bundles rendered the image directly without a frame.
   Keep the same un-cropped composition while the source bundle is rebuilt. */
.chat-welcome > img[src="/cover.png"] {
  display:block!important;
  width:100%!important;
  max-width:666px!important;
  height:auto!important;
  aspect-ratio:3 / 1;
  object-fit:contain;
  object-position:center;
  border:1px solid #5fcffa62;
  border-radius:18px!important;
  margin:0 auto 24px!important;
  box-shadow:0 15px 56px #1674c52a;
}
.hyper-hero-frame {
  position:relative;
  width:100%;
  max-width:666px;
  margin:0 auto 24px;
  border:1px solid #5fcffa62;
  border-radius:18px;
  padding:1px;
  background:linear-gradient(125deg,#264a79,#192d54 65%,#484f89);
  box-shadow:0 0 0 1px #3bbaff1b,0 15px 56px #1674c52a;
  overflow:hidden;
}
.hyper-hero-frame:after {
  content:"";position:absolute;inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 32px #020a1926;
  pointer-events:none;
}
.hyper-hero-cover {
  width:100%;
  height:auto;
  aspect-ratio:3 / 1;
  object-fit:contain;
  object-position:center;
  display:block;
  border-radius:16px;
  background:#030b19;
}
.chat-welcome > .eyebrow {
  letter-spacing:.22em;
  font-size:9px;
  color:#9cc3dc;
  margin-bottom:12px;
}
:root[data-theme="light"] .chat-welcome > .eyebrow {color:var(--muted);}
.chat-welcome h1 {
  font-weight:600;
  font-size:clamp(34px,3.5vw,50px);
  letter-spacing:-.055em;
}
.chat-welcome h1 > span {
  color:var(--accent);
  text-shadow:0 0 25px #4fcbff28;
}
.chat-welcome > p {
  max-width:520px;
  margin:16px 0 22px;
  font-size:13px;line-height:1.7;color:var(--muted);
}
.starter-grid {max-width:555px;gap:11px;margin-bottom:17px;}
.starter {
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-gradient);
  min-height:58px;
  font-size:12px;
  padding:13px 16px;
  box-shadow:inset 0 1px 0 #cdf7ff0b;
}
:root[data-theme="light"] .starter {box-shadow:0 3px 12px #16436c0a;}
.starter:hover { background:var(--raised); }
.composer {
  background:var(--panel);
  border-color:#42647e;
  box-shadow:0 6px 30px #020a191f,inset 0 1px 0 #d8f4ff0b;
}
:root[data-theme="light"] .composer { border-color:var(--line); }
.composer:focus-within {box-shadow:0 0 0 2px #58c7ff22,0 8px 32px #06152837;}
.composer textarea {font-size:14px;}
.composer textarea::placeholder {color:var(--dim);}
.message.user .message-body {background:var(--raised);}
.banner.launch-banner {
  background:
    radial-gradient(ellipse at 80% 30%,#59bff925,transparent 51%),
    linear-gradient(125deg,#0b1a2d,#122944 74%,#101b32);
  border:1px solid #3f89b460;
}
:root[data-theme="light"] .banner.launch-banner {
  background:linear-gradient(130deg,#e9f6ff,#d6eafd);
}
.token-sculpture span {
  background:linear-gradient(135deg,#a6f2ff,#4ab1ec);
  box-shadow:6px 6px 0 #17678f,11px 11px 0 #0e3859;
  color:#031d35;
}
.token-sculpture i { border-color:#56caff73; }
.token-sculpture i:last-child {border-color:#a4a4ff5a;}
.token-card:hover {border-color:#59c9fa7a;}
.asset-icon { background:var(--accent-soft);color:var(--accent); }
.modal,.mobile-nav {background:var(--panel);border-color:var(--line);}
input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline-color:var(--accent);border-color:var(--accent);
}
::selection {background:#4dbfe65a;color:var(--text);}
@media (max-width:800px) {
  .hyper-hero-frame {max-width:590px;margin-bottom:19px;}
  .chat-welcome {padding-top:8px;}
}
@media (max-width:580px) {
  .hyper-hero-frame {margin:0 auto 17px;border-radius:12px;}
  .hyper-hero-cover {border-radius:10px;}
  .chat-welcome {padding:5px 0 18px;justify-content:flex-start;}
  .chat-welcome h1 {font-size:clamp(29px,8.6vw,39px);}
  .chat-welcome > .eyebrow {font-size:8px;letter-spacing:.12em;}
  .chat-welcome > p {margin:13px 0 18px;font-size:12px;max-width:340px;}
  .starter-grid {gap:8px;}
  .starter {padding:11px 10px;font-size:11px;min-height:59px;}
  .composer {padding:10px 12px;}
  .composer textarea {font-size:16px;}
  .preview-strip {line-height:1.45;}
}
@media (max-height:740px) and (min-width:801px) {
  .chat-welcome {justify-content:flex-start;padding-top:2px;}
  .hyper-hero-frame {max-width:510px;margin-bottom:15px;}
  .chat-welcome > p {margin:10px 0 13px;}
  .starter-grid {margin-bottom:9px;}
  .starter {min-height:46px;}
}
@media(prefers-reduced-motion:reduce) {
  .sidebar nav button,.starter,.btn {transition:none!important;}
}