:root{background:#020810;color:#eaf7ff}body{background:radial-gradient(circle at 80% -10%,rgba(34,126,161,.22),transparent 35rem),linear-gradient(145deg,#06111d,#020810 58%,#08131d)}
.card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#102e41 0%,#081f2f 48%,#041520 100%);border:1px solid #37687b;color:#edf7ff;box-shadow:0 14px 34px rgba(0,0,0,.25)}.card>*{position:relative;z-index:1}
.card::before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:3px;background:linear-gradient(var(--rail-angle,90deg),#80dcc7,#83bde6 21%,#c59bdd 43%,#e7a58b 64%,#e4c175 83%,#80dcc7);background-size:260% 100%;animation:gasRail var(--rail-time,23s) ease-in-out var(--phase,-5s) infinite;pointer-events:none}
.card::after{content:"";position:absolute;z-index:0;left:10%;top:20%;width:280px;height:280px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(131,215,237,.17),rgba(85,179,208,.07) 40%,transparent 72%);animation:gasGlowA var(--glow-time,31s) ease-in-out var(--phase,-5s) infinite;pointer-events:none}
.card[data-motion="1"]::after{animation-name:gasGlowB}.card[data-motion="2"]::after{animation-name:gasGlowC}.card[data-motion="3"]::after{animation-name:gasGlowD}.card[data-motion="1"]::before,.card[data-motion="3"]::before{animation-direction:reverse}
@keyframes gasRail{0%,100%{background-position:0 0}38%{background-position:100% 0}76%{background-position:42% 0}}
@keyframes gasGlowA{0%,100%{left:8%;top:15%;opacity:.4}42%{left:86%;top:70%;opacity:.75}75%{left:48%;top:30%;opacity:.5}}
@keyframes gasGlowB{0%,100%{left:92%;top:80%;opacity:.45}36%{left:40%;top:8%;opacity:.65}70%{left:12%;top:62%;opacity:.5}}
@keyframes gasGlowC{0%,100%{left:50%;top:95%;opacity:.5}30%{left:6%;top:30%;opacity:.7}73%{left:85%;top:12%;opacity:.4}}
@keyframes gasGlowD{0%,100%{left:75%;top:10%;opacity:.5}47%{left:15%;top:85%;opacity:.7}80%{left:90%;top:50%;opacity:.4}}
.eyebrow{color:#73d8e6}.summary,.metric span,.metric small,.group span,.group small,.range,.muted,.legend,.empty,footer{color:#acc8d7}.section-head h2,.metric strong,.group strong,td,.score-line b{color:#edf7ff}.score-line small{color:#98b7c9}.status{color:#a0efe0;background:#123848;border:1px solid #2b5a6b}.zone{color:#a0efe0}.marker{background:#f4fcff;box-shadow:0 0 8px #ffffff77;width:4px;transform:translateX(-2px)}
.gas-ladder{margin-bottom:20px}.gas-ladder table{min-width:0;margin-top:18px}.gas-ladder .summary{line-height:1.9}
.metric span,.metric strong{display:block}.metric strong{margin-top:5px}.metric>div{min-width:0}.metric small{max-width:45%}
.tabs{background:#081d2d;border:1px solid #284f63;padding:6px;gap:6px}.tab{color:#a9c8d9;min-height:44px}.tab.active{background:linear-gradient(135deg,#1b4a5b,#123746);color:#b8fff0;box-shadow:inset 0 0 0 1px #52dfc76b}.tab:focus-visible{outline:2px solid #9bf0e0;outline-offset:2px}
th{background:#113044;color:#a8c7d7}td,th{border-color:#264b5f}tbody tr:nth-child(even){background:#0b253466}.source-ok{color:#94e5cd}.source-fallback{color:#f2c57d}
.chart-wrap{background:linear-gradient(135deg,#f8fcfe,#dceef4);border:1px solid #b8d3df;border-radius:15px;padding:10px;margin:16px 0}.axis-label{fill:#35617f}.grid-line{stroke:#bdd7e5}.index-line{stroke:#ef7d0d}.dot-index{fill:#ef7d0d}.price-line{stroke:#234f70}.dot-price{fill:#234f70}.legend .li{background:#ef7d0d}.legend .lp{background:#91bcd5}
.tooltip{z-index:10;background:rgba(3,23,36,.97);border:1px solid #387086;color:#d5eaf6;box-shadow:0 12px 28px #0005}.tooltip strong{color:#98eadb}.tooltip .orange{color:#ffc073}.tooltip .navy{color:#d0e6f4}
@media(prefers-reduced-motion:reduce){.card::before,.card::after{animation:none!important}.card::after{left:60%;top:35%;opacity:.45}}
@media(max-width:850px){.gas-hero{background-position:0 0,100% bottom}}
@media(max-width:600px){.card::after{width:210px;height:210px}.tabs{gap:4px}.tab{padding:11px 5px;font-size:13px}.chart-wrap{padding:4px}}

.card,.section{background:linear-gradient(145deg,#102e41,#081f2f 48%,#041520)!important;color:#edf7ff!important;border-color:#37687b!important}
.score-card .score b,.score-card .price b,.mini b,.section h2,.section strong{color:#edf7ff!important}
.eyebrow{color:#73d8e6!important}.score-card .price,.score-card .scale,.mini p,.range,footer,.legend span{color:#acc8d7!important}
.signal,.signal *{background:#123848!important;color:#a0efe0!important}.signal{border:1px solid #2b5a6b}
.tabs .tab[aria-selected=true]{background:linear-gradient(135deg,#1b4a5b,#123746)!important;color:#b8fff0!important;box-shadow:inset 0 0 0 1px #52dfc76b!important}
.table-wrap{background:#092231!important;border-color:#294d61!important}.section table,.section th,.section td{color:#e0f1fa!important}.section th{background:#113044!important}.section td{border-color:#294d61!important}
.stages .stage{background:#0b2534!important;border-color:#294d61!important}.stages .stage *,.rules li{color:#d5eaf6!important}.stages .stage.active{background:#234636!important;border-color:#65cbb0!important}
.chart-wrap{padding:0!important;background:linear-gradient(135deg,#f8fcfe,#dceef4)!important}.chart-wrap canvas{display:block}.legend .g{background:#ef7d0d}.legend .n{background:#91bcd5}
.tooltip{background:rgba(3,23,36,.97)!important;border:1px solid #387086!important;color:#d5eaf6!important}.tooltip .tip-date{color:#98eadb!important}.tooltip .tip-index,.tooltip .tip-index b{color:#ffc073!important}.tooltip .tip-price,.tooltip .tip-price b{color:#d0e6f4!important}
@media(max-width:760px){.section-head{flex-direction:column}.legend{flex-wrap:wrap}.scale{font-size:11px;gap:5px}}