/* HAL GUI v2 (Grok Bot 2026-10-22): palettes, textured backgrounds, grouped sidebar, HAL Dock drawer. Overlays are fixed: no layout shift. */
html.hx-ui[data-palette="supreme"]{--sp-a:#f2c14e;--sp-b:#ff9a3c;--sp-c:#e2453c;--sp-d:#fff1c2;--sp-wash-a:#f2b63222;--sp-wash-b:#e2453c16;--sp-wash-c:#ffcf7a12;--sp-line:#c9a24a44;--hx-blue:#f2c14e;--hx-violet:#ff9a3c;--hx-cyan:#ffd98a}
html.hx-ui[data-palette="aurora"]{--sp-a:#5af0b4;--sp-b:#38c8f0;--sp-c:#a68bff;--sp-d:#d6ffe9;--sp-wash-a:#2be3a01d;--sp-wash-b:#3aa7ff18;--sp-wash-c:#9a6bff15;--hx-blue:#38c8f0;--hx-violet:#a68bff;--hx-cyan:#5af0b4}
html.hx-ui[data-palette="ember"]{--sp-a:#ff6a3d;--sp-b:#ff3d6e;--sp-c:#ffb03d;--sp-d:#ffe0c2;--sp-wash-a:#ff5a2a22;--sp-wash-b:#ff2d6a17;--sp-wash-c:#ffae3a14;--hx-blue:#ff8a5c;--hx-violet:#ff3d6e;--hx-cyan:#ffb03d}
html.hx-ui[data-palette="ocean"]{--sp-a:#4fd1ff;--sp-b:#3b7bff;--sp-c:#22e0d0;--sp-d:#cfefff;--sp-wash-a:#1f8cff22;--sp-wash-b:#00d0c018;--sp-wash-c:#3b5bff16;--hx-blue:#3b7bff;--hx-violet:#6e8bff;--hx-cyan:#4fd1ff}
[data-swatch="supreme"]{background:linear-gradient(135deg,#f2c14e,#e2453c)!important}[data-swatch="aurora"]{background:linear-gradient(135deg,#5af0b4,#a68bff)!important}
[data-swatch="ember"]{background:linear-gradient(135deg,#ff6a3d,#ffb03d)!important}[data-swatch="ocean"]{background:linear-gradient(135deg,#4fd1ff,#3b7bff)!important}

/* textured background: aurora washes + fine grain + vignette. Fixed, behind content, GPU transform drift only. */
.hg-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;background:radial-gradient(120% 90% at 50% 0%,#14151c 0%,#0a0a0e 60%,#060608 100%)}
html[data-theme="light"] .hg-bg{background:radial-gradient(120% 90% at 50% 0%,#fbfaf6,#eeebe3)}
.hg-bg i{position:absolute;display:block}
.hg-bg-a,.hg-bg-b{width:70vmax;height:70vmax;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}
.hg-bg-a{left:-18vmax;top:-22vmax;background:radial-gradient(circle,var(--sp-wash-a,#f2b63222) 0%,transparent 65%),radial-gradient(circle at 60% 60%,color-mix(in srgb,var(--sp-a,#f2c14e) 22%,transparent),transparent 60%)}
.hg-bg-b{right:-22vmax;bottom:-26vmax;background:radial-gradient(circle,var(--sp-wash-b,#e2453c16) 0%,transparent 65%),radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--sp-c,#e2453c) 18%,transparent),transparent 60%)}
.hg-bg-n{inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-bg="nebula"] .hg-bg-a{animation:hg-drift-a 38s ease-in-out infinite alternate}
html[data-bg="nebula"] .hg-bg-b{animation:hg-drift-b 46s ease-in-out infinite alternate}
@keyframes hg-drift-a{to{transform:translate3d(14vmax,10vmax,0) scale(1.15)}}
@keyframes hg-drift-b{to{transform:translate3d(-12vmax,-9vmax,0) scale(1.1)}}
html[data-bg="carbon"] .hg-bg-n{opacity:.16;background-size:auto,6px 6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(45deg,#fff1 0 1px,transparent 1px 3px)}
html[data-bg="minimal"] .hg-bg-a,html[data-bg="minimal"] .hg-bg-b{display:none}
@media (prefers-reduced-motion:reduce){.hg-bg-a,.hg-bg-b{animation:none!important}}

/* Settings legibility (audit: dark labels on dark card) */
:where(.pg-app) .modal-card{color:var(--sp-text,#edf1ff)}
:where(.pg-app) .modal-card :is(h2,h3,label,span,p,.setting-row,legend){color:inherit}
:where(.pg-app) .modal-card .hx-palette-note{color:color-mix(in srgb,currentColor 70%,transparent)}
html[data-theme="light"] :where(.pg-app) .modal-card{color:#1a1d26}

/* grouped sidebar */
.hs-nav-v2{display:flex;flex-direction:column;gap:1px}
.hs-nav-v2 [hidden]{display:none!important}
.hs-grp{margin:10px 10px 3px;font:700 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--sp-a,#f2c14e) 70%,#9a98aa)}
.hs-grp:first-child{margin-top:4px}
html[data-sidebar-collapsed="true"] .hs-grp{height:1px;margin:6px 12px;overflow:hidden;color:transparent;background:#ffffff14}
.hs-nav-v2 .hs-side-action{position:relative;transition:background .18s,transform .18s,color .18s}
.hs-nav-v2 .hs-side-action:hover{transform:translateX(2px)}
.hs-nav-v2 .hs-side-action:hover .hs-side-icon{color:var(--sp-a,#f2c14e)}
.hs-live-dot{width:7px;height:7px;border-radius:50%;background:#39ff88;box-shadow:0 0 0 0 #39ff8888;animation:hg-pulse 2s infinite;margin-left:auto;flex:none}
.hs-badge{margin-left:auto;font:800 9.5px/1 system-ui;letter-spacing:.08em;padding:3px 5px;border-radius:6px;background:#e2453c;color:#fff}
.hs-health{width:7px;height:7px;border-radius:50%;margin-left:auto;background:#666;flex:none}.hs-h-ok{background:#39ff88}.hs-h-warn{background:#ffb03d}
html[data-sidebar-collapsed="true"] :is(.hs-live-dot,.hs-badge,.hs-health){position:absolute;right:6px;top:6px;margin:0}
@keyframes hg-pulse{70%{box-shadow:0 0 0 7px #39ff8800}100%{box-shadow:0 0 0 0 #39ff8800}}

/* HAL Dock drawer */
.hg-drawer{position:fixed;top:10px;right:10px;bottom:10px;width:min(400px,calc(100vw - 20px));z-index:2147470000;display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgb(24 24 32/.94),rgb(12 12 16/.96));-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid color-mix(in srgb,var(--sp-a,#f2c14e) 28%,#2a2a36);border-radius:20px;box-shadow:0 30px 80px rgb(0 0 0/.55),inset 0 1px 0 #ffffff1a;color:#ecebf2;
  font:14.5px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transform:translate3d(24px,0,0) scale(.98);opacity:0;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s}
.hg-drawer.in{transform:none;opacity:1}
.hg-head{display:flex;align-items:center;gap:8px;padding:10px 10px 6px 12px}
.hg-tabs{display:flex;gap:4px;background:#ffffff0d;border-radius:12px;padding:3px;flex:1}
.hg-tabs button{flex:1;border:0;background:none;color:#bdbcc8;font:700 13.5px/1 inherit;padding:9px 8px;border-radius:9px;cursor:pointer;display:flex;gap:6px;align-items:center;justify-content:center}
.hg-tabs button[aria-selected="true"]{background:linear-gradient(180deg,#2c2c3a,#1e1e28);color:#fff;box-shadow:inset 0 1px 0 #ffffff1f}
.hg-tabs .hs-live-dot{margin:0}
.hg-x{width:40px;height:40px;border:0;border-radius:12px;background:#ffffff0d;color:#ddd;font-size:22px;cursor:pointer}
.hg-pane{flex:1;overflow:auto;padding:6px 14px 14px;display:flex;flex-direction:column;gap:10px}
.hg-pane[hidden]{display:none}
.hg-hal{display:flex;gap:12px;align-items:center}.hg-hal b{display:block;letter-spacing:.06em}.hg-hal small{color:#a9a8b8;display:flex;gap:6px;align-items:center}
.hg-orb{width:40px;height:40px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#fff6d0,var(--sp-a,#f2c14e) 35%,#7a3d00 80%);box-shadow:0 0 22px color-mix(in srgb,var(--sp-a,#f2c14e) 55%,transparent);animation:hg-breathe 4.2s ease-in-out infinite}
@keyframes hg-breathe{50%{transform:scale(1.06);box-shadow:0 0 34px color-mix(in srgb,var(--sp-a,#f2c14e) 70%,transparent)}}
.hg-led{width:8px;height:8px;border-radius:50%;display:inline-block}.hg-led.hg-ok{background:#39ff88}.hg-led.hg-warn{background:#ffb03d}
.hg-mic{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:14px 16px;border-radius:16px;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--sp-a,#f2c14e),var(--sp-b,#ff9a3c));color:#170f00;font:800 16px/1.2 inherit;box-shadow:0 10px 26px color-mix(in srgb,var(--sp-a,#f2c14e) 35%,transparent)}
.hg-mic small{grid-column:2;font:600 12px/1.2 inherit;opacity:.75}
.hg-mic-ic{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:#170f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2c14e' stroke-width='2' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3'/%3E%3C/svg%3E") center/20px no-repeat}
.hg-mic.on{background:linear-gradient(135deg,#e2453c,#ff6a3d);color:#fff}
.hg-voice iframe{width:100%;height:340px;border:1px solid #2a2a36;border-radius:14px;background:#0b0b0f;display:block}
.hg-ask{display:flex;gap:6px}.hg-ask input{flex:1;min-width:0;background:#0b0b10;border:1px solid #2e2e3c;border-radius:12px;color:#fff;padding:10px 12px;font:inherit}
.hg-ask button{border:0;border-radius:12px;padding:0 14px;background:#2a2a38;color:#fff;font-weight:700;cursor:pointer}
.hg-sec{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.hg-sec h3{margin:0;font:700 11px/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#a9a8b8}.hg-sec a{color:var(--sp-a,#f2c14e);font-size:12.5px}
.hg-sess,.hg-sys{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hg-sess a{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 11px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff0f;color:inherit;text-decoration:none;transition:background .15s}
.hg-sess a:hover{background:#ffffff12}.hg-sess b{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hg-sess small{grid-column:1/3;color:#8f8ea0;font-size:12px}
.hg-sys li{display:grid;grid-template-columns:1fr auto 56px;gap:8px;align-items:center;font-size:13px;padding:4px 2px}.hg-sys small{color:#8f8ea0;text-align:right}
.hg-chip{font:700 10.5px/1 system-ui;padding:4px 7px;border-radius:7px;text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;color:#cfcfda}
.hg-chip.hg-ok{background:#39ff8822;color:#7dffb0}.hg-chip.hg-run{background:#f2b63226;color:#ffd47a}.hg-chip.hg-bad{background:#e2453c2a;color:#ff8c84}
.hg-dim{color:#8f8ea0;font-size:13px;margin:0}
.hg-teamwrap{flex:1;min-height:420px}.hg-teamwrap iframe{width:100%;height:100%;min-height:420px;border:1px solid #2a2a36;border-radius:14px;background:#0b0b0f}
.hg-full{color:var(--sp-a,#f2c14e);font-size:13px}
.hg-fab{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:2147469000;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid #ffffff22;
  background:rgb(18 18 24/.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:700 13px/1 system-ui;cursor:pointer;box-shadow:0 8px 22px rgb(0 0 0/.4)}
.hg-fab .hg-orb{width:26px;height:26px}
@media (max-width:640px){.hg-drawer{top:auto;left:0;right:0;bottom:0;width:100%;height:min(88vh,720px);border-radius:22px 22px 0 0;transform:translate3d(0,30px,0)}.hg-drawer.in{transform:none}}
@media (prefers-reduced-motion:reduce){.hg-drawer,.hs-nav-v2 .hs-side-action{transition:none}.hg-orb,.hs-live-dot{animation:none}}
@media print{.hg-bg,.hg-drawer,.hg-fab{display:none}}