html,body{color:#212121;background:radial-gradient(circle at 100% 0,#3f51b524,#0000 28%),linear-gradient(#f8f9fc 0%,#f5f7fb 44%,#eef2f8 100%);min-height:100%;margin:0;font-family:Roboto,Helvetica Neue,sans-serif;overflow-x:hidden}*{box-sizing:border-box}main{width:calc(100% - 32px);max-width:1360px;margin:0 auto;padding:32px 0 48px}header,.panel,.chart-card{background:#fff;border:1px solid #d9e5ee;border-radius:8px;box-shadow:0 10px 28px #17344d14}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px;display:flex}.header-copy{min-width:0}.header-actions{flex:none;justify-content:center;align-items:center;display:flex}.header-cta{white-space:nowrap}.route-tabs{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.route-tabs a{color:#254966;border:1px solid #d0dbe6;border-radius:6px;align-items:center;min-height:36px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.route-tabs a.active{color:#fff;background:#146c94;border-color:#146c94}header span{color:#466179;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:30px;line-height:1.2}p{color:#50677d}header p{margin-bottom:0}.panel{margin-bottom:18px;padding:24px}.intro-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.status-pill{color:#205b8f;background:#e7f2ff;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:700}.capability-grid,.examples-grid,.event-grid{gap:16px;display:grid}.capability-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.capability-grid div{background:#f8fbfd;border:1px solid #dbe6ef;border-radius:6px;padding:14px}.capability-grid strong,.capability-grid span{display:block}.capability-grid span{color:#536b80;margin-top:6px;font-size:13px;line-height:1.45}.examples-grid{grid-template-columns:1fr;align-items:start}.chart-card{box-sizing:border-box;width:100%;min-width:0;padding:18px;overflow:hidden}.chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.chart-head h2,.chart-head h3{margin-bottom:6px}.chart-head h3{font-size:18px}.chart-head span{color:#41576b;background:#eef3f8;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:700}.feature-panel{margin-top:18px}.market-source-panel{margin-bottom:18px}.live-market-card{color:#f5f7fb;background:#0b0d10;border-color:#242933;margin-bottom:18px;padding:18px}.live-market-card.market-light{color:#101828;background:#fff;border-color:#d9e5ee}.live-market-card p{color:#a7afbc}.live-market-card.market-light p{color:#667085}.live-market-card .chart-head span{color:#dfe6ef;background:#1d2430}.live-market-card.market-light .chart-head span{color:#344054;background:#eef4ff}.market-head h2{margin-bottom:6px}.market-toolbar{background:#11161d;border:1px solid #232a35;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:12px;padding:12px;display:flex}@media (width<=760px){header{flex-direction:column;align-items:flex-start}.route-tabs{justify-content:flex-start;width:100%}.header-actions{justify-content:center;width:100%}}.market-light .market-toolbar{background:#f8fafc;border-color:#d0d5dd}.market-toolbar div{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.market-toolbar strong{color:#c3cad6;text-transform:uppercase;font-size:12px}.market-light .market-toolbar strong{color:#475467}.market-toolbar button{color:#dfe6ef;background:#171d26;border:1px solid #343b48;min-height:32px;padding:0 11px}.market-light .market-toolbar button{color:#344054;background:#fff;border-color:#d0d5dd}.market-toolbar button.active{color:#111;background:#f0b90b;border-color:#f0b90b}.market-light .market-toolbar button.active{color:#fff;background:#146c94;border-color:#146c94}.market-toolbar .reload-button{color:#fff;background:#146c94;border-color:#146c94;margin-left:auto}.market-ticker,.market-status{color:#9ca5b1;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:10px;font-size:13px;display:flex}.market-light .market-ticker,.market-light .market-status{color:#667085}.market-ticker strong{color:#f5f7fb;margin-left:4px}.market-ticker em{font-style:normal}.market-light .market-ticker strong{color:#101828}.market-ticker .positive strong,.market-ticker .positive{color:#02c076}.market-ticker .negative strong,.market-ticker .negative{color:#f6465d}.market-status{color:#c6ccd5}.market-frame{background:#050505;border:1px solid #242933;border-radius:6px;min-height:560px;overflow:hidden}.market-light .market-frame{background:#fff;border-color:#d0d5dd}.market-frame chart,.market-frame .chart-host{min-height:560px}.chart-frame{width:100%;min-width:0;max-width:100%;min-height:340px;overflow:hidden}.chart-frame.large{min-height:380px}.chart-frame chart,.chart-frame .chart-host{width:100%;min-width:0;max-width:100%;min-height:320px;display:block}.lazy-chart-mount{width:100%;min-width:0}.chart-frame .highcharts-container,.chart-frame svg{max-width:100%!important}.tutorial-collapse{background:#f8fbfd;border:1px solid #d9e5ee;border-radius:8px;margin-top:14px;overflow:hidden}.live-market-card .tutorial-collapse{background:#11161d;border-color:#242933}.live-market-card.market-light .tutorial-collapse{background:#f8fbfd;border-color:#d9e5ee}.tutorial-collapse summary{cursor:pointer;color:#1e3145;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 14px;font-weight:700;display:flex}.live-market-card .tutorial-collapse summary{color:#f5f7fb}.live-market-card.market-light .tutorial-collapse summary{color:#1e3145}.tutorial-collapse summary::-webkit-details-marker{display:none}.tutorial-collapse summary:before{content:"+";color:#205b8f;background:#e7f2ff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-right:8px;font-weight:800;display:inline-flex}.tutorial-collapse[open] summary:before{content:"-"}.tutorial-collapse summary span{align-items:center;margin-right:auto;display:inline-flex}.tutorial-collapse summary small{color:#667085;text-transform:uppercase;font-size:12px;font-weight:700}.live-market-card .tutorial-collapse summary small{color:#a7afbc}.live-market-card.market-light .tutorial-collapse summary small{color:#667085}.code-layer-grid{border-top:1px solid #d9e5ee;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.live-market-card .code-layer-grid{border-top-color:#242933}.live-market-card.market-light .code-layer-grid{border-top-color:#d9e5ee}.code-layer-grid h4{color:#344054;text-transform:uppercase;margin:0 0 8px;font-size:12px}.live-market-card .code-layer-grid h4{color:#dfe6ef}.live-market-card.market-light .code-layer-grid h4{color:#344054}.code-layer-grid pre{max-height:420px;margin:0}pre{color:#f3f8ff;background:#112236;border-radius:6px;padding:16px;font-size:12px;line-height:1.5;overflow:auto}button{color:#fff;cursor:pointer;background:#146c94;border:0;border-radius:6px;flex:none;min-height:38px;padding:0 16px;font-weight:700}.event-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.event-log{background:#f8fbfd;border:1px solid #d9e5ee;border-radius:6px;padding:16px}.event-log ul{margin:12px 0 0;padding-left:18px}.event-log li{color:#40586d;margin-bottom:6px}@media (width<=760px){main{width:calc(100% - 20px);padding-top:20px}header,.panel,.chart-card{padding:16px}.intro-panel,.chart-head{display:block}.status-pill,.chart-head span,button{align-items:center;margin-top:12px;display:inline-flex}.examples-grid,.event-grid,.code-layer-grid{grid-template-columns:1fr}h1{overflow-wrap:anywhere;font-size:25px}h2{font-size:22px;line-height:1.2}h3{font-size:17px}.market-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.live-market-card .market-head,.live-market-card .market-toolbar,.live-market-card .market-status{display:none}.market-toolbar div{width:100%;display:flex}.market-toolbar .reload-button{margin-left:0}.market-ticker,.market-status{grid-template-columns:1fr;gap:6px;display:grid}.market-ticker{white-space:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding-bottom:0;font-size:9px;line-height:1.35;display:grid;overflow:hidden}.market-ticker span{min-width:0;overflow:hidden}.market-ticker strong{margin-left:2px}.market-frame,.market-frame chart,.market-frame .chart-host{min-height:440px}.chart-frame{min-height:300px;margin-right:0}.chart-frame chart,.chart-frame .chart-host{min-height:280px}.tutorial-collapse summary{align-items:flex-start;min-height:48px;padding:10px 12px}.tutorial-collapse summary small{text-align:right;overflow-wrap:anywhere;max-width:90px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}}@media (width<=430px){main{width:calc(100% - 16px)}header,.panel,.chart-card,.live-market-card{padding:14px}button{justify-content:center;width:100%}.route-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.route-tabs a{text-align:center;justify-content:center;min-width:0;padding-left:8px;padding-right:8px}.market-toolbar button{width:auto}}#root{min-height:100vh;overflow-x:hidden}.shell{width:calc(100% - 32px);min-width:0;max-width:1360px;margin:0 auto;padding:32px 0 48px;overflow-x:hidden}code{overflow-wrap:anywhere}.hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:18px;margin-bottom:18px;display:grid}.hero-card,.demo-card,.log-panel,.footer{background:#fff;border:1px solid #d9e5ee;border-radius:8px;box-shadow:0 10px 28px #17344d14}.hero-card{padding:24px}.hero-card .badge{color:#466179;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-flex}.hero-card h1,.hero-card h2{margin-top:0}.feature-grid,.ref-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.feature,.ref-card,.note{background:#f8fbfd;border:1px solid #dbe6ef;border-radius:6px;padding:14px}.feature strong{margin-bottom:6px;display:block}.cta-row,.controls,.log-controls{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.step{grid-template-columns:28px minmax(0,1fr);gap:12px;margin-top:14px;display:grid}.step-num{color:#fff;background:#146c94;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.panels,.demo-grid{grid-template-columns:1fr;gap:16px;display:grid}.demo-grid .chart-card{width:100%}.log-panel{padding:18px;position:sticky;top:18px}.log-list{gap:8px;max-height:720px;margin-top:12px;display:grid;overflow:auto}.log-entry{color:#40586d;background:#f8fbfd;border:1px solid #d9e5ee;border-radius:6px;padding:9px 10px;font-size:12px}.chart-placeholder,.module-error{color:#40586d;background:#f8fbfd;border:1px dashed #a8bdd0;border-radius:6px;justify-content:center;align-items:center;min-height:320px;display:flex}.chart-lazy-placeholder{color:#5f7387;font-size:13px;font-weight:700}.api-table{border-collapse:collapse;width:100%;font-size:13px}.api-table th,.api-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d9e5ee;padding:9px}.footer{margin-top:18px;padding:18px}pre.code{white-space:pre-wrap}.btn,a.btn{color:#fff;background:#146c94;border-radius:6px;align-items:center;min-height:38px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn.secondary,a.btn.secondary,button.secondary,button.ghost{color:#254966;background:#f8fbfd;border:1px solid #d0dbe6}button.small{min-height:30px;padding:0 12px}@media (width<=960px){.hero,.layout{grid-template-columns:1fr}.log-panel{position:static}}