html[data-mode="demo"] .live-data-section{display:none}html[data-mode="live"] .live-data-section{display:block}.live-status{background:#fff4e8;border:1px solid #f1dfc3;color:#835d1e;border-radius:9px;padding:12px;font-size:11px;line-height:1.6}.live-quote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.live-quote{background:var(--paper,#fff);border:1px solid var(--line,#edf0f5);border-radius:10px;padding:12px;min-width:0}.live-quote h3{font-size:11px;margin:0 0 7px}.live-quote .live-price{font:700 16px Manrope,sans-serif}.live-quote small{display:block;color:var(--muted,#8490a3);font-size:9px;margin-top:5px;line-height:1.5}.live-quote .unavailable{color:#9a6670}.live-unavailable{display:flex;flex-direction:column;gap:7px;background:var(--paper,#fff);border:1px solid var(--line,#edf0f5);border-radius:10px;padding:13px;margin-top:12px;color:var(--muted,#8490a3);font-size:10px}.live-unavailable b{color:var(--ink,#1d2939)}html[data-mode="live"] .welcome .eyebrow:after{content:' · Beta v0.1'}html[data-mode="live"] .live-dot{background:#e7a43d}.dark-theme .live-status{background:#3a3022;color:#f2cf8b;border-color:#54452d}.dark-theme .live-quote,.dark-theme .live-unavailable{background:#222936;border-color:#313b4c}.dark-theme .live-unavailable b{color:#e3e8f0}@media(prefers-color-scheme:dark){body.system-theme .live-quote,body.system-theme .live-unavailable{background:#222936;border-color:#313b4c}body.system-theme .live-unavailable b{color:#e3e8f0}}@media(max-width:1000px){.live-quote-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.live-quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The market source panel is always present; users can see Demo vs configured data immediately. */
html[data-mode="demo"] .live-data-section{display:block}
html[data-mode="live"] .main-content>section{display:block}
html[data-mode="live"] .main-content>section:not(.welcome):not(#live-data-section){display:block}
html[data-mode="live"] .search-wrap{display:flex}
.live-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.live-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}
.live-controls select{min-height:35px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:0 10px;font:inherit}
.live-status[aria-busy="true"]:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:market-spin .8s linear infinite;vertical-align:middle}
@keyframes market-spin{to{transform:rotate(360deg)}}
.live-quote .converted-price{margin-top:7px;color:var(--ink);font-size:12px;font-weight:700}
.live-quote .converted-price small{font-weight:400}
.live-quote .conversion-unavailable{color:#9a6670;font-size:10px}
.live-quote.unavailable-card{border-style:dashed}
.live-controls button:disabled{opacity:.6;cursor:wait}
.asset-source-label{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4;overflow-wrap:anywhere}
.dark-theme .live-controls select{background:#222936;border-color:#313b4c;color:#e3e8f0}
@media(prefers-color-scheme:dark){body.system-theme .live-controls select{background:#222936;border-color:#313b4c;color:#e3e8f0}}
.mining-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mining-inputs label{display:flex;flex-direction:column;gap:5px;color:#8b96a6;font-size:9px}.mining-inputs input,.mining-inputs select{border:1px solid #e7ebf1;background:var(--paper,#fff);color:var(--ink,#1d2939);border-radius:7px;height:34px;padding:0 9px;font:inherit;font-size:10px}.electricity-result{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}.electricity-result span{background:#f5f7fb;border:1px solid #e9edf3;border-radius:8px;padding:10px 12px;color:#8994a4;font-size:9px}.electricity-result b{display:block;color:#27354a;font-size:12px;margin-top:4px}.mining-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.mining-metrics span{background:#f8f9fc;border-radius:7px;padding:9px;color:#929eae;font-size:9px}.mining-provider-note{color:#999fab;font-size:9px;line-height:1.6}.dark-theme .mining-inputs input,.dark-theme .mining-inputs select{background:#222936;border-color:#313b4c;color:#e3e8f0}.dark-theme .electricity-result span,.dark-theme .mining-metrics span{background:#2c3544;border-color:#343e4e;color:#aab5c5}.dark-theme .electricity-result b{color:#e3e8f0}@media(prefers-color-scheme:dark){body.system-theme .mining-inputs input,body.system-theme .mining-inputs select{background:#222936;border-color:#313b4c;color:#e3e8f0}body.system-theme .electricity-result span,body.system-theme .mining-metrics span{background:#2c3544;border-color:#343e4e;color:#aab5c5}body.system-theme .electricity-result b{color:#e3e8f0}}@media(max-width:700px){.mining-inputs{grid-template-columns:repeat(2,1fr)}.mining-metrics{grid-template-columns:repeat(2,1fr)}}
