:root{--surface:#fff;--surface-soft:#f7f9f6}
[data-theme=dark]{--ink:#e5eeeb;--muted:#a2b5af;--bg:#111d20;--line:#33454a;--soft:#233438;--surface:#19292d;--surface-soft:#203237;--teal:#66cbb5;color-scheme:dark}
@media(prefers-color-scheme:dark){[data-theme=system]{--ink:#e5eeeb;--muted:#a2b5af;--bg:#111d20;--line:#33454a;--soft:#233438;--surface:#19292d;--surface-soft:#203237;--teal:#66cbb5;color-scheme:dark}}
[data-accent=blue]{--teal:#397eae}[data-accent=violet]{--teal:#916bbc}
.topbar{gap:18px;height:auto;min-height:76px;padding:16px 3%;flex-wrap:wrap;background:var(--surface)}.top-actions{display:flex;gap:8px;margin-left:auto}.topbar .private{background:var(--soft);color:var(--muted)}
.side-nav{position:fixed;top:116px;left:24px;width:180px;display:flex;flex-direction:column;gap:8px}.side-nav .eyebrow{margin:0 10px 14px}.side-nav a{padding:10px 12px;color:var(--muted);border-radius:7px;font-size:13px}.side-nav a.active{background:var(--soft);color:var(--teal);font-weight:650}.side-nav p{font-size:12px;color:var(--muted);padding:20px 12px;border-top:1px solid var(--line);margin-top:25px}.side-nav~main{margin-left:215px;padding:0 3%;max-width:1600px}.sidebar-hidden .side-nav{display:none}.sidebar-hidden main{margin:auto}.tabs{flex-wrap:wrap;gap:14px}
.panel,.station-card,.weather-stat,.market-card,.secondary,.compact select,.controls input,.controls select,.lab-inputs input,.lab-inputs select,.manual input,.manual select,.segmented button{background:var(--surface);color:var(--ink);border-color:var(--line)}.station-card[aria-pressed=true],tbody tr.selected,.market-card.chosen{background:var(--soft);border-color:var(--teal)}th,pre,.path-step,.lab-result{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}td{border-color:var(--line)}tbody tr:hover{background:var(--soft)}.lab-conclusion{color:var(--ink)}
.chart-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px 24px}.chart-controls label,dialog label,#discussion .section-title label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}select,input:not([type=checkbox]),textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:8px 10px;border-radius:6px;max-width:100%;min-width:0}.overlay-options{display:flex;gap:12px;flex-wrap:wrap;padding:6px 0}.overlay-options label,dialog .check-label{flex-direction:row;align-items:center}.overlay-options input{accent-color:var(--teal)}.series-legend{display:flex;gap:14px;flex-wrap:wrap;padding:0 24px 10px;font-size:11px;color:var(--muted)}.series-legend i{display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle}.chart-box svg{width:100%;min-height:200px;display:block}.chart-box svg text,#chart text{font:10px var(--mono);fill:var(--muted)}.chart-box svg .gridline,#chart .gridline{stroke:var(--line)}.chart-box circle{cursor:pointer}.chart-box circle:hover,.chart-box circle:focus{stroke:var(--ink);stroke-width:2}.chart-detail{display:block;min-height:28px;padding:4px 10px;color:var(--muted);font:11px var(--mono)}.panel-note{padding:0 24px 16px}.weather-now{grid-template-columns:repeat(3,1fr)}
.market-toolbar{flex-wrap:wrap}.market-toolbar label:first-child{flex:1}.market-toolbar select{width:100%}.market-card small{display:block;overflow-wrap:anywhere}.contract-pick{background:none;border:0;padding:0;color:var(--ink);text-align:left;width:100%;font-weight:650}.contract-pick span{font-size:10px;color:var(--teal);white-space:nowrap}.quote-pair{gap:12px;flex-wrap:wrap}.quote-pair strong{font-size:19px}.market-card details p{white-space:pre-line}.market-prices{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
dialog{width:min(520px,calc(100% - 32px));max-height:85vh;border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--surface);color:var(--ink);box-shadow:0 22px 100px #0004}dialog::backdrop{background:#07181b88;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-head h2{font-size:22px}dialog label{margin:14px 0}dialog p{font-size:13px}dialog form>.primary{width:100%}#notification-count{display:inline-block;background:var(--soft);padding:0 6px;border-radius:12px;color:var(--teal)}.notice{padding:14px 0;border-bottom:1px solid var(--line)}.notice p{margin:4px 0}.notice.unread{border-left:3px solid var(--teal);padding-left:12px}.notice small{color:var(--muted)}
.discussion-list{padding:20px 24px}.comment{padding:14px 0;border-bottom:1px solid var(--line)}.comment:last-child{border-bottom:0}.comment>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.comment time{color:var(--muted);font-size:11px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.text-button{color:var(--teal);background:none;border:0;margin-left:auto;font-size:12px}#comment-form{margin-top:18px}#comment-form>label{font-size:13px}textarea{display:block;width:100%;margin-top:8px;font:14px/1.6 var(--sans);resize:vertical}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-bottom button{flex-shrink:0}
[data-density=compact] .panel-head,[data-density=compact] .chart-controls{padding:12px 18px}[data-density=compact] .extra-section{padding:24px 0}[data-density=compact] .weather-stat{padding:12px}[data-density=compact] td{padding-top:5px;padding-bottom:5px}
.station-toolbar select,.market-toolbar select{background:var(--surface);color:var(--ink);border-color:var(--line)}
.segmented [aria-pressed=true]{background:var(--teal);color:var(--bg)}
@media(max-width:1250px){.side-nav{width:152px;left:12px}.side-nav~main{margin-left:174px}.desk-grid{grid-template-columns:minmax(0,1fr)}.topbar .private{display:none}.station-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.side-nav{position:static;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:14px 5%;gap:3px}.side-nav .eyebrow,.side-nav p{display:none}.side-nav~main{margin:0;padding:0 5%}.topbar{padding:12px 5%;gap:10px}.brand-sub{display:none}.top-actions{width:100%;margin:0}.top-actions button{flex:1}.weather-now{grid-template-columns:repeat(2,1fr)}.station-cards{grid-template-columns:repeat(2,1fr)}.chart-controls{padding:16px;gap:12px}.chart-controls>label{flex:1}.market-toolbar>label{width:100%}.chart-box{padding:0;min-height:180px}.chart-box svg,#chart{min-height:180px}.quote-pair strong{font-size:19px}.section-title{flex-wrap:wrap}.side-nav a{font-size:12px;padding:6px 9px}}