:root{color-scheme:dark;--bg:#101714;--panel:#131e18;--text:#e1e8df;--muted:#90a395;--border:#2a392f;--mint:#b2e5c5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.65}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button{border:1px solid var(--border);background:transparent;color:var(--text);padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#ffffff0a;border-color:#6b8c7c}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}input,select{width:100%;border:1px solid var(--border);background:#111b16;color:var(--text);padding:10px 11px;border-radius:5px;min-width:0}input[type=file]{padding:8px;font-size:11px}input::file-selector-button{color:var(--text);background:#263d31;border:0;padding:7px;border-radius:3px;margin-right:6px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--mint);margin:0;flex-shrink:0}label{display:block;color:#b3c2b8;font-size:12px;margin:13px 0 6px}h1,h2,p{margin:0}h2{font-size:15px;font-weight:550}main,.site-header,footer{max-width:1560px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px;font-size:15px;letter-spacing:1.6px;font-weight:700}.brand-suffix{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:400}nav{display:flex;gap:30px;font-size:12px;color:#b2c0b7}.intro{padding:38px 0 32px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--muted);font-family:ui-monospace,monospace}.eyebrow span{padding:0 8px}h1{font-size:52px;line-height:1.2;letter-spacing:-2px;font-weight:500;margin-top:10px}.title-cn{font-size:18px;letter-spacing:2px;margin-left:21px;color:#c0ccc4;font-weight:400}.intro-copy{font-size:14px;color:var(--muted);margin-top:10px;letter-spacing:1px}.local-badge{font-size:11px;display:flex;align-items:center;gap:9px;color:#aec8b9;border:1px solid #293d32;border-radius:30px;padding:7px 13px;margin-bottom:2px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);flex-shrink:0}.status-dot.quiet{background:#a2aaa5}.workbench{display:grid;grid-template-columns:247px minmax(0,1fr);border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.controls{padding:23px 20px;border-right:1px solid var(--border);background:#14201980}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:13px}.section-heading>span{font-size:9px;letter-spacing:1px;color:var(--muted);font-family:ui-monospace,monospace}.mode-tabs{display:flex;border:1px solid var(--border);padding:3px;border-radius:6px;margin-bottom:11px}.mode-tabs button{font-size:11px;padding:6px 0;flex:1;border:0}.mode-tabs button.active{background:#33483c;color:var(--mint)}.hint{font-size:11px;color:var(--muted);line-height:1.85;margin:10px 0 0}.micro{font-size:10px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.micro a{text-decoration:underline;text-underline-offset:3px}.primary{background:var(--mint);color:#0c2518;border-color:var(--mint);font-weight:600}.primary:hover{background:#c6f5da;border-color:#c6f5da}.full{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:14px}.check{display:flex;gap:9px;align-items:center;color:#bfccc3;margin:13px 0 6px}.control-divider{height:1px;background:var(--border);margin:24px 0 20px}.button-pair{display:flex;gap:7px;margin-top:14px}.button-pair button{font-size:10px;padding:8px 7px;flex:1}.input-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:7px}.visualization{min-width:0;padding:0 25px 18px;position:relative}.chart-top{display:flex;justify-content:space-between;align-items:center;padding:24px 0 16px;gap:10px}.dataset-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.dataset-label h2{font-size:17px;font-family:ui-monospace,monospace;letter-spacing:.2px}.tag{color:var(--mint);background:#253c2f;padding:2px 7px;font-size:9px;letter-spacing:.5px;border-radius:3px}.tag.import{color:#e5c995;background:#3e3626}.price-block{text-align:right;flex-shrink:0}.price-block>span{display:block}.price-block strong{font-family:ui-monospace,monospace;font-weight:400;letter-spacing:-.4px;font-size:25px}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:10px 0 8px}.legend{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--muted)}.mint-line,.dashed-line{width:16px;border-top:2px solid #ffcc72}.dashed-line{border-top:1px dashed #65d2ff;margin-left:11px}.chart-toolbar button{border:none;font-size:10px;color:var(--muted);padding:5px 9px}#chart{height:390px;width:100%}.chart-readout{min-height:32px;padding-top:5px;font-family:ui-monospace,monospace;font-size:10px;color:#a0b7a9;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.replay{padding:14px 0 13px}.replay-label{display:flex;align-items:center;gap:15px}.replay-label label{margin:0;font-size:10px}.replay-label output{font-size:10px;color:var(--text);font-family:ui-monospace,monospace}.replay-label button{margin-left:auto;border:0;font-size:10px;color:var(--mint);padding:0}input[type=range]{padding:0;width:100%;height:18px;accent-color:var(--mint);cursor:ew-resize;outline-offset:2px;display:block;margin:10px 0 4px;background:none}.replay .micro{font-size:9px}.channel-state{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid var(--border);flex-wrap:wrap}.channel-state strong{font-size:11px;font-weight:400;color:#c4d5c9}.channel-state .micro{margin-left:auto;font-family:ui-monospace,monospace}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#18251d;padding:17px 0;border-radius:6px}.metrics>div{padding:0 15px;border-right:1px solid var(--border)}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:10px;color:var(--muted)}.metrics strong{display:block;font-size:22px;letter-spacing:-.5px;font-weight:400;margin:6px 0;font-variant-numeric:tabular-nums}.metrics #direction{font-size:19px}.metrics small{display:block;font-size:9px;color:#8eaa99;line-height:1.7}.data-status{font-size:10px;color:var(--muted);padding-top:13px}.notice{background:#2d2c1d;color:#efddb6;border:1px solid #5e5231;border-radius:6px;padding:12px 17px;margin-top:15px;font-size:12px}.notes{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding:55px 0 48px}.notes h2{font-size:24px;font-weight:400;margin:13px 0 12px;letter-spacing:1px}.notes p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;max-width:455px}.notes details{border-bottom:1px solid var(--border);padding:15px 0}.notes details:first-child{padding-top:0}.notes summary{list-style:none;display:flex;justify-content:space-between;font-size:12px;cursor:pointer;color:#cbd6ce}.notes summary::-webkit-details-marker{display:none}.notes summary span{color:var(--muted)}.notes details p{padding-top:12px;max-width:none!important}.notes details a{text-decoration:underline;text-underline-offset:3px}footer{border-top:1px solid var(--border);padding-top:23px;padding-bottom:25px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px;letter-spacing:.7px}.footer-dash{padding:0 9px}footer>a{letter-spacing:0}.visualization:fullscreen{background:var(--bg);overflow:auto;padding:25px 45px}.visualization:fullscreen #chart{height:58vh}button[hidden],form[hidden],[hidden]{display:none!important}@media(min-width:1600px){#chart{height:440px}}@media(max-width:1120px){main,.site-header,footer{padding-left:26px;padding-right:26px}.workbench{grid-template-columns:222px minmax(0,1fr)}.controls{padding:20px 15px}.visualization{padding-left:17px;padding-right:17px}.metrics>div{padding:0 9px}.metrics strong{font-size:19px}.notes{gap:50px}.local-badge{font-size:10px}}@media(max-width:800px){main,.site-header,footer{padding-left:18px;padding-right:18px}.site-header{height:72px}.brand-suffix{display:none}nav{gap:17px;font-size:11px}.intro{padding:28px 0 25px;display:block}h1{font-size:43px}.title-cn{font-size:15px;margin-left:15px}.local-badge{display:inline-flex;margin-top:17px}.workbench{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--border);padding:18px}.controls>.section-heading:first-child{display:none}.controls .control-divider{margin:18px 0 14px}.controls>.hint{margin:8px 0}.controls>.section-heading:not(:first-child){margin-bottom:6px}.controls>.section-heading~label{margin-top:8px}.visualization{padding:0 12px 16px}.chart-top{padding-top:19px}.price-block strong{font-size:20px}.dataset-label h2{font-size:15px}.dataset-label{gap:8px}.chart-toolbar button{padding:5px 4px}#chart{height:340px}.metrics{grid-template-columns:repeat(2,1fr);row-gap:18px;padding:18px 0}.metrics>div{padding:0 13px}.metrics>div:nth-child(2){border:0}.notes{grid-template-columns:1fr;gap:26px;padding:36px 0}.notes p:not(.eyebrow){max-width:none}.replay-label{gap:10px}.replay-label output{font-size:9px}.replay-label button{font-size:9px}.channel-state .micro{margin-left:15px}footer{flex-wrap:wrap;font-size:8px}.input-pair{grid-template-columns:1fr 1fr}.chart-readout{min-height:44px}.visualization:fullscreen{padding:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.mobile-settings{display:none}@media(max-width:800px){.mobile-settings{display:flex;width:100%;justify-content:space-between;margin-top:15px;font-size:12px}#advanced-controls:not(.expanded){display:none}.controls{padding-bottom:16px}}.candle-key{width:5px;height:10px;display:inline-block}.candle-key.up{background:#2ed3b7}.candle-key.down{background:#ff8f80}.chart-toolbar{gap:8px;flex-wrap:wrap}.ray-legend{color:#c1bc99;margin-left:8px}.legend{flex-wrap:wrap}.chart-toolbar>div:last-child{flex-shrink:0}
