:root{--ink:#13243a;--muted:#68778a;--paper:#f5f3ed;--card:#fff;--line:#dfe3e6;--blue:#2156d9;--cyan:#06aebd;--orange:#f28b45;--shadow:0 8px 28px #24364b12}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:35px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--blue);color:#fff;border-radius:10px;font-size:21px}.brand div{display:flex;flex-direction:column}.brand small{color:var(--muted);letter-spacing:.08em}.stages{display:flex;justify-content:center;gap:4px;flex:1}.stage{border:0;background:none;color:#7b8795;padding:9px 10px;border-radius:8px;cursor:pointer}.stage b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eef0f2;margin-right:4px}.stage.active{background:#eef3ff;color:var(--blue)}.stage.active b{background:var(--blue);color:#fff}.ghost,.experiment button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px;cursor:pointer}.hero{max-width:1500px;margin:auto;padding:35px 36px 26px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--blue);font-weight:800}.hero h1{font:700 35px/1.1 Georgia,serif;margin:7px 0}.hero h1 em{color:var(--blue);font-weight:400}.hero>div>p:last-child{color:var(--muted);margin:0}.mission{background:#e8eefb;border-left:4px solid var(--blue);padding:14px 18px;width:335px;border-radius:4px}.mission span{font-size:10px;font-weight:bold;letter-spacing:.1em;color:var(--blue)}.mission strong,.mission p{display:block}.mission p{font-size:12px;margin:3px 0;color:#52627a}.workspace{max-width:1500px;margin:auto;padding:0 36px 35px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px}.controls{display:flex;flex-direction:column;gap:12px}.panel,.plot-card,.equation-card,.experiment{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.panel{padding:16px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.panel-title h2{font-size:14px;margin:0}.panel-title p{font-size:11px;color:var(--muted);margin:0}.num{display:grid;place-items:center;color:var(--blue);background:#eaf0ff;width:30px;height:30px;border-radius:8px;font-weight:bold}.panel-title>div{flex:1}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f0f2f4;padding:3px;border-radius:8px;margin-bottom:14px}.segmented button{border:0;padding:8px;background:none;border-radius:6px;color:var(--muted);cursor:pointer}.segmented .active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0002}label{font-size:11px;color:var(--muted);display:block}label output{float:right;color:var(--ink);font-weight:bold}input[type=range]{display:block;width:100%;accent-color:var(--blue);margin:8px 0}input[type=number],input[type=text],select,label input[disabled]{width:100%;border:1px solid var(--line);background:#fff;padding:9px;border-radius:7px;color:var(--ink);margin-top:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hint,.status,.warning{font-size:10px;color:var(--muted);margin:9px 0 0}.primary{border:0;background:var(--blue);color:#fff;padding:10px;border-radius:7px;cursor:pointer}.wide{width:100%;margin-bottom:8px}.file-btn{border:1px dashed #9eabc0;text-align:center;padding:9px;border-radius:7px;cursor:pointer}.file-btn input{display:none}.file-btn.small{margin-top:9px}.optical .switch{width:38px}.switch input{display:none}.switch i{display:block;width:35px;height:20px;background:#cbd1d8;border-radius:10px;position:relative;cursor:pointer}.switch i:after{content:"";position:absolute;background:#fff;width:16px;height:16px;border-radius:50%;left:2px;top:2px;transition:.2s}.switch input:checked+i{background:var(--blue)}.switch input:checked+i:after{left:17px}.locked{opacity:.54}.locked .component-body,.gaia-panel.locked .gaia-grid,.gaia-panel.locked .warning{display:none}.active-card{border-color:#96afea}.gaia-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.gaia-grid button{border:1px solid var(--line);background:#f7f8fa;padding:8px 3px;border-radius:6px;cursor:pointer}.gaia-grid button.active{background:var(--blue);color:#fff}.warning{background:#fff3e8;color:#9a572b;padding:8px;border-radius:6px}.results{min-width:0;display:flex;flex-direction:column;gap:14px}.plot-card{padding:18px}.plot-head{display:flex;justify-content:space-between}.plot-head h2{font:700 17px Georgia,serif;margin:0}.plot-head p{margin:2px 0;color:var(--muted);font-size:11px}.legend{font-size:11px;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 4px 0 12px}.dot.spectrum{background:var(--blue)}.dot.response{background:var(--orange)}.dot.measured{background:rgba(242,139,69,.65)}.chart-wrap{height:390px;position:relative;margin-top:10px}.chart-wrap canvas{width:100%;height:100%;display:block}.axis-label{text-align:center;color:var(--muted);font-size:11px}#tooltip{position:absolute;background:#13243a;color:#fff;padding:7px;border-radius:5px;font-size:10px;pointer-events:none}.metrics{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px}.magnitude-card,.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;box-shadow:var(--shadow)}.magnitude-card{background:linear-gradient(135deg,#1744b9,#2870e6);color:#fff}.magnitude-card p{font-size:10px;letter-spacing:.1em;margin:0}.magnitude-card strong{font:700 34px Georgia,serif}.magnitude-card span{margin-left:7px}.magnitude-card small{display:block;color:#dce7ff}.metric{display:flex;flex-direction:column;justify-content:center}.metric span,.metric small{color:var(--muted);font-size:10px}.metric strong{font:700 21px Georgia,serif}.equation-card{padding:0 18px}.equation-card button{border:0;background:none;width:100%;display:flex;justify-content:space-between;padding:14px 0;font-weight:bold;cursor:pointer;color:var(--ink)}#equationBody{border-top:1px solid var(--line);padding:15px;text-align:center}.equation{font:italic 17px Georgia,serif}.fraction{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;margin:0 8px}.fraction span:first-child{border-bottom:1px solid;padding:0 4px}.arrow{color:var(--blue);margin:0 15px}.equation-card p{font-size:11px;color:var(--muted)}.experiment{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--orange)}.experiment>div{display:flex;gap:12px}.experiment p{margin:2px 0;color:var(--muted);font-size:12px}.bulb{color:var(--orange);font-size:22px}footer{border-top:1px solid var(--line);padding:13px 36px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.gaia-panel:not(.locked){border-color:#6f8fdf}
@media(max-width:1050px){.stages{display:none}.workspace{grid-template-columns:300px 1fr}.metrics{grid-template-columns:1fr 1fr}.chart-wrap{height:320px}}@media(max-width:760px){.topbar{padding:0 15px}.ghost{margin-left:auto}.hero{padding:25px 16px;display:block}.mission{width:auto;margin-top:18px}.workspace{padding:0 16px;grid-template-columns:1fr}.chart-wrap{height:280px}.metrics{grid-template-columns:1fr 1fr}.equation{font-size:13px}.arrow{margin:0 4px}footer{padding:12px 16px}}

#spectrumSelectLabel,#filterSelectLabel{margin-top:10px}.spectrum-chart{height:280px}.component-plots{display:grid;grid-template-columns:1fr;gap:12px}.mini-plot{padding:14px 18px}.mini-plot .plot-head h2{font-size:15px}.mini-chart{height:180px}.mini-chart canvas,.total-chart canvas{width:100%;height:100%;display:block}.curve-swatch{width:26px;height:3px;border-radius:3px;margin-top:8px}.curve-swatch.filter{background:#e47b31}.curve-swatch.atmosphere{background:#25a878}.curve-swatch.instrument{background:#805ad5}.curve-swatch.detector{background:#d94778}.total-chart{height:220px}.total-plot{border-color:#efc6a9}
@media(max-width:760px){.mini-chart{height:160px}}

.workspace{max-width:1700px;grid-template-columns:330px minmax(0,1fr) 245px;align-items:start}.hero{max-width:1700px}.transmission-scroller{height:min(610px,calc(100vh - 250px));min-height:390px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:2px 9px 8px 2px;scrollbar-color:#aeb9c8 transparent;scrollbar-width:thin}.transmission-scroller::-webkit-scrollbar{width:8px}.transmission-scroller::-webkit-scrollbar-thumb{background:#aeb9c8;border-radius:8px}.transmission-scroller::-webkit-scrollbar-track{background:transparent}.metrics-sidebar{position:sticky;top:82px;align-self:start;display:flex;flex-direction:column;gap:10px}.sidebar-heading{padding:4px 3px 7px;display:flex;flex-direction:column}.sidebar-heading span{font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:800}.sidebar-heading strong{font:700 18px Georgia,serif}.metrics-sidebar .magnitude-card{padding:18px 15px}.metrics-sidebar .magnitude-card strong{font-size:32px}.metrics-sidebar .metric{min-height:94px;padding:15px}.metrics-sidebar .metric strong{font-size:25px}.sidebar-note{margin:2px 4px;color:var(--muted);font-size:10px}.results{gap:12px}
@media(max-width:1150px){.workspace{grid-template-columns:280px minmax(0,1fr)}.metrics-sidebar{grid-column:1/-1;position:static;display:grid;grid-template-columns:2fr repeat(3,1fr)}.sidebar-heading,.sidebar-note{display:none}.metrics-sidebar .metric{min-height:auto}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.transmission-scroller{height:520px;min-height:0}.metrics-sidebar{grid-template-columns:1fr 1fr}.metrics-sidebar .magnitude-card{grid-column:1/-1}}

.segmented{grid-template-columns:repeat(4,1fr)}.segmented button{font-size:10px;padding-inline:3px}.plot-actions{display:flex;align-items:center;gap:12px}.axis-toggle{display:flex;background:#eef1f4;border-radius:7px;padding:2px}.axis-toggle button{border:0;background:transparent;color:var(--muted);min-width:30px;padding:5px 8px;border-radius:5px;cursor:pointer;font-weight:700}.axis-toggle button.active{background:#fff;color:var(--blue);box-shadow:0 1px 4px #0002}
@media(max-width:760px){.plot-head{gap:8px}.plot-actions{align-items:flex-end;flex-direction:column;gap:6px}.legend{white-space:nowrap}}

.spectral-strip-card{padding:11px 18px}.spectral-strip-card .plot-head h2{font-size:14px}.spectral-strip-card .plot-head p{font-size:10px}.spectral-strip{height:54px;margin-top:8px}.spectral-strip canvas{display:block;width:100%;height:100%;border-radius:6px}.transmitted-strip-card{border-color:#efc6a9}.total-plot #totalResponseTitle{font-size:15px}.mini-plot h2 sub,.total-plot h2 sub{font-size:.68em}

/* A identificação do modo agora pertence ao fluxo de controles. */
.workspace{padding-top:28px;grid-template-columns:330px minmax(0,1fr) 270px}
.controls .mission{width:auto}

/* Explicações de cálculo associadas a cada resultado. */
.metric-calculation{border-top:1px solid var(--line);margin-top:12px;padding-top:9px}
.magnitude-card .metric-calculation{border-color:#ffffff40}
.metric-calculation summary{cursor:pointer;font-size:10px;font-weight:700;color:var(--blue);list-style-position:inside}
.magnitude-card .metric-calculation summary{color:#fff}
.calculation-body{padding-top:9px}
.compact-equation{font:italic 12px/1.45 Georgia,serif;overflow-wrap:anywhere}
.calculation-body p,.magnitude-card .calculation-body p{font-size:10px;line-height:1.4;letter-spacing:0;margin:7px 0 0;color:var(--muted)}
.magnitude-card .calculation-body p{color:#dce7ff}
.magnitude-calculation>strong{display:block;font-size:10px;color:#fff}
.magnitude-calculation .compact-equation+.compact-equation{margin-top:7px}
.display-equation{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font:italic 13px/1.25 Georgia,serif;text-align:center;margin:3px 0 8px}
.math-fraction{display:inline-flex;flex-direction:column;align-items:stretch;vertical-align:middle;max-width:100%}
.math-fraction>span{padding:2px 5px}
.math-fraction>span:first-child{border-bottom:1px solid currentColor}
.display-equation i{font-size:1.65em;font-weight:400;line-height:.7;vertical-align:-.12em}
.dot.reference{background:var(--cyan)}
.calibration-selector{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}
.calibration-selector .axis-toggle{white-space:nowrap}
.example-curve-btn{width:100%;border:1px solid #b9c8eb;background:#f2f6ff;color:var(--blue);border-radius:7px;padding:8px;margin-top:8px;font-size:10px;font-weight:700;cursor:pointer}
.example-curve-btn:hover{background:#e8efff}
.reference-toggle{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}
.reference-toggle[aria-pressed="false"]{background:#eef1f4;color:var(--muted)}

@media(max-width:1150px){.workspace{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:760px){.workspace{grid-template-columns:1fr;padding-top:18px}.brand{min-width:auto}.brand>div{display:none}.calibration-selector>span{display:none}.topbar{gap:12px}}