/* Event Horizon: warm light belongs to the 2D scene, financial figures keep their meaning. */
.workspace .chart-container{background:radial-gradient(ellipse at 43% 0%,#b4793b09,transparent 65%),#050608}
.workspace .stage-plot{border-color:#d2b18a13;box-shadow:inset 0 1px #eeb27c15,0 14px 50px #0003}
.workspace .chart-dust,.workspace .scenario-star,.workspace .selection-trail{pointer-events:none}
.workspace .selection-trail{fill:none;stroke:#ffe1ac;stroke-width:3;stroke-linecap:round;animation:chart-trail-fade .48s ease-out forwards}
.workspace .event-horizon-glow{pointer-events:none}
.workspace .legend-line:not(.muted):not(.expiry){background:#eeb27c;border-color:#eeb27c;box-shadow:0 0 6px #eeb27c30}
.workspace .legend-line.expiry{border-color:#9b9aa2}
@keyframes chart-trail-fade{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.workspace .selection-trail{display:none;animation:none}}
.workspace #chart[data-transition=running] .break-even-crossing{visibility:hidden}
/* Small targets stay easy to read; no ambient flashing or continuous chart motion. */
.workspace .chart-axis-label{color:#7e8b9d}
.workspace .scenario-console #outcome-source{font-size:10px;color:#8a94a3}
.workspace .scenario-console .console-caption,.workspace .scenario-spot-entry>label{color:#8592a4}
.workspace .chart-options-body button:focus-visible{outline:1px solid #eeb27c;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){
 .workspace .parameters-dialog[open]{animation:input-panel-appear .18s ease-out}
 .workspace .analysis-drawer[open]>.scenario-summary{animation:details-appear .18s ease-out}
 .workspace .work-button,.workspace #mobile-edit-inputs{transition:background-color .15s,border-color .15s}
 @media(max-width:999px){.workspace .parameters-dialog[open]{animation:input-sheet-appear .22s cubic-bezier(.2,.7,.25,1)}}
}
@keyframes input-panel-appear{from{opacity:.6}to{opacity:1}}
@keyframes input-sheet-appear{from{opacity:.5;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes details-appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 .workspace .chart-legend,.workspace .chart-legend>button{font-size:10px}
 .workspace .scenario-console #outcome-source{font-size:9px}
 .workspace .scenario-console input[type=range]{min-height:24px}
 .workspace .analysis-drawer>summary,.workspace .scenario-more>summary{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.workspace .parameters-dialog,.workspace .analysis-drawer,.workspace .work-button,.workspace #mobile-edit-inputs{animation:none!important;transition:none!important}}
.workspace[data-mode=price] .legend-line:not(.muted):not(.expiry){background:#eeb27c}
.workspace button:focus-visible,.workspace summary:focus-visible,.workspace #chart:focus-visible{outline:1px solid #dfb783;outline-offset:3px}
/* Pointer selection keeps chart focus for navigation without the browser's SVG ring. */
.workspace #chart:focus:not(:focus-visible){outline:none}
.workspace input[type=range]:focus-visible{outline:1px solid #eeb27c;outline-offset:4px;border-radius:999px}