:root{color-scheme:dark;--bg:#101923;--panel:#192634;--edge:#344f64;--ink:#e6eef7;--muted:#b5c8d8;--accent:#8edce8}*{box-sizing:border-box}body{max-width:1360px;background:var(--bg);color:var(--ink);line-height:1.5}h1{font-size:clamp(21px,3vw,30px);letter-spacing:.015em}h1 small{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}h2{font-size:20px}a{color:var(--accent)}button{cursor:pointer}input,select,button{min-height:33px}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sandbox-banner{background:#142b38;border:1px solid #3f6a7c;padding:12px 16px;border-radius:8px;margin:12px 0}.sandbox-banner p{margin:5px 0}.sandbox-banner .badge{display:inline-block;font-size:12px;background:#274653;padding:2px 8px;border-radius:4px;margin-right:8px}.enhanced-toolbar{background:#162533;padding:13px;border:1px solid var(--edge);border-radius:8px;margin:14px 0}.enhanced-toolbar label{display:inline-flex;gap:5px;align-items:center;margin:6px 14px 6px 0}.enhanced-toolbar input[type=checkbox]{min-height:0}.interval-status{font-size:13px;color:#a9e5db;border-left:3px solid #69bfb0;padding-left:10px}.plot-card{background:var(--panel);border:1px solid var(--edge);border-radius:9px;padding:14px 16px;margin:13px 0;min-width:0}.plot-card h3{font-size:17px;margin:0 0 6px}.plot-card p{margin:5px 0;max-width:1100px}.plot-card .look{color:var(--muted);font-size:13px}.plot-card>details>summary{cursor:pointer;color:var(--accent);padding:6px 0;font-weight:600}.plot-card .technical{font-size:12px;color:var(--muted);margin-top:5px}.plot-card .technical summary{font-weight:400;color:var(--muted)}.plot-card .chart{height:340px;width:100%;min-width:0}.plot-card #plot{height:480px}.plot-card #txStrip{min-height:130px}.plot-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;padding:4px 0}.plot-tools select,.plot-tools input{padding:3px;min-height:28px;font-size:12px}.plot-tools input{width:75px}.plot-status{font-size:12px;color:#ffc785;min-height:18px}.analysis-group{margin:27px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--edge);color:#bfe5eb}.archive-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0}.archive-tools input[type=search]{width:min(100%,310px)}.scroll,.scrollCatalog,#sessions{max-height:265px!important;overflow:auto;scrollbar-color:#50738b #12212e}.scroll table thead{position:sticky;top:0;background:#213346;z-index:2}.scroll td{white-space:nowrap}.source-note{font-size:12px;color:var(--muted)}.selected-summary{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.selected-summary span{background:#14212d;padding:5px 9px;border-radius:5px}.receiver-scroll{max-height:280px;overflow:auto}details[open]>.chart{display:block}.plot-card details[open]{min-width:0}#pathCompass{max-width:100%}#rxTraces,#traceReceivers{max-width:100%}#pathCount{display:block}.distance-miles label{display:inline-flex!important}.plotly .modebar{background:transparent!important}.plotly .modebar-btn path{fill:#b5c8d8!important}.plotly-notifier{color:#182a36}.stability-note{font-size:13px;max-width:1200px}.data-details{max-height:350px;overflow:auto}.empty-note{color:#ffc785;padding:10px 0}.portable-footer{font-size:12px;border-top:1px solid var(--edge);padding-top:12px;margin:25px 0;color:var(--muted)}@media(max-width:700px){body{padding:10px;margin:0}section,.plot-card{padding:12px 9px}.enhanced-toolbar label{display:flex}.plot-card .chart{height:300px}.plot-card #plot{height:390px}.plot-tools input{width:66px}.archive-tools{align-items:stretch}.archive-tools input{max-width:100%}.pathControls{min-width:0!important}.pathModalCard{max-width:100%}.selected-summary{gap:5px}.sandbox-banner{padding:10px}}

.plot-card p{overflow-wrap:anywhere}.plot-card .technical{font-size:13px;line-height:1.65}.plot-card .look{font-size:14px}.spectrum-units{display:inline-flex;align-items:center;gap:8px;margin:8px 12px 8px 0;font-size:14px}.plot-card>.source-note{font-size:13px;line-height:1.65;border-left:3px solid #496f85;padding-left:10px}.plot-card>button{margin:8px 12px 8px 0}.plot-card .chart{overflow:hidden}button,select{max-width:100%}label{flex-wrap:wrap}@media(max-width:700px){.spectrum-units{display:flex}.plot-card h3{font-size:17px}.plot-card .technical{font-size:13px}}
