:root{--bg:#0b1220;--card:rgba(13,20,34,.88);--line:#22304a;--txt:#e6edf7;--mut:#8ea0bd;--acc:#4cc9f0;--oil:#f4a261;--gas:#e76f51;--cond:#e9c46a;--wind:#eef6ff;--tidal:#d0bfff}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);font:13px/1.4 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#map{position:absolute;inset:0}
.card{position:absolute;background:var(--card);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
a{color:var(--acc)}
#brand,#brand *{box-sizing:border-box}#brand{max-width:calc(100vw - 24px);overflow-wrap:anywhere}
#brand{top:12px;left:12px;width:300px;padding:14px 16px}
.title{font-size:17px;font-weight:700;letter-spacing:.2px}.ver{font-size:10px;color:var(--mut);font-weight:500;border:1px solid var(--line);border-radius:6px;padding:1px 5px;margin-left:4px;vertical-align:middle}
.sub{color:var(--mut);margin:2px 0 10px}
#layers label{display:flex;align-items:center;gap:8px;padding:3px 0;cursor:pointer}
#layers input{accent-color:var(--acc)}
.sw{display:inline-block;width:14px;height:10px;border-radius:2px}
.sw-field{background:linear-gradient(90deg,#440154,#21918c,#fde725)}.sw-inst{background:#fff;border-radius:50%;width:9px;height:9px;margin:0 2px}
.sw-pipe{height:3px;background:linear-gradient(90deg,#e76f51 50%,#f4a261 50%)}.sw-wind{background:var(--wind);opacity:.8}.sw-tidal{background:var(--tidal)}
.legend{margin:10px 0 6px}.lg-title{color:var(--mut);font-size:11px;margin-bottom:4px}
.ramp{height:8px;border-radius:4px;background:linear-gradient(90deg,#3b0f70,#3b528b,#21918c,#5ec962,#fde725)}
.ramp-l{display:flex;justify-content:space-between;color:var(--mut);font-size:10px}
#chips{display:flex;flex-direction:column;gap:4px;margin-top:8px}
#chips details{display:flex;flex-direction:column;gap:4px}#chips summary{font-size:11px;color:var(--mut);cursor:pointer;margin-bottom:4px}
.lagnote{display:block;box-sizing:border-box;width:100%;max-width:100%;font-size:11px;line-height:1.35;padding:5px 8px;margin-bottom:4px;border-radius:8px;border:1px solid var(--line);color:var(--mut);white-space:normal;overflow-wrap:anywhere}
.lagnote b{color:var(--txt)}.lagnote .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.dot.g{background:#3ddc84}.dot.a{background:#ffb703}.dot.x{background:#6c7a92}
#national{left:12px;bottom:92px;width:420px;padding:8px 12px 10px}
.tabs{display:flex;gap:4px;margin-bottom:4px}.tabs button{background:none;border:1px solid transparent;color:var(--mut);padding:3px 8px;border-radius:6px;cursor:pointer;font:inherit}
.tabs button.on{border-color:var(--line);color:var(--txt);background:#15203a}
.chart{width:100%;height:150px}.chart svg{width:100%;height:100%;display:block;overflow:visible}
.note{color:var(--mut);font-size:10.5px;margin-top:2px}
#panel{top:12px;right:12px;bottom:92px;width:380px;padding:16px;overflow:auto}
#close{position:absolute;right:10px;top:8px;background:none;border:0;color:var(--mut);font-size:22px;cursor:pointer}
#panel h2{margin:0 26px 4px 0;font-size:19px}.kind{color:var(--mut);text-transform:uppercase;font-size:10.5px;letter-spacing:1px}
.pill{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:10px;background:#1d2b47;margin:4px 4px 0 0}
.pill.prod{background:#123d2c;color:#7ef0b3}.pill.ceased{background:#3a2323;color:#f3a6a6}.pill.prov{background:#3d3212;color:#ffd66b}
.facts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:10px 0;font-size:12px}.facts dt{color:var(--mut)}.facts dd{margin:0}
#panel .chart{height:190px;margin:6px 0}
.hero{margin:10px 0}.hero img{width:100%;border-radius:8px;display:block;max-height:200px;object-fit:cover}.hero figcaption{font-size:10px;color:var(--mut);margin-top:3px}
.attr{font-size:10.5px;color:var(--mut);border-top:1px solid var(--line);padding-top:8px;margin-top:10px}
ul.ms{padding-left:16px;margin:6px 0}ul.ms li{margin:2px 0}
.big{font-size:22px;font-weight:700}.muted{color:var(--mut)}
#timebar{left:12px;right:12px;bottom:30px;height:52px;display:flex;align-items:center;gap:10px;padding:0 14px}
#play{width:34px;height:34px;border-radius:50%;border:0;background:var(--acc);color:#04121f;font-size:14px;cursor:pointer;flex:none}
#speed,#latest{background:#15203a;color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font:inherit;cursor:pointer}
#month{min-width:150px;font-weight:700;font-size:15px;white-space:nowrap}
#month .pill{font-weight:500;vertical-align:middle}
#slider{flex:1;accent-color:var(--acc)}
#tot{min-width:190px;text-align:right;color:var(--mut);font-size:12px;white-space:nowrap}
#attrib{position:absolute;left:12px;right:12px;bottom:4px;font-size:10px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
dialog{background:#0f1729;color:var(--txt);border:1px solid var(--line);border-radius:12px;max-width:720px;padding:20px 24px}
dialog::backdrop{background:rgba(0,0,0,.6)}dialog li{margin:6px 0}dialog button{background:var(--acc);border:0;border-radius:6px;padding:6px 14px;cursor:pointer}
.maplibregl-ctrl-attrib{background:rgba(13,20,34,.8)!important;color:var(--mut)}.maplibregl-ctrl-attrib a{color:var(--mut)}
.maplibregl-ctrl-bottom-right{bottom:84px}
.maplibregl-popup-content{background:#0f1729;color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.maplibregl-popup-tip{display:none}
.tt{font-size:12px}.tt b{font-size:13px}
svg text{fill:var(--mut);font-size:10px}
@media (max-width:768px){#brand{width:auto;right:12px;padding:10px}.legend,#chips,.sub{display:none}#national{display:none}
 #panel{top:auto;left:0;right:0;bottom:84px;width:auto;max-height:55vh;border-radius:12px 12px 0 0}#tot{display:none}#month{min-width:90px;font-size:13px}#speed{display:none}}

.sw-ev{background:#ff4d6d;transform:rotate(45deg);width:9px;height:9px;margin:0 2px}
.bopts{margin-left:auto;display:flex;gap:8px;color:var(--mut);font-size:11px;align-items:center}.bopts input{accent-color:#ffd43b;vertical-align:-2px}
.slwrap{flex:1;position:relative;display:flex;align-items:center}.slwrap #slider{width:100%}
#ticks{position:absolute;left:8px;right:8px;top:-9px;height:8px;pointer-events:none}
#ticks button{position:absolute;width:7px;height:9px;margin-left:-3.5px;padding:0;border:0;cursor:pointer;pointer-events:auto;clip-path:polygon(0 0,100% 0,50% 100%);opacity:.9}
#ticks button:hover{opacity:1;transform:scale(1.5)}
.ev-sum{font-size:13px;line-height:1.5;margin:10px 0}.lives{font-size:15px;margin-top:8px}
ul.src{padding-left:16px;font-size:11px;word-break:break-all}

.expand{position:absolute;top:6px;right:8px;background:#15203a;border:1px solid var(--line);color:var(--txt);border-radius:6px;width:26px;height:24px;cursor:pointer;font-size:14px;line-height:1;z-index:2}
.expand:hover{background:#1f2d50}#panel .expand{position:static;float:right;margin:-2px 0 0 6px}
#national .tabs{padding-right:30px}
#chartModal{width:min(1200px,96vw);max-width:none;height:min(720px,92vh);padding:14px 18px;display:none;flex-direction:column}
#chartModal[open]{display:flex}
.cmhead{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px}
.cmbtns{display:flex;gap:6px}#cmClose{background:none;color:var(--txt);font-size:24px;padding:0 8px}#cmReset{padding:4px 10px}
.cmread{font-size:12.5px;color:var(--mut);min-height:34px;margin:4px 0;font-variant-numeric:tabular-nums}.cmread b{color:var(--txt)}
#cmChart{flex:1;min-height:220px;position:relative}
#cmChart svg.big text{font-size:12px}
.cmtip{position:fixed;background:#0b1220;border:1px solid var(--line);color:var(--txt);padding:5px 8px;border-radius:6px;font-size:12px;pointer-events:none;max-width:280px;z-index:10}
@media (max-width:700px){#chartModal{width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:10px}#cmChart svg.big text{font-size:10px}}
.hero.none{border:1px dashed var(--line);border-radius:8px;padding:18px 10px;text-align:center;color:var(--mut);font-size:12px;background:repeating-linear-gradient(135deg,#0f1729,#0f1729 10px,#111b31 10px,#111b31 20px)}
.hero.none span{display:block;font-size:22px;opacity:.5;margin-bottom:4px}
.hostline{margin:8px 0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#111b31;font-size:13px}
.hostline a{color:var(--acc);cursor:pointer}.hostline .muted{font-size:11px}
ul.tied{margin:4px 0 0;padding-left:18px;font-size:13px}ul.tied a{color:var(--acc);cursor:pointer}

.mobchart{display:none}@media (max-width:768px){.mobchart{display:block;position:absolute;left:12px;bottom:92px;z-index:3;background:#15203a;border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:7px 12px;font:inherit;cursor:pointer}}
#explore{width:min(1280px,97vw);max-width:none;height:94vh;max-height:94vh;padding:12px 16px;overflow:auto}
.exhead{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px;position:sticky;top:-12px;background:#0f1729;z-index:2;padding:4px 0}
#explore .cmbtns button{padding:4px 10px}#exClose{background:none!important;color:var(--txt);font-size:24px;padding:0 8px!important}
.exctl{font-size:12px;margin:4px 0}.exctl summary{cursor:pointer;color:var(--mut)}
.exrow{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}.exgrp{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.exgrp>i{color:var(--mut);font-style:normal;margin-right:2px}
.chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11.5px;cursor:pointer;white-space:nowrap}
.chip input{margin:0;accent-color:var(--acc)}.chip i{width:10px;height:10px;border-radius:2px;display:inline-block}
#explore .pre{background:none;border:1px solid var(--line);color:var(--txt);padding:2px 9px;font-size:11.5px;border-radius:999px}#explore .pre.on{background:var(--acc);color:#0b1220;border-color:var(--acc)}
#exRead{position:sticky;top:26px;background:#0f1729;z-index:2;min-height:36px}
.expanel{margin:2px 0 6px}.exph{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px}.exleg{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.exsvg{display:block;touch-action:none;cursor:crosshair;overflow:visible}.exax{fill:#9fb0c8;font-size:10.5px}.exgrid{stroke:#24314a;stroke-width:1}.exzero{stroke:#6b7a93}
.excross{stroke:#fff;stroke-opacity:.7;stroke-width:1;pointer-events:none}.excur{stroke:#4cc9f0;stroke-opacity:.8;stroke-width:1.5}.exbrush{fill:#4cc9f0;fill-opacity:.15;pointer-events:none}
.exsrc{font-size:10.5px;color:var(--mut);margin-top:1px}.excav{font-size:11px}
@media (max-width:700px){#explore{width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:8px}.exleg{margin-left:0}.exctl:not([open]){}#exRead{font-size:11px;top:30px}}

#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 16px;color:var(--mut);transition:opacity .4s}
#loading.done{opacity:0;pointer-events:none}.spin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--acc);border-radius:50%;animation:sp 0.8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.futtog{display:flex;align-items:center;gap:6px;font-size:11.5px;margin-top:6px;cursor:pointer}.futtog input{accent-color:var(--acc)}
/* Section B */
#timebar{height:64px}#national{bottom:104px}#panel{bottom:104px}.maplibregl-ctrl-bottom-right{bottom:96px}
#headline{display:flex;align-items:baseline;gap:10px;flex:none;min-width:300px}
#headline #month{font-size:20px;min-width:0}
#hlTot b{font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}#hlTot span{color:var(--mut);font-size:12px}
#hlDelta{display:flex;flex-direction:column;font-size:11px;line-height:1.25;white-space:nowrap}#hlDelta .dn{color:#ff8fa3}#hlDelta .up{color:#7ef0b3}
#tot{min-width:0;line-height:1.3;font-size:11px}
.tbtn{background:#15203a;color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font:inherit;cursor:pointer}.tbtn:hover{background:#1f2d50}
#evkey{display:flex;flex-direction:column;font-size:10px;color:var(--mut);line-height:1.15;flex:none}#evkey span{display:flex;align-items:center;gap:4px;white-space:nowrap}#evkey i{width:7px;height:7px;clip-path:polygon(0 0,100% 0,50% 100%);display:inline-block}
@media (max-width:1250px){#evkey{display:none}}
.evf{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 4px 22px}.evf .chip{font-size:10.5px;padding:1px 6px;gap:3px}.evf .chip i{width:8px;height:8px;clip-path:polygon(0 0,100% 0,50% 100%)}.evf input{width:11px;height:11px}
#layers label:hover{color:#fff}
#storyCard{left:50%;transform:translateX(-50%);bottom:108px;width:min(460px,calc(100vw - 24px));padding:12px 16px;z-index:6;border-color:#3a5a8a}
.sthead{display:flex;justify-content:space-between;color:var(--mut);font-size:11px}#storyCard h3{margin:4px 0;font-size:16px}#storyCard p{margin:4px 0 10px;line-height:1.5}
.stbtns{display:flex;gap:6px}.stbtns button{background:#15203a;color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:5px 12px;cursor:pointer;font:inherit}#stNext{background:var(--acc);color:#04121f;border-color:var(--acc);font-weight:600}.stbtns button:disabled{opacity:.4}
button.link{background:none;border:0;color:var(--acc);cursor:pointer;font:inherit;font-size:11px;padding:0;text-decoration:underline}
dialog.drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100vh;max-height:100vh;width:min(560px,100vw);max-width:none;border-radius:12px 0 0 12px;overflow:auto}
.drclose{position:sticky;top:0;float:right}.drclose button{background:none;color:var(--txt);font-size:24px;padding:0 6px}
.fullattr{font-size:12px;color:var(--mut);line-height:1.5}
#attrib a{color:var(--acc)}
/* Section C */
#play.playing{background:#ffb703;box-shadow:0 0 0 3px rgba(255,183,3,.25)}
.tbtn.icon{padding:4px 8px}.tbtn.on{background:#1f3a5a;border-color:var(--acc);color:#fff}
#month{cursor:text;border-bottom:1px dashed transparent}#month:hover{border-bottom-color:var(--mut)}
#dateInput{width:110px;background:#0b1220;color:var(--txt);border:1px solid var(--acc);border-radius:6px;font:inherit;font-size:16px;padding:2px 6px}
.slwrap{flex-direction:column;align-items:stretch;justify-content:center}
#decades{position:relative;height:12px;margin:0 8px;font-size:9.5px;color:var(--mut)}#decades span{position:absolute;transform:translateX(-50%);top:0}#decades span::before{content:'';position:absolute;left:50%;top:-3px;height:3px;border-left:1px solid var(--mut)}#decades b{position:absolute;top:-3px;height:3px;border-left:1px solid var(--line)}
#modeSel{background:#15203a;color:var(--txt);border:1px solid var(--line);border-radius:6px;font:inherit;font-size:11px;padding:1px 3px}
.natleg{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:10.5px;color:var(--mut);margin-top:2px}.natleg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px}.natleg i.ln{height:2px;width:12px;vertical-align:3px}.natleg i.dash{background:repeating-linear-gradient(90deg,#eef6ff 0 3px,transparent 3px 5px)}.natleg .slot{opacity:.6;font-style:italic}
.natread{font-size:11px;min-height:16px;margin-top:2px;font-variant-numeric:tabular-nums}.natread b{color:var(--txt)}
.ptools{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);margin:0 26px 8px 0;flex-wrap:wrap}.ptools button{background:#15203a;border:1px solid var(--line);color:var(--txt);border-radius:6px;padding:2px 8px;cursor:pointer;font:inherit}.ptools button:disabled{opacity:.35}#pCopy{margin-left:auto}
.sw-wind{background:#eef6ff!important;opacity:.85}.sw-tidal{background:#d0bfff!important}
#national{width:470px}.tabs button{white-space:nowrap}
/* Item 19: mobile */
#mobBtns{display:none}#close .bk{display:none}
@media (max-width:768px){
 #brand{top:auto;left:0;right:0;bottom:0;width:auto;max-width:none;max-height:70vh;overflow:auto;border-radius:16px 16px 0 0;z-index:30;transform:translateY(110%);transition:transform .25s;padding:16px 16px 24px}
 #brand.sheet{transform:none}#brand .legend,#brand #chips,#brand .sub{display:block}
 #brand::before{content:'';display:block;width:40px;height:4px;border-radius:2px;background:var(--line);margin:-6px auto 10px}
 #layers label,.futtog{min-height:44px}#layers input,.futtog input{width:22px;height:22px}.evf .chip{min-height:36px;padding:4px 10px}
 #national{display:block;left:0;right:0;bottom:0;width:auto;border-radius:16px 16px 0 0;z-index:30;transform:translateY(110%);transition:transform .25s;padding:12px 12px 24px}
 #national.sheet{transform:none}#national .tabs{flex-wrap:wrap}#national .tabs button,#modeSel{min-height:40px}
 #mobBtns{display:flex;gap:8px;position:absolute;top:12px;left:12px;z-index:5}
 #mobBtns button{min-height:44px;min-width:44px;padding:0 14px;background:var(--card);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--txt);border-radius:22px;font:inherit;font-size:14px}
 #mobBtns button[aria-expanded=true]{border-color:var(--acc)}
 #panel{position:fixed;inset:0;top:0;bottom:0;width:auto;max-height:none;border-radius:0;z-index:40;padding:60px 16px 24px}
 #close{left:8px;right:auto;top:8px;min-height:44px;padding:0 14px;font-size:15px;color:var(--acc);background:#15203a;border:1px solid var(--line);border-radius:22px}#close .bk{display:inline}#close .x{display:none}
 #panel h2{margin-right:0}.ptools{margin-right:0}.ptools button{min-height:40px;min-width:40px}
 #timebar{left:0;right:0;bottom:0;height:auto;border-radius:16px 16px 0 0;flex-wrap:wrap;padding:8px 12px calc(10px + env(safe-area-inset-bottom));gap:8px;z-index:20}
 #play{width:48px;height:48px;font-size:18px}.tbtn,#latest{min-height:44px;min-width:44px}
 #speed,#loop,#latest,#pin,#evkey,#tot{display:none}
 #headline{min-width:0;flex:1;gap:8px;flex-wrap:wrap}#headline #month{font-size:18px;min-width:0}#hlTot b{font-size:22px}#hlDelta{font-size:10.5px}
 .slwrap{flex:1 1 100%;order:10}#slider{height:44px;touch-action:none;margin:0}
 #slider::-webkit-slider-thumb{width:28px;height:28px}#slider::-moz-range-thumb{width:28px;height:28px}
 #ticks{top:4px}#storyCard{bottom:150px}
 #attrib{display:none}.maplibregl-ctrl-bottom-right{bottom:150px}
 .mobchart{display:none!important}
}
@media (max-width:768px) and (min-width:500px){#speed,#latest{display:inline-block}}
@media (max-width:768px){.maplibregl-ctrl-group button{width:44px!important;height:44px!important}#ticks button{pointer-events:none}#speed{min-height:44px}}
.tbn{font-style:italic;opacity:.85}.hostline.tb{border-color:#5a4a1a;background:#1d1a10;font-size:12px}

#brand.fit{overflow-y:auto;scrollbar-width:thin}
@media (min-width:769px) and (max-height:800px){#natchart{height:130px}.natleg{max-height:38px;overflow-y:auto;scrollbar-width:thin}#natnote{max-height:48px;overflow-y:auto;scrollbar-width:thin}}
/* Ask the data: docked right panel, same card style as legend/detail panel */
.askbtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:10px 0 6px;min-height:34px;background:#15203a;border:1px solid var(--line);color:var(--txt);border-radius:8px;font:inherit;font-weight:500;cursor:pointer}.askbtn:hover{border-color:var(--acc)}
#askDlg{top:12px;right:12px;bottom:104px;width:400px;max-width:calc(100vw - 24px);z-index:25;display:flex;flex-direction:column;padding:0;overflow:hidden}
#askDlg[hidden]{display:none}
.askhd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.askhd h2{margin:0;font-size:16px;font-weight:700;letter-spacing:.2px}.asksub{color:var(--mut);font-size:12px;margin-top:4px;line-height:1.4}
#askDlg .askx{flex:none;display:grid;place-items:center;width:32px;height:32px;margin:-4px -6px 0 0;background:none;border:0;border-radius:8px;color:var(--mut);cursor:pointer;padding:0}#askDlg .askx:hover{background:#15203a;color:var(--txt)}
#askBody{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}
.asklbl{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut);margin-bottom:8px}
.askex{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
#askDlg .askex button{background:transparent;border:1px solid var(--line);color:var(--txt);border-radius:999px;padding:6px 12px;min-height:32px;font:inherit;font-size:12.5px;cursor:pointer;text-align:left}#askDlg .askex button:hover{border-color:var(--acc);background:rgba(76,201,240,.06)}
#askLog{display:flex;flex-direction:column;gap:12px}
.am{white-space:pre-wrap;line-height:1.55;font-size:13.5px}
.am.q{align-self:flex-end;max-width:88%;background:#15203a;border:1px solid var(--line);border-radius:12px 12px 4px 12px;padding:8px 12px}
.am.a{padding:2px 2px 0;color:var(--txt)}.am.a .src{display:block;margin-top:10px;padding-top:8px;border-top:1px solid var(--line);color:var(--mut);font-size:11.5px;white-space:normal}
.am.e{color:#ffb4a8;font-size:13px}
.am.pending{display:flex;flex-direction:column;gap:8px;padding-top:4px}.am.pending i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#15203a 0%,#22304a 50%,#15203a 100%);background-size:200% 100%;animation:askshim 1.2s linear infinite}.am.pending i:nth-child(2){width:85%}.am.pending i:nth-child(3){width:60%}
@keyframes askshim{from{background-position:100% 0}to{background-position:-100% 0}}
.askrow{display:flex;align-items:center;margin:0 16px;height:44px;border:1px solid var(--line);border-radius:10px;background:#0d1426;padding:0 4px 0 12px}.askrow:focus-within{border-color:var(--acc)}
#askQ{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:var(--txt);font:inherit;font-size:14px}
#askDlg #askGo{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:var(--acc);color:#04121f;cursor:pointer}#askDlg #askGo:disabled{opacity:.4;cursor:default}
.askdisc{margin:10px 16px 14px;font-size:11px;line-height:1.45;color:var(--mut)}
@media (max-width:768px){#askDlg{position:fixed;inset:0;width:auto;max-width:none;border-radius:0;z-index:45}#askQ{font-size:16px}.askrow{height:48px}#askDlg .askx{width:44px;height:44px}#askDlg .askex button{min-height:40px}#mobBtns #mobAsk{min-height:44px}}
.tabs{align-items:center}.tabs button{white-space:nowrap}.bopts label,.sbopt label{white-space:nowrap;display:inline-flex;align-items:center;gap:3px;margin-left:6px}
@media (max-width:768px){#askDlg{background:#0f1729;backdrop-filter:none}}