/* Focal 2026: one primary canvas, compact supporting modules, warm data accents. */
:root{
  color-scheme:dark;
  --dpm-paper:#0d1514;
  --dpm-surface:#1b2825;
  --dpm-ink:#f5f3ec;
  --dpm-muted:#aabbb3;
  --dpm-line:#35443e;
  --dpm-navy:#f8d88f;
  --dpm-blue:#f8d88f;
  --dpm-blue-soft:#344039;
  --dpm-up:#f28e80;
  --dpm-down:#85d8bd;
  --focus-yellow:#f8dd99;
  --focus-peach:#f6ae98;
  --focus-ink:#17211d;
  --focus-panel:#1b2825;
  --ink:var(--dpm-ink);
  --blue:var(--dpm-blue);
}
html{scroll-behavior:smooth}
body,body:has(.app-shell),.product-demo-page,.member-page{
  color:var(--dpm-ink);
  background:radial-gradient(circle at 78% -15%,#38482f75,transparent 35%),radial-gradient(circle at -10% 58%,#25423a68,transparent 38%),var(--dpm-paper);
  background-attachment:fixed;
}
body,.product-demo-desktop,.showcase-window{font-family:"Segoe UI Variable Text","Segoe UI","PingFang SC","Microsoft YaHei UI",sans-serif}
:focus-visible{outline:2px solid var(--focus-yellow);outline-offset:3px}
.site-header,.sidebar,.topbar,.site-footer,.footer{background:#101b19ee;border-color:var(--dpm-line);box-shadow:none;backdrop-filter:blur(18px)}
.site-header .brand-mark,.brand-mark span,.sidebar .brand,.footer-brand strong{color:var(--dpm-ink)}
.site-header .main-nav{color:var(--dpm-muted)}
.site-header .main-nav a:hover,.site-header .main-nav a.is-active{color:var(--focus-yellow);border-bottom-color:var(--focus-yellow)}
.site-header .header-cta,.button-quiet,.button.ghost,.outline-button,.product-demo-actions button,.news-source-links a{
  color:var(--focus-yellow);background:#26342e;border:1px solid #526047;border-radius:999px;box-shadow:none;
}
.site-header .header-cta:hover,.outline-button:hover,.product-demo-actions button:hover,.news-source-links a:hover{background:#364438;border-color:var(--focus-yellow);color:#fff6db}
.button-primary,.button.primary,.blue-button,.member-primary-button,.pd-primary{
  color:var(--focus-ink)!important;background:linear-gradient(115deg,var(--focus-yellow),var(--focus-peach))!important;
  border:1px solid #ffe9b2!important;box-shadow:0 12px 28px #efad7430!important;font-weight:750;
}
.button-primary:hover,.button.primary:hover,.blue-button:hover,.member-primary-button:hover:not(:disabled),.pd-primary:hover{filter:brightness(1.06)}
.eyebrow,.kicker,.section-eyebrow,.overline,.section-meta,.surface-label,.product-demo-kicker{color:var(--focus-yellow);letter-spacing:.13em}
.eyebrow i,.kicker i{background:var(--focus-yellow);box-shadow:0 0 0 4px #f8d88f21}
.site-footer,.footer{background:#111a18;color:var(--dpm-muted)}
.site-footer a,.footer a{color:var(--focus-yellow)}
.site-footer .footer-brand strong{color:var(--dpm-ink)}

/* Market dashboard: the live chart is the single dominant canvas. */
.sidebar{background:#14201d}
.sidebar-tip,.feedback-gate,.feedback-list .feedback-topic,.feedback-reply{background:#22322c;border-color:var(--dpm-line)}
.sidebar-tip strong,.breadcrumb strong,.page-heading h1,.section-title h2{color:var(--dpm-ink)}
.nav-item{color:var(--dpm-muted);border-radius:10px}
.nav-item:hover,.nav-item.is-active{color:var(--focus-yellow);background:#2a3a30}
.nav-item.is-active{box-shadow:inset 3px 0 0 var(--focus-yellow)}
.desktop-link,.account-link,.tip-icon{color:var(--focus-yellow)}
.demo-badge,.info-icon{background:#2b3b32;color:var(--focus-yellow)}
.demo-badge i{background:var(--dpm-down)}
.main-content{padding-top:34px}
.page-heading{align-items:end;margin-bottom:32px}
.page-heading h1{font-size:clamp(42px,4.5vw,68px);font-weight:750;line-height:1.06;letter-spacing:-.065em;text-wrap:balance}
.page-subtitle,.heading-date,.section-title p{color:var(--dpm-muted)}
.page-heading .overline{margin-bottom:14px}
.heading-date{border-left:1px solid var(--dpm-line);padding-left:22px}
.session-pill.is-open{background:#254339;color:var(--dpm-down)}
.session-pill.is-closed{background:#354038;color:#ded5b3}
#view-overview.is-visible{display:flex;flex-direction:column}
#view-overview>.overview-grid{order:1;margin-top:0}
#view-overview>.section-title:first-child{order:2}
#view-overview>.indices-grid{order:3}
#view-overview>.pulse-heading{order:4}
#view-overview>.pulse-grid{order:5}
#view-overview>.quote-surface{order:6}
#view-overview>.sector-surface{order:7}
#view-overview>.flow-surface{order:8}
#view-overview>.bottom-grid{order:9}
.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px;align-items:stretch}
.index-card,.surface,.global-card,.news-intro,.news-card,.auth-surface,.membership-surface,.member-card,.product-download,.card,.feedback-card{
  color:var(--dpm-ink);background:var(--focus-panel);border:1px solid var(--dpm-line);border-radius:18px;
  box-shadow:0 16px 35px #03080729;backdrop-filter:none;
}
.index-card:hover,.index-card.is-selected,.global-card:hover,.news-card:hover{background:#26352e;border-color:#89916c;box-shadow:0 16px 35px #03080730}
.chart-surface{
  position:relative;overflow:hidden;min-height:510px;color:var(--focus-ink);
  background:radial-gradient(circle at 87% 11%,#fff1bf,transparent 34%),linear-gradient(128deg,#f7b09b 0%,#f9dca0 72%,#f6e3b8 100%);
  border-color:#ffe8b3;box-shadow:0 20px 45px #d6996033;
}
.chart-surface::after{content:"";position:absolute;width:330px;height:330px;right:-140px;bottom:-180px;border:1px solid #26372a22;border-radius:50%;pointer-events:none}
.chart-surface .kicker,.chart-surface .focus-code,.chart-surface .quote-asof{color:#534f3c}
.chart-surface h2,.chart-surface .price-line strong,.chart-surface .surface-top h2{color:var(--focus-ink)}
.chart-surface .surface-top{position:relative;z-index:1}
.chart-surface .search-box,.chart-surface .chart-search .search-box{background:#fff8e5bb;border-color:#ab8f6b;color:var(--focus-ink)}
.chart-surface .search-box input,.chart-surface .chart-search .search-box input{color:var(--focus-ink);background:transparent}
.chart-surface .search-box input::placeholder{color:#665e50}
.chart-surface .subtle-button{color:var(--focus-ink);border-color:#ac8c67;background:#fff5dc91}
.chart-surface .range-tabs,.chart-surface .ma-controls{background:#fff4d78a;border-color:#be9d70}
.chart-surface .range-tabs button,.chart-surface .ma-controls button{color:#4a4438}
.chart-surface .range-tabs button.is-active,.chart-surface .ma-controls button[aria-pressed=true]{color:var(--focus-ink);background:#fff9e9;border-color:#b5986c;box-shadow:none}
.chart-surface .chart,.chart-surface .chart.is-candles{border-color:#8b765435;background:repeating-linear-gradient(to bottom,#5d574028 0 1px,transparent 1px 44px)}
.chart-surface .chart-axis,.chart-surface .chart-hint,.chart-surface .percent-axis span,.chart-surface .candle-percent-axis span{color:#514d42!important}
.chart-surface .chart-empty{color:#554f40}
.chart-surface .plot-svg path[stroke="#f28e80"],.chart-surface .plot-svg line[stroke="#f28e80"]{stroke:#af5548}
.chart-surface .plot-svg path[stroke="#85d8bd"],.chart-surface .plot-svg line[stroke="#85d8bd"]{stroke:#267260}
.chart-surface .plot-svg rect[fill="#f28e80"]{fill:#af5548}
.chart-surface .plot-svg rect[fill="#85d8bd"]{fill:#267260}
.watch-surface{background:#1e2c28}
.watch-surface .surface-top h2,.quote-surface h2,.sector-surface h2,.flow-surface h2{color:var(--dpm-ink)}
.index-card{position:relative;overflow:hidden;padding:24px}
.index-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--focus-yellow),var(--focus-peach));opacity:.85}
.index-card strong,.global-card strong,.quote-grid dd{color:var(--dpm-ink)}
.list-heading,.table-head,.sector-head,.chart-axis,.index-card .card-code{color:var(--dpm-muted)}
.watch-row,.watch-row:hover,.watch-row.is-selected,.watch-row.is-selected:hover,.table-row,.table-row:hover{background:#1e2c28;border-color:#394940}
.watch-row.is-selected{box-shadow:inset 3px 0 0 var(--focus-yellow)}
.watch-row strong,.watch-row .value,.watch-row.is-selected strong,.watch-row.is-selected .value,.table-row .row-name strong,.table-row>span:nth-child(2){color:var(--dpm-ink)}
.watch-row small,.table-row small{color:var(--dpm-muted)}
.pulse-card{background:#202e29;min-height:250px}
.pulse-card h3{color:var(--dpm-ink)}
.pulse-card .kicker{color:var(--focus-yellow)}
.pulse-card .pulse-note,.quote-asof,.global-note{color:var(--dpm-muted)}
.positive{color:var(--dpm-up)!important}.negative{color:var(--dpm-down)!important}
.breadth-bar{background:#36423a}.breadth-bar i{background:var(--dpm-up)}.breadth-bar b{background:var(--dpm-down)}
.quote-grid>div,.limit-foot,.sector-row,.table-row,.watch-row{border-color:var(--dpm-line)}
.range-tabs,.news-filters,.auth-tabs,.pd-detail-tabs{background:#14211e;border-color:var(--dpm-line)}
.range-tabs button,.news-filters button,.pd-detail-tabs button{color:var(--dpm-muted)}
.range-tabs button.is-active,.news-filters button.is-active,.auth-tabs button[aria-pressed=true],.pd-detail-tabs button.is-active,.pd-history-range button.is-active{background:#37443a;color:var(--focus-yellow);border-color:#7b805a;box-shadow:none}
.search-box,.member-input,.pd-search-row input,.search-modal,.feedback-form textarea,.feedback-form input{background:#14211e;color:var(--dpm-ink);border-color:#43564b}
.search-box:focus-within,.member-input:focus,.pd-search-row input:focus{border-color:var(--focus-yellow);box-shadow:0 0 0 3px #f8d88f25}
input::placeholder,textarea::placeholder{color:#9aaea2}
.chart-search-results,.search-modal{background:#1e2d28;border-color:#52644f}
.modal-row button,.chart-search-item button{background:#37483b;color:var(--focus-yellow);border-color:#6c7857}
.candle-inspector,.day-drilldown,.flow-side>div,.pd-result{background:#26352e;border-color:#46584a;color:var(--dpm-ink)}
.flow-lines .flow-beams use{stroke:var(--focus-yellow);filter:drop-shadow(0 0 4px #f8d88f70)}
.flow-halo{fill:var(--focus-yellow)}.flow-core{fill:#fff6d6}
.global-card{background:#202e29}.global-card .gold-conversion{background:#423b2c;border-color:#8b764d}.gold-conversion strong{color:#ffe2a1}
.news-grid{background:#1b2825;border-color:var(--dpm-line)}
.news-card,.news-card:hover{background:transparent;border-color:var(--dpm-line)}.news-card:hover{background:#27372f}
.news-card h3{color:var(--dpm-ink)}.news-card p{color:var(--dpm-muted)}.news-card .news-source,.news-card .news-read{color:var(--focus-yellow)}
.editorial-card{background:linear-gradient(125deg,var(--focus-peach),var(--focus-yellow));border-color:#ffe5ac;color:var(--focus-ink)}
.editorial-card h2,.editorial-card p,.editorial-card span,.editorial-card a{color:var(--focus-ink)}
.info-card{background:#25342d}

/* Product, login, membership and help share the same hierarchy. */
.product-demo-main{padding-top:38px}
.product-demo-heading strong{color:var(--dpm-ink);font-size:clamp(38px,4vw,62px);letter-spacing:-.06em}
.product-demo-desktop,.pd-stage{
  background:radial-gradient(circle at 11% 30%,#f3bc8a45,transparent 34%),radial-gradient(circle at 88% 80%,#74634545,transparent 38%),#16231f;
  border-color:#58664f;box-shadow:0 24px 60px #02070670;
}
.pd-float{background:rgba(25,38,34,var(--float-alpha,1));border-color:#778167}
.pd-float-top,.pd-watch-row,.pd-watch-row:nth-child(even){background:transparent!important;border-bottom-color:#445249!important;color:var(--dpm-ink)}
.pd-float.is-clear .pd-watch-row{background:transparent!important;border-color:transparent!important}
.pd-watch-row strong,.pd-watch-row b{color:var(--dpm-ink)!important}
.pd-watch-row .up{color:var(--dpm-up)}.pd-watch-row .down{color:var(--dpm-down)}
.pd-toolbar button,.pd-dialog-head button,.pd-detail-head>button{background:#34443a;color:var(--focus-yellow)}
.pd-toolbar button:hover,.pd-watch-row .pd-mini:hover{background:#495a45}
.pd-dialog,.pd-detail{background:#1e2b27f7;border-color:#64745d;box-shadow:0 18px 48px #02070690}
.pd-dialog p,.pd-detail-head small,.pd-detail-foot,.pd-book-head,.pd-book-row small,.pd-chart-empty,.pd-metrics{color:var(--dpm-muted)}
.pd-result{background:#35423a;border-color:#65745a}.pd-result button,.pd-day-button{background:#556047;color:#fff0c6}
.pd-chart .grid{stroke:#68736175}.pd-chart .zero{stroke:#9ea789}.pd-chart text{fill:#c2c9b6}
.pd-action-status{background:#f8d88f;color:var(--focus-ink);border-color:#fff0c2;box-shadow:0 12px 30px #06090755}
.pd-action-status span,.pd-action-status b{color:var(--focus-ink)}
.product-download{background:linear-gradient(115deg,#f4ac96,#f8dc96);border-color:#ffebbd;color:var(--focus-ink);padding:38px 42px}
.product-download h2,.product-download p,.product-download span,.product-download a:not(.button){color:var(--focus-ink)}
.product-download .button-primary{background:#17241e!important;border-color:#17241e!important;color:#fff5da!important;box-shadow:none!important}
.member-intro{padding-top:54px;padding-bottom:28px}
.member-intro h1{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.07em}
.member-intro h1 em{color:var(--focus-peach)}
.member-intro p,.service-indicator,.field-label,.agreement-row,.account-note,.risk-note,.legal-page p,.legal-page li,.lead,.purchase-notice span{color:var(--dpm-muted)}
.auth-surface,.membership-surface{background:#1d2b26;border-radius:20px;border-color:#57684f;padding:34px}
.auth-surface{box-shadow:0 22px 50px #02080750}
.auth-surface h2,.membership-surface h2,.legal-page h2,.legal-page h3,.entitlement-block strong,.phone-display,.purchase-notice strong,.member-product strong,.risk-note strong{color:var(--dpm-ink)}
.member-input,.auth-surface input:not([type=checkbox]){background:#111d19;color:var(--dpm-ink);border-color:#4b5e4e}
.member-input:focus,.auth-surface input:not([type=checkbox]):focus{border-color:var(--focus-yellow);box-shadow:0 0 0 3px #f8d88f25}
.send-code-button,.member-product,.purchase-notice,.entitlement-block,.risk-note{background:#25352d;border-color:var(--dpm-line)}
.send-code-button,.text-button,.agreement-row a{color:var(--focus-yellow)}
.plan-button{background:#26362e;color:var(--dpm-ink);border-color:#52664e}
.plan-button.is-recommended,.plan-button.is-selected{border-color:var(--focus-yellow);background:#3b4535}
.legal-page{max-width:1120px}.legal-page h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.065em}
.legal-page .card,.faq-list .card{background:#1f2e28;border-color:var(--dpm-line);border-radius:16px}
.legal-page .card:hover,.faq-list .card:hover{border-color:#8b9469}
.legal-page a{color:var(--focus-yellow)}

@media(max-width:1050px){.overview-grid{grid-template-columns:1fr}.chart-surface{min-height:470px}.heading-date{display:none}}
@media(max-width:760px){
  .main-content{padding-top:25px}.page-heading h1{font-size:42px}
  .chart-surface{min-height:420px}.product-download{padding:26px}
  .member-intro{padding-top:36px}.member-intro h1{font-size:46px}
  .site-header .header-cta{font-size:11px}
}
@media(max-width:520px){
  .site-header .shell.header-inner{width:calc(100% - 32px);gap:4px 8px}
  .site-header .brand-mark{font-size:15px}.site-header .brand-mark img{width:27px;height:27px}
  .site-header .header-cta{min-height:32px;padding:0 9px;font-size:10px}.site-header .header-cta b{display:none}
  .main-content{padding-inline:16px}.page-heading{min-width:0}.page-heading>div{min-width:0}
  .page-heading h1{max-width:100%;font-size:clamp(29px,8vw,36px);overflow-wrap:anywhere}
  .chart-surface{padding:18px;min-width:0}.chart-surface .surface-top{gap:12px}
  .focus-tools{gap:8px}.focus-tools .subtle-button{padding:7px 0;color:#332b21;background:none}
  .chart-search .search-box{background:#fff9e9;border-color:#ab906b}.chart-search .search-box input{color:var(--focus-ink)}
  .index-card{padding:18px}.product-demo-heading strong{font-size:34px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}