@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

#xau-terminal{
  --bg:#ffffff; --soft:#f6f7f9; --panel:#ffffff; --panel2:#fafbfc;
  --line:#e4e7ec; --line2:#d3d8e0;
  --tx:#10131a; --dim:#5b6472; --dim2:#8b93a1;
  --gold:#8a6508; --gold-br:#d9a520; --gold-lt:#fdf6e4;
  --up:#0a7d50; --down:#c3252c; --warn:#9a6410;
  --up-bg:rgba(10,125,80,.09); --down-bg:rgba(195,37,44,.08);

  all:initial;
  display:block; box-sizing:border-box;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg); color:var(--tx);
  font-size:14px; line-height:1.45;
  -webkit-font-smoothing:antialiased;
  width:100%; padding:0; margin:0;
  overflow-x:clip;
}
#xau-terminal *,#xau-terminal *::before,#xau-terminal *::after{box-sizing:border-box;margin:0;padding:0;}
#xau-terminal .xt-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-0.01em;}
#xau-terminal h1,#xau-terminal h2,#xau-terminal h3,#xau-terminal h4{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.01em;line-height:1.2;color:var(--tx);}
#xau-terminal a{color:inherit;text-decoration:none;}
#xau-terminal button{font-family:inherit;}
/* max-width:none defends against themes that constrain canvas globally */
#xau-terminal canvas{display:block;max-width:none;min-width:0;}

#xau-terminal .xt-shell{width:100%;max-width:2000px;margin:0 auto;padding:0 clamp(12px,1.8vw,30px) 44px;}

/* ================= TOP BAR ================= */
#xau-terminal .xt-top{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:11px 4px;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);
}
#xau-terminal .xt-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;white-space:nowrap;}
#xau-terminal .xt-brand i{font-style:normal;color:var(--gold-br);}
#xau-terminal .xt-brand em{font-style:normal;color:var(--dim2);font-weight:500;font-size:10.5px;letter-spacing:.16em;margin-left:6px;}
#xau-terminal .xt-tick{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;
  padding:3px 10px;border-radius:7px;background:var(--gold-lt);border:1px solid #f0e2bd;white-space:nowrap;}
#xau-terminal .xt-tick i{font-style:normal;font-size:11px;font-weight:600;}
#xau-terminal .xt-toprow{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
#xau-terminal .xt-sess{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase;}
#xau-terminal .xt-sessdots{display:flex;gap:4px;}
#xau-terminal .xt-sd{width:5px;height:5px;border-radius:50%;background:var(--line2);}
#xau-terminal .xt-sd.on{background:var(--up);}
#xau-terminal .xt-clock{font-size:12px;color:var(--dim);white-space:nowrap;}
#xau-terminal .xt-via{font-size:10px;color:var(--dim2);border:1px solid var(--line);border-radius:20px;padding:2px 9px;white-space:nowrap;}
#xau-terminal .xt-via.warn{color:var(--warn);border-color:#e8d9bd;background:#fdf8ef;}
#xau-terminal .xt-via.bad{color:var(--down);border-color:#f0cfd1;background:#fdf3f3;}

/* ================= STATUS DOT ================= */
#xau-terminal .xt-dot{width:6px;height:6px;border-radius:50%;background:var(--dim2);display:inline-block;flex:none;}
#xau-terminal .xt-dot.live{background:var(--up);animation:xtPulse 2.2s ease-in-out infinite;}
#xau-terminal .xt-dot.stale{background:var(--gold-br);}
#xau-terminal .xt-dot.err{background:var(--down);}
@keyframes xtPulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){#xau-terminal .xt-dot.live{animation:none}}

/* ================= HERO ================= */
#xau-terminal .xt-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1100px 460px at 88% -10%, #fdf3dc 0%, rgba(253,243,220,0) 62%),
    radial-gradient(760px 420px at 4% 108%, #f2f5fa 0%, rgba(242,245,250,0) 60%),
    linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
  border-bottom:1px solid var(--line);
  margin:0 calc(-1 * clamp(12px,1.8vw,30px));
  padding:0 clamp(12px,1.8vw,30px);
}
#xau-terminal .xt-heroin{
  width:100%;max-width:2000px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(20px,3vw,44px);align-items:center;
  padding:clamp(28px,4.5vw,66px) 0 clamp(26px,4vw,58px);
}
#xau-terminal .xt-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid #ecdcb4;color:var(--gold);
  padding:7px 15px;border-radius:30px;font-size:11px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px;
  box-shadow:0 1px 2px rgba(16,19,26,.04);
}
#xau-terminal .xt-h1{
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:clamp(29px,3.9vw,56px);line-height:1.07;letter-spacing:-.025em;margin-bottom:20px;
}
#xau-terminal .xt-h1 span{
  background:linear-gradient(96deg,#b8860b 0%,#e0ac26 44%,#a8760a 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#b8860b;
}
#xau-terminal .xt-by{font-size:12px;color:var(--dim2);margin:-18px 0 24px;letter-spacing:.02em;}
#xau-terminal .xt-by[hidden]{display:none;}
#xau-terminal .xt-by b{color:var(--gold);font-weight:600;}
#xau-terminal .xt-lead{font-size:clamp(14.5px,1.15vw,17.5px);color:var(--dim);line-height:1.62;max-width:62ch;margin-bottom:28px;}
#xau-terminal .xt-ctas{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:30px;}
#xau-terminal .xt-btn{
  display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:9px;
  font-size:14.5px;font-weight:600;transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
  border:1px solid transparent;cursor:pointer;
}
#xau-terminal .xt-btn.p{background:linear-gradient(180deg,#e3ad24 0%,#c9930f 100%);color:#231a02;box-shadow:0 2px 5px rgba(180,130,10,.26);}
#xau-terminal .xt-btn.p:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(180,130,10,.32);}
#xau-terminal .xt-btn.s{background:#fff;border-color:var(--line2);color:var(--tx);}
#xau-terminal .xt-btn.s:hover{background:var(--soft);transform:translateY(-1px);}

#xau-terminal .xt-chips{display:flex;gap:10px;flex-wrap:wrap;}
#xau-terminal .xt-chip{
  background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 15px;min-width:132px;
  box-shadow:0 1px 2px rgba(16,19,26,.03);
}
#xau-terminal .xt-chip .cl{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim2);display:flex;align-items:center;gap:5px;margin-bottom:5px;}
#xau-terminal .xt-chip .cv{font-size:19px;font-weight:700;font-family:'Space Grotesk',sans-serif;line-height:1.1;}
#xau-terminal .xt-chip .cs{font-size:11px;font-weight:600;margin-top:3px;}

#xau-terminal .xt-herovis{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(190px,21vw,363px);}
#xau-terminal .xt-hero3d{width:clamp(210px,25vw,440px);height:clamp(175px,20.6vw,363px);max-width:100%;}

/* ================= EVENT COUNTDOWN STRIP ================= */
#xau-terminal .xt-evwrap{margin-top:18px;border:1px solid #eddfbb;border-radius:12px;
  background:linear-gradient(180deg,#fffdf6 0%,#fffaf0 100%);padding:13px 15px 15px;}
#xau-terminal .xt-evhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:11px;}
#xau-terminal .xt-evstrip{display:grid;gap:11px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));}
#xau-terminal .xt-evx{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;min-width:0;
  display:flex;flex-direction:column;gap:3px;}
#xau-terminal .xt-evx.lead{border-color:#e6cf95;box-shadow:0 1px 3px rgba(180,130,10,.10);}
#xau-terminal .xt-evx .exl{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim2);
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
#xau-terminal .xt-evx .exn{font-size:15px;font-weight:600;font-family:'Space Grotesk',sans-serif;line-height:1.25;}
#xau-terminal .xt-evx.lead .exn{font-size:17px;}
#xau-terminal .xt-evx .exc{font-size:26px;font-weight:700;font-family:'Space Grotesk',sans-serif;line-height:1.05;margin-top:2px;}
#xau-terminal .xt-evx.lead .exc{font-size:33px;}
#xau-terminal .xt-evx .exc.soon{color:var(--warn);}
#xau-terminal .xt-evx .exc.live{color:var(--up);}
#xau-terminal .xt-evx .exm{font-size:11px;color:var(--dim);line-height:1.5;margin-top:2px;}
#xau-terminal .xt-evx .exm b{color:var(--tx);font-weight:600;}
@media (max-width:640px){
  #xau-terminal .xt-evx.lead .exc{font-size:29px;}
  #xau-terminal .xt-evwrap{padding:12px 12px 13px;}
}

/* ================= SECTION HEADS ================= */
#xau-terminal .xt-sec{padding-top:34px;}
#xau-terminal .xt-sech{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
#xau-terminal .xt-sech h2{font-size:20px;font-weight:600;}
#xau-terminal .xt-sech p{font-size:13px;color:var(--dim2);}

/* ================= CARDS ================= */
#xau-terminal .xt-grid{display:grid;gap:12px;}
#xau-terminal .xt-g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,252px),1fr));}
#xau-terminal .xt-g2{grid-template-columns:1fr;}
@media (min-width:1020px){#xau-terminal .xt-g2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);}}
#xau-terminal .xt-g2e{grid-template-columns:repeat(auto-fit,minmax(min(100%,392px),1fr));}
#xau-terminal .xt-mt{margin-top:12px;}
#xau-terminal .xt-card{
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:14px 15px;display:flex;flex-direction:column;min-width:0;
  box-shadow:0 1px 2px rgba(16,19,26,.03);
}
#xau-terminal .xt-card.tall{padding:0;}
#xau-terminal .xt-ch{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:18px;flex-wrap:wrap;}
#xau-terminal .xt-card.tall .xt-ch{padding:13px 15px 12px;margin:0;border-bottom:1px solid var(--line);}
#xau-terminal .xt-ct{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);font-weight:600;min-width:0;}
#xau-terminal .xt-as{margin-left:auto;font-size:10px;color:var(--dim2);white-space:nowrap;flex-shrink:0;}
#xau-terminal .xt-as.stale{color:var(--warn);}
#xau-terminal .xt-as.err{color:var(--down);}
#xau-terminal .xt-body{flex:1;min-width:0;}
#xau-terminal .xt-card.tall .xt-body{padding:13px 15px 15px;}
#xau-terminal .xt-big{font-size:26px;font-weight:700;font-family:'Space Grotesk',sans-serif;line-height:1.05;}
#xau-terminal .xt-mid{font-size:19px;font-weight:600;font-family:'Space Grotesk',sans-serif;}
#xau-terminal .xt-meta{font-size:11.5px;color:var(--dim);margin-top:8px;line-height:1.55;}
#xau-terminal .xt-kv{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--dim);padding:3.5px 0;}
#xau-terminal .xt-kv b{color:var(--tx);font-weight:600;}
#xau-terminal .xt-kv .chg{font-weight:600;font-size:10.5px;margin-left:7px;display:inline-block;min-width:52px;text-align:right;}
#xau-terminal .up{color:var(--up);} #xau-terminal .down{color:var(--down);} #xau-terminal .flat{color:var(--dim);}

#xau-terminal .xt-state{font-size:12px;color:var(--dim);padding:14px 0;display:flex;align-items:flex-start;gap:8px;line-height:1.55;}
#xau-terminal .xt-state.err{color:var(--down);}
#xau-terminal .xt-skel{height:11px;border-radius:3px;background:linear-gradient(90deg,#eef0f3 25%,#e2e6eb 50%,#eef0f3 75%);background-size:200% 100%;animation:xtSk 1.3s linear infinite;margin:7px 0;}
@keyframes xtSk{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ================= HEAT MAP ================= */
#xau-terminal .xt-heat{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
#xau-terminal .xt-hc{border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:var(--panel2);display:flex;flex-direction:column;gap:2px;}
#xau-terminal .xt-hc .cc{font-size:12px;font-weight:700;font-family:'Space Grotesk',sans-serif;}
#xau-terminal .xt-hc .cv{font-size:12.5px;font-weight:600;}
#xau-terminal .xt-hc .cn{font-size:9.5px;color:var(--dim2);}
#xau-terminal .xt-tabs{display:flex;gap:2px;margin-left:auto;}
#xau-terminal .xt-tab{font-size:10px;letter-spacing:.07em;padding:3px 9px;border-radius:5px;cursor:pointer;color:var(--dim2);border:1px solid transparent;background:none;}
#xau-terminal .xt-tab.on{color:var(--gold);border-color:#ecdcb4;background:var(--gold-lt);}
#xau-terminal .xt-range{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--down-bg),#f1f3f6,var(--up-bg));margin:9px 0 4px;}
#xau-terminal .xt-range i{position:absolute;top:-3px;width:2px;height:12px;background:var(--tx);border-radius:1px;}
#xau-terminal .xt-rlbl{display:flex;justify-content:space-between;font-size:10px;color:var(--dim2);}
#xau-terminal .xt-bar{height:3px;border-radius:2px;background:var(--line);overflow:hidden;margin-top:6px;}
#xau-terminal .xt-bar i{display:block;height:100%;border-radius:2px;}

/* ================= MACRO ================= */
#xau-terminal .xt-macro{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:1px;background:var(--line);border-radius:8px;overflow:hidden;border:1px solid var(--line);}
#xau-terminal .xt-mi{background:#fff;padding:12px 13px;min-width:0;}
#xau-terminal .xt-mi .ml{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim2);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#xau-terminal .xt-mi .mv{font-size:21px;font-weight:700;font-family:'Space Grotesk',sans-serif;line-height:1.1;}
#xau-terminal .xt-mi .mc{font-size:11.5px;font-weight:600;margin-top:4px;}
#xau-terminal .xt-mi .md{font-size:10px;color:var(--dim2);margin-top:4px;}

/* ================= LISTS ================= */
#xau-terminal .xt-scroll{max-height:436px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent;}
#xau-terminal .xt-scroll::-webkit-scrollbar{width:7px}
#xau-terminal .xt-scroll::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px}

#xau-terminal .xt-ev{display:grid;grid-template-columns:52px 1fr auto;gap:11px;padding:10px 15px;border-bottom:1px solid var(--line);align-items:baseline;}
#xau-terminal .xt-ev:last-child{border-bottom:none;}
#xau-terminal .xt-ev.past{opacity:.52;}
#xau-terminal .xt-ev .et{font-size:11px;color:var(--dim);white-space:nowrap;}
#xau-terminal .xt-ev .en{font-size:12.5px;font-weight:500;min-width:0;}
#xau-terminal .xt-ev .ec{font-size:9.5px;letter-spacing:.05em;color:var(--dim2);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap;}
#xau-terminal .xt-ev .ec b{color:var(--tx);font-weight:600;}
#xau-terminal .xt-imp{font-size:9px;letter-spacing:.09em;padding:2px 7px;border-radius:4px;white-space:nowrap;font-weight:700;}
#xau-terminal .imp-High{background:var(--down-bg);color:var(--down);}
#xau-terminal .imp-Medium{background:#fdf3e2;color:var(--warn);}
#xau-terminal .imp-Low{background:#f1f3f6;color:var(--dim);}
#xau-terminal .imp-Holiday{background:#f1f3f6;color:var(--dim2);}

#xau-terminal .xt-nw{display:block;padding:11px 15px;border-bottom:1px solid var(--line);transition:background .14s;}
#xau-terminal .xt-nw:last-child{border-bottom:none;}
#xau-terminal .xt-nw:hover{background:var(--soft);}
#xau-terminal .xt-nw .nm{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--dim2);margin-bottom:4px;flex-wrap:wrap;}
#xau-terminal .xt-nt{font-size:9px;letter-spacing:.08em;padding:2px 7px;border-radius:4px;font-weight:700;background:var(--gold-lt);color:var(--gold);}
#xau-terminal .xt-nt.FED,#xau-terminal .xt-nt.RATES{background:#eef3fc;color:#2c5aa8;}
#xau-terminal .xt-nt.INFLATION{background:var(--down-bg);color:var(--down);}
#xau-terminal .xt-nt.JOBS{background:var(--up-bg);color:var(--up);}
#xau-terminal .xt-nw .nh{font-size:13.5px;line-height:1.45;color:#1a1f29;font-weight:500;}

/* ================= CHART ================= */
#xau-terminal .xt-chartwrap{padding:8px 6px 2px;}
#xau-terminal #xtChart{width:100%;height:272px;max-width:100%;}
#xau-terminal .xt-legend{display:flex;gap:16px;font-size:10.5px;color:var(--dim);padding:2px 12px 12px;flex-wrap:wrap;}
#xau-terminal .xt-legend i{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:6px;border-radius:1px;}
#xau-terminal .xt-cd{font-size:29px;font-weight:700;font-family:'Space Grotesk',sans-serif;line-height:1;}

/* ================= COMMUNITY ================= */
#xau-terminal .xt-cm{margin-top:26px;border:1px solid #cfe7f5;border-radius:12px;
  background:linear-gradient(135deg,#f4fbff 0%,#eaf6fd 100%);padding:clamp(16px,2.2vw,26px);}
#xau-terminal .xt-cm[hidden]{display:none;}
#xau-terminal .xt-cmin{display:flex;align-items:center;gap:clamp(13px,1.6vw,20px);flex-wrap:wrap;
  max-width:2000px;margin:0 auto;}
#xau-terminal .xt-cmicon{color:#229ED9;display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:14px;background:#fff;border:1px solid #cfe7f5;flex:none;}
#xau-terminal .xt-cmtxt{flex:1 1 260px;min-width:0;}
#xau-terminal .xt-cmtxt h3{font-size:clamp(17px,1.6vw,21px);margin-bottom:4px;}
#xau-terminal .xt-cmtxt p{font-size:13.5px;color:var(--dim);line-height:1.55;}
#xau-terminal .xt-btn.tg{background:#229ED9;color:#fff;border-color:#1c8dc4;
  box-shadow:0 2px 5px rgba(34,158,217,.28);flex:none;}
#xau-terminal .xt-btn.tg:hover{background:#1c8dc4;transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(34,158,217,.34);}
@media (max-width:640px){
  #xau-terminal .xt-btn.tg{width:100%;justify-content:center;}
  #xau-terminal .xt-cmicon{width:46px;height:46px;}
}

/* ================= FOOTER ================= */
#xau-terminal .xt-foot{margin-top:24px;padding:17px 16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);}
#xau-terminal .xt-foot h4{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-bottom:7px;}
#xau-terminal .xt-foot p{font-size:11.5px;color:var(--dim);line-height:1.62;}
#xau-terminal .xt-src{margin-top:10px;font-size:10.5px;color:var(--dim2);line-height:1.6;}

/* ================= RESPONSIVE =================
   Grids above use auto-fit, so most reflow happens without breakpoints.
   These only handle what proportion alone cannot.                        */
@media (max-width:1020px){
  #xau-terminal .xt-heroin{grid-template-columns:1fr;gap:22px;}
  #xau-terminal .xt-herovis{order:-1;}
}
@media (max-width:640px){
  #xau-terminal .xt-heroin{padding:26px 0 26px;}
  #xau-terminal .xt-heat{grid-template-columns:repeat(auto-fit,minmax(min(100%,104px),1fr));}
  #xau-terminal .xt-toprow{width:100%;margin-left:0;justify-content:space-between;gap:8px;}
  #xau-terminal .xt-ev{grid-template-columns:44px minmax(0,1fr);}
  #xau-terminal .xt-ev .xt-imp{grid-column:2;justify-self:start;}
  #xau-terminal #xtChart{height:200px;}
  #xau-terminal .xt-btn{flex:1 1 auto;justify-content:center;}
  #xau-terminal .xt-chip{flex:1 1 138px;min-width:0;}
  #xau-terminal .xt-as{margin-left:0;}
  #xau-terminal .xt-via,#xau-terminal .xt-sess{order:2;}
  #xau-terminal .xt-tick{font-size:14.5px;}
}
@media (min-width:1900px){
  /* Ultra-wide: let the dense panels use the space instead of stretching. */
  #xau-terminal .xt-g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));}
  #xau-terminal .xt-heat{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));}
}