/* Presentation camera and readable, screen-space annotations. No third-party assets. */
.chart-shell{background:radial-gradient(ellipse at 32% 32%,#18213366,transparent 65%),#0c111b;border-color:#66708c42;box-shadow:0 24px 80px #0005}
.chart-top{padding:18px 20px;background:#12172490}.chart-top strong{font-size:11px;letter-spacing:.05em}.chart-top small{margin-top:3px;font-size:10px;color:#8f9cb3}.chart-top .gold{color:#d6bcd8}.demo-pill{color:#aca6bd;border-color:#65577350;background:transparent;font-size:8px}
.chart-toolbar{padding:12px 17px 0}.scenario-buttons button,.chart-controls button{min-height:40px;padding:6px 10px}.chart-toolbar button{font-size:10px}
.cinema-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:10px 20px 5px;font-size:10px;color:#a4b2c8;letter-spacing:.025em}.cinema-bar>span{min-width:0}.cinema-bar button{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:36px;padding:5px 10px;border:1px solid #a98acf36;border-radius:6px;background:#a98acf09;color:#d4c5e9;font-size:10px}.cinema-bar button:hover{border-color:#bc9de379;background:#b08adc12}.cinema-bar button>span{font-size:18px;line-height:1}
.chart-viewport{padding:0 7px;aspect-ratio:720/490}.chart-scene{position:relative;isolation:isolate;overflow:hidden}.chart-viewport > svg{overflow:hidden}.chart-scene > svg{--focus-amount:0;display:block;width:100%;height:auto}.chart-scene [data-camera]{will-change:transform}.chart-scene .plot-context{opacity:calc(1 - var(--focus-amount) * .72)}.chart-scene .context-candle{opacity:calc(1 - var(--focus-amount) * .82)}.chart-scene .plot-annotations{opacity:calc(1 - var(--focus-amount))}.chart-scene .chart-static{opacity:calc(1 - var(--focus-amount) * .65)}
.focus-panel{position:absolute;top:14%;right:6%;width:43%;max-width:290px;border:1px solid #bfa0e244;border-radius:12px;padding:17px 19px;color:#e9e4f1;background:linear-gradient(135deg,#182033f5,#101522f0);box-shadow:0 15px 45px #0005;backdrop-filter:blur(10px);z-index:2}.focus-panel[hidden]{display:none}.focus-kicker{display:block;font-size:8px;font-weight:650;letter-spacing:.16em;color:#bca7d7}.focus-kicker>span{font-size:13px;margin-right:6px}.focus-panel>strong{position:relative;display:block;margin:13px 0 9px;font-size:clamp(20px,2.1vw,30px);font-weight:600;line-height:1.12;letter-spacing:-.035em}.focus-check{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:#49cdae18;border:1px solid #49cdae50;color:#76dabd;border-radius:50%;width:18px;height:18px;font-size:11px;margin-left:9px}.hero .focus-panel>p,.focus-panel>p{margin:0;color:#a7b3c7;font-size:10px;line-height:1.6;max-width:none}.focus-facts{display:grid;gap:8px;margin:16px 0;padding:12px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.focus-facts>span{font-size:9px;color:#a895c3;display:flex;gap:10px;align-items:center}.focus-facts b{font-size:10px;font-weight:500;color:#d5d9e3}.hero .focus-panel .focus-warning,.focus-panel .focus-warning{font-size:10px;color:#b5a992}.focus-panel button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;margin-top:12px;padding:7px 0 0;border:0;border-top:1px solid #ffffff0f;background:transparent;color:#d5c6e6;font-size:10px;text-align:left}
.chart-progress{background:#ffffff07}.chart-progress span{background:linear-gradient(90deg,#647896,#bea7de);height:1px}.chart-status{min-height:105px;padding:17px 20px;background:#0a1019;border-top-color:#ffffff0c}.chart-status strong{font-size:12px;color:#d2c4e5;font-weight:550}.chart-status p{font-size:11px;color:#9daac0;margin-top:5px;max-width:620px}.analysis-steps{gap:8px;margin-top:10px}.analysis-steps button{font-size:10px;color:#8f9bb0;border-top-color:#ffffff12}.analysis-steps button.active{color:#d2c1e6;border-top-color:#9781b6}.chart-readout small{font-size:8px}.chart-readout strong{color:#b4bfd3}.chart-readout{border-bottom-color:#ffffff0c}
.chart-expanded-scroll>.chart-scene{min-width:720px}.chart-expanded-scroll .focus-panel{top:14%;max-width:360px;padding:24px}.chart-expanded-scroll .focus-panel>strong{font-size:32px}.chart-expanded-scroll .focus-panel p,.chart-expanded-scroll .focus-facts b{font-size:13px}.chart-expanded-scroll .focus-facts>span{font-size:11px}
@media(max-width:850px){.chart-top strong{font-size:12px}.chart-controls button,.scenario-buttons button{min-height:44px}.focus-panel>strong{font-size:clamp(21px,4.2vw,30px)}}
@media(max-width:480px){.chart-top{padding:14px}.chart-top strong{font-size:10px;letter-spacing:0}.chart-top small{font-size:9px;max-width:190px}.demo-pill{font-size:7px;padding:4px 5px}.chart-toolbar{padding:10px 10px 0}.chart-toolbar button{font-size:9px;padding:6px 8px}.cinema-bar{padding:8px 12px 5px;min-height:50px;font-size:9px;gap:6px}.cinema-bar button{min-height:40px;font-size:9px;padding:5px 7px;gap:5px}.focus-panel{top:8%;right:4%;width:45%;border-radius:8px;padding:11px 10px;max-width:none}.focus-kicker{font-size:6.5px;letter-spacing:.08em}.focus-kicker>span{font-size:9px;margin-right:3px}.focus-panel>strong{font-size:21px;margin:8px 0 7px}.focus-check{width:14px;height:14px;font-size:9px;margin-left:4px}.hero .focus-panel>p,.focus-panel>p{font-size:8px}.focus-facts{gap:7px;margin:10px 0;padding:9px 0}.focus-facts>span{font-size:7px;gap:5px}.focus-facts b{font-size:8px}.hero .focus-panel .focus-warning,.focus-panel .focus-warning{font-size:8px}.focus-panel button{font-size:9px;margin-top:8px;min-height:36px;padding-top:4px}.chart-status{padding:14px;min-height:118px}.chart-status strong{font-size:11px}.chart-status p{font-size:10px}.analysis-steps button{font-size:9px}.chart-viewport{aspect-ratio:720/560}.chart-scene > svg{height:auto}}
@media(max-width:360px){.focus-panel>strong{font-size:18px}.focus-facts{margin:7px 0;padding:7px 0}.focus-panel button{margin-top:5px}.focus-panel{padding:9px}.focus-kicker{font-size:6px}.chart-top small{max-width:150px}}
.chart-scene .axis-label{opacity:calc(1 - var(--focus-amount))}
.operation-readout{display:grid;grid-template-columns:1fr 1fr 1.5fr;align-items:center;gap:12px;padding:13px 20px;background:#101b2166;border-top:1px solid #72927e25}.operation-readout[hidden]{display:none}.operation-readout small{display:block;font-size:8px;letter-spacing:.06em;color:#8fa5a3}.operation-readout strong{display:block;font-size:16px;font-weight:550;color:#b2d8c7;font-variant-numeric:tabular-nums}.operation-readout>div:nth-child(2) strong{color:#c2b49f}.hero .operation-readout p{margin:0;font-size:9px;line-height:1.6;color:#8e9cae;max-width:none}
@media(max-width:480px){.operation-readout{padding:12px 14px;gap:8px;grid-template-columns:1fr 1fr}.operation-readout p{grid-column:1/-1}.operation-readout p br{display:none}}
@media(max-width:480px){.focus-panel .focus-facts{display:none}.hero .focus-panel>p,.focus-panel>p{font-size:10px}.hero .focus-panel .focus-warning,.focus-panel .focus-warning{font-size:10px;margin-top:10px}.focus-panel button{min-height:44px;font-size:10px}.focus-check{position:absolute;top:1px;right:0}.focus-panel>strong{padding-right:0}.chart-viewport{aspect-ratio:720/610}}
@media(max-width:360px){.focus-panel{top:5%}.focus-panel>strong{margin-top:8px;margin-bottom:8px}.hero .focus-panel .focus-warning,.focus-panel .focus-warning{margin-top:8px}}
.cinema-shortcuts{display:flex;align-items:center;gap:6px;flex-shrink:0}.confluence-chip{margin:15px 0 10px;padding:11px 12px;border:1px solid #c9a35b44;border-radius:7px;background:linear-gradient(110deg,#b68c3620,#b68c3608)}.confluence-chip>strong{display:block;font-size:12px;font-weight:600;letter-spacing:.025em;color:#e8c883}.confluence-chip>span{display:block;font-size:10px;line-height:1.6;color:#b9ab8a;margin-top:4px}.focus-panel[data-subject=trigger]{border-color:#74bea14d}.focus-panel[data-subject=trigger] .focus-kicker{color:#94cbb7}.chart-scene[data-subject=trigger] .harami-candle{opacity:calc(1 - var(--focus-amount) * .4)}
@media(max-width:480px){.cinema-bar{flex-wrap:wrap;gap:4px;padding-top:10px;padding-bottom:6px}.cinema-bar>span{width:100%;font-size:9px}.cinema-shortcuts{width:100%;justify-content:flex-end}.cinema-shortcuts button{font-size:10px;min-height:40px}.confluence-chip{margin:10px 0 8px;padding:8px}.confluence-chip>strong{font-size:9px;letter-spacing:0}.confluence-chip>span{font-size:9px}.focus-panel>strong{margin-top:9px}.chart-viewport{aspect-ratio:720/690}}
@media(max-width:360px){.focus-panel{top:4%}.confluence-chip{padding:7px 6px}.confluence-chip>strong{font-size:8px}.confluence-chip>span{font-size:8px}.focus-panel>strong{font-size:18px}}
.focus-panel>strong>span:first-child{display:block;max-width:210px}.focus-check{position:absolute;top:2px;right:0}
@media(prefers-reduced-motion:reduce){.chart-scene [data-camera]{will-change:auto}}
.cinema-bar{flex-wrap:wrap;row-gap:8px}.cinema-shortcuts{flex-wrap:wrap;justify-content:flex-end}.cinema-shortcuts button[aria-expanded=true]{border-color:#b69cdb80;background:#b69cdb19;color:#eadff7}
.chart-scene[data-subject=wave2] .wave2-candle{opacity:calc(1 - var(--focus-amount) * .08)}
.chart-scene[data-subject=wave2] .harami-candle{opacity:1}
.focus-panel[data-subject=wave2]{border-color:#bca3e659;background:linear-gradient(140deg,#262037f5,#101522f5)}
.focus-panel[data-subject=wave2] .focus-check{background:#b69cdb18;border-color:#b69cdb50;color:#d5baf6;font-size:10px}
@media(max-width:480px){.cinema-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cinema-shortcuts button{justify-content:space-between;width:100%;min-height:42px;padding:7px 10px}.cinema-bar{row-gap:8px}}
.chart-scene[data-subject=wave3] .wave3-candle{opacity:calc(1 - var(--focus-amount) * .08)}
.chart-scene[data-subject=wave3] [data-volume-viewport]{opacity:1}
.focus-panel[data-subject=wave3]{border-color:#75bfa654;background:linear-gradient(140deg,#1b2b30f5,#101522f5)}
.focus-panel[data-subject=wave3]>strong>span:first-child{max-width:min(210px,calc(100% - 20px))}
.focus-panel[data-subject=wave3] .focus-kicker{color:#add8c7}.focus-panel[data-subject=wave3] .confluence-chip>span{white-space:pre-line;line-height:1.9}
@media(max-width:480px){.cinema-shortcuts #focusWave3{grid-column:1/-1}.focus-panel[data-subject=wave3] .confluence-chip>span{line-height:1.65}.chart-viewport[data-subject=wave3]{aspect-ratio:720/800}}
@media(min-width:851px) and (max-width:1080px){.chart-viewport[data-subject=wave3]{aspect-ratio:720/780}.focus-panel[data-subject=wave3]{top:8%}}