.hidden{display:none!important}h2{font-size:16px;margin:0 0 10px}main{max-width:1720px}.review-strip{padding:8px 0;font-variant-numeric:tabular-nums}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:16px 0}label{display:flex;flex-direction:column;gap:5px;color:var(--muted)}.inline-check{flex-direction:row;align-items:center;padding-bottom:8px}select,input,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);padding:8px;border-radius:6px;max-width:100%}textarea{width:100%;resize:vertical}.international-strip{display:grid;grid-template-columns:minmax(210px,auto) minmax(240px,1fr);align-items:center;gap:14px;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(21,31,41,.7)}.international-strip strong{display:block;font-size:22px;color:#54D6BC;font-variant-numeric:tabular-nums}.international-chart{height:68px;min-width:0}.market-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.market-card{position:relative;background:rgba(21,31,41,.94);border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.market-card.alerted{border-color:#ff5f56;box-shadow:0 0 0 1px rgba(255,95,86,.35)}.market-card h3{font-size:14px;margin:0;color:#79b8ff}.market-card .mini-chart{height:92px;margin:5px -4px}.market-card .last{font-size:18px;font-weight:650;color:#54D6BC;font-variant-numeric:tabular-nums}.market-card .five-price{display:grid;gap:2px;margin-top:5px;font-variant-numeric:tabular-nums}.five-price span{display:flex;justify-content:flex-end;font-size:12px}.five-price .sell{color:#FFC772}.five-price .upper{color:#84B8EF}.five-price .current{color:#54D6BC;font-size:14px;font-weight:650}.five-price .lower{color:#A0A4E8}.five-price .buy{color:#F0AA70}.order-history{color:var(--muted);font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-center{border:1px solid #ff5f56;border-left:4px solid #ff5f56;background:rgba(87,29,31,.5);color:#ffaaa4;border-radius:8px;padding:10px;margin:10px 0}.alert-center button{margin-left:8px;padding:4px 8px}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:14px;min-width:0}.chart-with-tags{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:8px;align-items:stretch}.chart{height:350px;width:100%;min-width:0}.volume-chart{height:88px;margin-top:8px}.chart.linked{height:220px}.focus-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.focus-chart{height:220px}.preview-status{margin-top:8px;padding:8px;background:#101922;border-radius:6px;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:14px 0}.split>.card{min-width:0}.alert{border:1px solid #9c7831;border-left:4px solid var(--warn);color:var(--warn);background:#29251c;border-radius:8px;padding:12px;margin:10px 0;overflow-wrap:anywhere}.legend{font-size:12px;color:var(--muted)}.event-list{max-height:360px;overflow:auto}.event-item{display:block;text-align:left;width:100%;margin-bottom:6px;overflow-wrap:anywhere}.event-item.selected{border-color:var(--blue);background:#21354b}.event-item.target-alert{border-color:#ff5f56;color:#ffaaa4}.event-buttons{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px}#selection{color:var(--blue);overflow-wrap:anywhere}#position-detail{overflow-wrap:anywhere}.pnl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money{font-size:24px;color:var(--ok);font-variant-numeric:tabular-nums}.calculation{padding:10px;background:#101922;border-radius:6px;margin:6px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}#annotation-form{display:grid;gap:8px}.annotation-status{padding-top:8px}.annotation{padding:9px 0;border-bottom:1px solid var(--line)}.card+.card{margin-top:12px}.table-wrap table{min-width:720px}a{color:var(--blue)}@media(max-width:1200px){.market-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:820px){.market-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-grid,.split,.pnl{grid-template-columns:1fr}.toolbar>label{flex:1 1 140px}.chart-with-tags{grid-template-columns:minmax(0,1fr) 70px}.chart{height:300px}.chart.linked{height:200px}.focus-chart{height:190px}.chart-card{padding:8px}.toolbar button{flex:1 1 140px}.value{font-size:16px}.subtitle{overflow-wrap:anywhere}.card{padding:10px}.international-strip{grid-template-columns:1fr}.international-chart{height:58px}}@media(max-width:390px){main{padding-left:8px;padding-right:8px}.market-overview{gap:6px}.market-card{padding:7px}.market-card .mini-chart{height:70px}.five-price span{font-size:11px}}
:root { color-scheme: dark; }
.market-nav { margin-bottom: 16px; }
.market-nav a, nav a { color: #79b8ff; margin-right: 8px; }
.realtime-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0 16px}.realtime-toolbar label{display:flex;flex-direction:row;align-items:center;gap:8px}.realtime-toolbar select{min-width:150px}.realtime-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:14px}.realtime-contract-card{padding:12px}.realtime-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.realtime-card-head h2{margin:0;color:#79b8ff}.realtime-card-head .last{font-size:20px}.realtime-parallel{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:10px;align-items:stretch;margin-top:5px}.realtime-parallel .chart{height:220px}.realtime-extremes{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.realtime-extremes b{color:var(--text);font-weight:600}.realtime-parallel .five-price{display:flex;flex-direction:column;justify-content:space-around;margin:0;min-height:220px;border-left:1px solid var(--line);padding-left:8px}.realtime-parallel .five-price span{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.realtime-parallel .five-price small{font-size:10px;color:var(--muted);white-space:nowrap}.realtime-parallel .five-price b{font-size:13px}.realtime-contract-card>.muted{margin-top:6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.realtime-contract-card .hedges{margin:5px 0 0;padding-left:20px;color:var(--muted);font-size:11px;max-height:44px;overflow:auto}
@media(max-width:600px){.realtime-grid{grid-template-columns:1fr}.realtime-parallel{grid-template-columns:minmax(0,1fr) 96px}.realtime-parallel .chart{height:200px}.realtime-parallel .five-price{min-height:200px}.realtime-parallel .five-price small{font-size:9px}}
@keyframes quote-age-blink { 50% { opacity: .35; } }
.quote-age-stale { color: #ff5f56; animation: quote-age-blink 1s steps(2, jump-none) infinite; font-weight: 700; }
.realtime-overview #international-detail { font-variant-numeric: tabular-nums; line-height: 1.5; }
.realtime-overview .quote-divider { color: #60788c; margin: 0 3px; }
@media (prefers-reduced-motion: reduce) { .quote-age-stale { animation: none; } }