.product-demo{--demo-blue:#3151e8;--demo-ink:#19232d;position:relative;width:100%;overflow:hidden;border:1px solid #dbe2ec;background:#fff;color:var(--demo-ink);font-family:Space,'PingFang SC','Noto Sans SC',sans-serif;text-align:left;box-shadow:0 1rem 3rem #17253b08}
.product-demo *{box-sizing:border-box}.product-demo button{color:inherit;border:0;background:transparent}.product-demo button:focus-visible{outline:2px solid var(--demo-blue);outline-offset:2px}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;border-bottom:1px solid #e6eaf1;font-size:.875rem}.demo-brand{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;letter-spacing:-.05em}.demo-brand img{width:2rem;height:2rem;border-radius:.4rem}.demo-top-note{font:400 .75rem var(--mono);color:#68798d}.demo-controls{display:flex;align-items:center;gap:.6rem}.demo-controls button{border:1px solid #d8dfec;padding:.4rem .8rem;border-radius:.25rem;font-size:.875rem}.demo-controls button:hover{background:#edf1ff}.demo-tabs{display:flex;gap:.35rem;padding:1rem 1.4rem 0}.demo-tabs button{font-size:.875rem;padding:.5rem .85rem;color:#6b7890;border-radius:.3rem}.demo-tabs button[aria-selected=true]{background:#edf1ff;color:var(--demo-blue)}.demo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,1fr);padding:1.4rem;gap:1.4rem;min-width:0}.demo-price-row{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.demo-price-row h3{font-size:1.35rem;margin:0;letter-spacing:-.055em}.demo-small{font-size:.75rem;color:#68798d;line-height:1.6}.demo-price{text-align:right;font-size:1.7rem;letter-spacing:-.06em}.demo-positive{color:#3151e8}.demo-negative{color:#a14d46}.demo-chart-box{position:relative;background:#fcfdff;border:1px solid #e9edf5;border-radius:.3rem}.demo-chart{display:block;width:100%;height:auto;overflow:visible}.demo-chart text{font-family:var(--mono);font-size:11px;fill:#6b7890}.demo-chart button{cursor:pointer}.demo-chart .demo-bar{cursor:pointer;outline:none}.demo-chart .demo-bar:focus .demo-bar-highlight{opacity:1}.demo-candle-stroke{stroke-width:1.4}.demo-candle-body{rx:1}.demo-chart [data-bar]:hover .demo-bar-highlight{opacity:1}.demo-chart .demo-star{cursor:pointer}.demo-candle-summary{padding:.7rem 0 .2rem;font-size:.875rem;line-height:1.75}.demo-candle-summary strong{font-weight:500;color:var(--demo-blue)}.demo-candle-values{display:flex;flex-wrap:wrap;gap:.45rem 1rem;color:#5e7189;font-size:.75rem}.demo-feed-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #dde4ef;padding:.1rem 0 .75rem;font-size:.875rem}.demo-report{display:block;width:100%;padding:.95rem .8rem!important;border-bottom:1px solid #e8edf4!important;text-align:left;font-size:.875rem;line-height:1.55;transition:background .2s}.demo-report.selected{background:#edf1ff!important;box-shadow:inset 3px 0 var(--demo-blue)}.demo-report-meta{display:flex;justify-content:space-between;gap:.6rem;font-size:.75rem;color:#68798d;margin-top:.4rem}.demo-report-title{display:block;font-weight:500}.demo-report-number{color:var(--demo-blue);margin-right:.5rem;font-family:var(--mono)}.demo-report-tag{display:inline-block;font-size:.75rem;color:var(--demo-blue);background:#edf1ff;border:1px solid #dfe5fc;padding:.1rem .4rem;margin-top:.4rem}.demo-summary{margin-top:1rem;padding:.9rem 1rem;background:#f5f7fb;border-left:2px solid var(--demo-blue);font-size:.875rem;line-height:1.65}.demo-summary p{margin:.3rem 0 0}.demo-bottom{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.4rem;border-top:1px solid #e6eaf1;color:#68798d;font-size:.75rem}.demo-live{color:var(--demo-blue)}.demo-candle-new{animation:demo-arrive .5s ease-out}.demo-new-report{animation:demo-arrive .6s ease-out}@keyframes demo-arrive{from{opacity:.2;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}
.demo-asterism{--demo-blue:#294bdc}.demo-edition{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1.4rem;padding:1.4rem}.demo-date-panel{background:#294bdc;color:#fff;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:21rem}.demo-date-panel small{font:400 .75rem var(--mono);line-height:1.65}.demo-date-panel b{font:400 7rem/.85 Instrument,Georgia,serif;letter-spacing:-.08em}.demo-date-panel h3{font-size:1.15rem;line-height:1.4;letter-spacing:-.04em;margin:1.7rem 0 .6rem}.demo-date-panel em{font-size:1.4rem;font-style:normal}.demo-edition-content{min-width:0}.demo-edition-content>h3{font-size:2.4rem;letter-spacing:-.065em;font-weight:400;line-height:1;margin:.3rem 0 1.3rem}.demo-arrival{min-height:2.5rem;display:flex;align-items:center;gap:.5rem;color:#294bdc;font-size:.875rem;border-bottom:1px solid #e3e8f1}.demo-arrival span{margin-left:auto;font-size:.75rem}.demo-rank{display:grid;width:100%;grid-template-columns:2rem minmax(0,1fr) 3rem;gap:.6rem;text-align:left;padding:1rem .5rem!important;border-bottom:1px solid #e3e8f1!important;align-items:center}.demo-rank.selected{background:#edf1ff!important}.demo-rank-number{font:400 1.4rem Instrument,Georgia,serif;color:#7186a4}.demo-rank strong{display:block;font-size:.875rem;line-height:1.5;font-weight:500}.demo-rank small{display:block;font-size:.75rem;color:#68798d;margin-top:.35rem}.demo-rank-score{text-align:right;color:#294bdc;font-size:1.1rem}.demo-source-panel{font-size:.875rem;background:#f3f6fb;padding:1rem;margin-top:1rem;line-height:1.6}.demo-source-panel p{margin:.4rem 0 0;font-size:.75rem;color:#68798d}.demo-sky-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(15rem,1fr);gap:1.4rem;padding:1.4rem}.demo-sky{background:#102044;border-radius:.4rem;padding:.7rem;min-width:0}.demo-sky .demo-chart text{fill:#afbfdd}.demo-sky .demo-star:focus circle,.demo-sky .demo-star:hover circle{stroke:#fff;stroke-width:2}.demo-sky-legend{color:#afbfdd;font-size:.75rem;padding:.5rem .6rem .4rem;display:flex;justify-content:space-between;gap:.5rem}.demo-note{margin:1rem 0 0;color:#536071;font-size:.875rem;line-height:1.65}
.product-demo[data-compact]{box-shadow:1rem 1rem 0 #3151e814;border-radius:.35rem;max-width:42rem}.product-demo[data-compact] .demo-top{padding:.75rem .9rem}.product-demo[data-compact] .demo-brand{font-size:.95rem}.product-demo[data-compact] .demo-brand img{width:1.5rem;height:1.5rem}.product-demo[data-compact] .demo-top-note{font-size:.65rem}.product-demo[data-compact] .demo-tabs{padding:.5rem .9rem 0}.product-demo[data-compact] .demo-grid{grid-template-columns:1fr;padding:.85rem .9rem;gap:.6rem}.product-demo[data-compact] .demo-price-row{margin-bottom:.3rem}.product-demo[data-compact] .demo-price-row h3{font-size:1rem}.product-demo[data-compact] .demo-price{font-size:1.3rem}.product-demo[data-compact] .demo-chart-box{max-height:13rem;overflow:hidden}.product-demo[data-compact] .demo-chart{max-height:13rem}.product-demo[data-compact] .demo-candle-summary{padding:.3rem 0;font-size:.75rem}.product-demo[data-compact] .demo-candle-values{display:none}.product-demo[data-compact] .demo-feed-title,.product-demo[data-compact] .demo-summary{display:none}.product-demo[data-compact] .demo-report{padding:.6rem!important;font-size:.75rem}.product-demo[data-compact] .demo-report-meta{font-size:.65rem;margin-top:.2rem}.product-demo[data-compact] .demo-report:not(.selected){display:none}.product-demo[data-compact] .demo-bottom{padding:.5rem .9rem;font-size:.65rem}.product-demo[data-compact] .demo-edition{grid-template-columns:26% minmax(0,1fr);gap:.8rem;padding:.9rem}.product-demo[data-compact] .demo-date-panel{padding:.7rem;min-height:22rem}.product-demo[data-compact] .demo-date-panel b{font-size:4.5rem}.product-demo[data-compact] .demo-date-panel small{font-size:.65rem}.product-demo[data-compact] .demo-date-panel h3{font-size:.85rem;margin:1rem 0}.product-demo[data-compact] .demo-date-panel em{font-size:1.1rem}.product-demo[data-compact] .demo-edition-content>h3{font-size:2.4rem}.product-demo[data-compact] .demo-arrival{font-size:.75rem;line-height:1.4}.product-demo[data-compact] .demo-arrival span{display:none}.product-demo[data-compact] .demo-rank{grid-template-columns:1.4rem minmax(0,1fr) 2.5rem;gap:.4rem;padding:.8rem .2rem!important}.product-demo[data-compact] .demo-rank strong{font-size:.75rem}.product-demo[data-compact] .demo-rank small{font-size:.65rem}.product-demo[data-compact] .demo-rank-score{font-size:.9rem}.product-demo[data-compact] .demo-source-panel{padding:.7rem;font-size:.75rem}.product-demo[data-compact] .demo-source-panel p{font-size:.65rem}
@media(max-width:760px){.demo-grid,.demo-sky-grid{grid-template-columns:1fr}.demo-top{padding:.85rem 1rem;flex-wrap:wrap;gap:.6rem}.demo-top-note{margin-left:auto}.demo-controls{margin-left:auto}.demo-grid,.demo-sky-grid,.demo-edition{padding:1rem;gap:1rem}.demo-edition{grid-template-columns:8rem minmax(0,1fr)}.demo-date-panel{padding:.8rem;min-height:22rem}.demo-date-panel b{font-size:5.5rem}.demo-date-panel h3{font-size:1rem}.demo-arrival{align-items:start;padding:.4rem 0;line-height:1.4}.demo-arrival span{display:none}.demo-rank{grid-template-columns:1.25rem minmax(0,1fr) 2.5rem;gap:.4rem}.demo-rank-score{font-size:1rem}.demo-bottom{padding:.75rem 1rem;flex-wrap:wrap}.demo-tabs{padding:.75rem 1rem 0}}
@media(max-width:420px){.demo-edition{grid-template-columns:1fr}.demo-date-panel{min-height:0;display:grid;grid-template-columns:5rem 1fr;gap:.6rem}.demo-date-panel b{font-size:4.5rem;grid-row:1/4}.demo-date-panel h3{margin:.2rem 0;font-size:.875rem}.demo-date-panel small{font-size:.75rem}.product-demo[data-compact] .demo-edition{grid-template-columns:24% minmax(0,1fr)}.product-demo[data-compact] .demo-date-panel{display:flex;min-height:21rem}.product-demo[data-compact] .demo-date-panel b{font-size:3.7rem}.product-demo[data-compact] .demo-date-panel h3{font-size:.75rem}.product-demo[data-compact] .demo-top-note{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.demo-candle-new,.demo-new-report{animation:none}.demo-report{transition:none}}

/* Persistent chart geometry; only its compositor track moves. */
.demo-candle-track{transition:transform .52s cubic-bezier(.2,.8,.2,1)}
.demo-bar{opacity:1;transition:opacity .25s}.demo-candle-future{opacity:0;pointer-events:none}
.demo-rank{position:relative}
@media(prefers-reduced-motion:reduce){.demo-candle-track,.demo-bar{transition:none}}