/* Harlo OS V2 visual language. Fonts and brand asset copied from its local firmware UI. */
@font-face{font-family:"Chakra Petch";src:url('/fonts/ChakraPetch-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url('/fonts/ChakraPetch-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url('/fonts/ChakraPetch-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--bg:#080e14;--panel:rgba(21,29,28,.79);--line:#91a58e29;--text:#e4e7dc;--muted:#9aaa9d;--lime:#90dfae;--green:#558b73;--cream:#e2bc83;--gold:#e2bc83;color-scheme:dark;background:var(--bg)}
body{font:15px/1.5 "Chakra Petch",sans-serif;min-height:100vh;background:radial-gradient(ellipse at 65% 16%,#1e393026,transparent 55%),var(--bg);isolation:isolate}
#pool-warp{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
button,input,select,textarea{font-family:"Chakra Petch",sans-serif}
button,a,input,select,textarea{outline-offset:5px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold)}
button{transition:border-color .18s,background .18s,color .18s,box-shadow .18s}
.pool-header{max-width:1240px;margin:0 auto;height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pool-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-decoration:none}
.pool-brand img{display:block;width:238px;height:auto;max-width:100%}
.pool-brand>span{font-size:10px;font-weight:600;letter-spacing:2.4px;color:#a8b6aa;margin-left:3px}
.pool-header-meta{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:10px;letter-spacing:1.5px}
.pool-header-tag{padding:9px 12px;background:#27332c66;border:1px solid var(--line);border-radius:5px;color:var(--gold)}
main{padding-top:18px;padding-bottom:50px}
h1,h2,h3{font-family:"Chakra Petch",sans-serif;font-weight:500;color:#e4ece2}
h2{font-size:25px;letter-spacing:-.6px}h3{font-size:19px}
.eyebrow{font:500 10px/1.5 "Chakra Petch",sans-serif;letter-spacing:1.8px;color:#90b09b}
.panel{position:relative;background:linear-gradient(125deg,rgba(25,39,34,.79),rgba(16,27,24,.79));border:1px solid #a8bc9b42;border-radius:8px;box-shadow:12px 18px 50px #0003,0 1px 0 #d7dec617 inset;padding:28px}
.panel::before{content:"";position:absolute;inset:6px -6px -6px 6px;border:1px solid #a9b99c1f;border-radius:8px;pointer-events:none;z-index:-1}
.panel::after{content:"";position:absolute;inset:-5px 5px 5px -5px;border:1px solid #a9b99c12;border-radius:8px;pointer-events:none;z-index:-1}
.fine-print{font-size:11px;line-height:1.7;color:#93a595}.muted{font-size:13px;color:#a2b2a4}
.tiny-tag,.block-state{color:#b7c6b3;border:1px solid #91a58e38;background:#18251f66;border-radius:5px;font-size:10px}
.wallet-search{margin-bottom:28px}.wallet-search label{font-size:21px;font-weight:500;color:#e4ece2}
.wallet-search input{background:#14211ed9;border-color:#819a804d;border-radius:5px;color:var(--text);font-size:14px;padding:14px 16px}
.wallet-search input::placeholder{color:#7f9386}.wallet-message{font-size:12px;color:#91a595}
.search-button,.copy-field button{background:var(--gold);color:#20291f;border:1px solid #e2bc8380;border-radius:5px;font-weight:500}
.search-button:hover,.copy-field button:hover{background:#f0d3a7;box-shadow:0 0 18px #e2bc8320}
.clear-button,.text-button{background:#27332c88;border:1px solid #91a58e38;border-radius:5px;color:#bfccbc}
.clear-button:hover,.text-button:hover{background:#53634a44;border-color:var(--gold);color:var(--gold)}
.metrics{border-color:#a8bc9b42;background:linear-gradient(125deg,rgba(25,39,34,.79),rgba(16,27,24,.79));border-radius:8px;box-shadow:0 1px 0 #d7dec617 inset,10px 18px 40px #0002}
.metric{padding:26px 24px;border-color:var(--line)}.metric-label{font-size:11px;color:#90b09b}.metric strong{font-size:38px;font-weight:500;letter-spacing:-1.3px;color:#e4ece2}.metric-note{font-size:11px;color:#91a595}
#pool-hashrate{color:var(--lime);text-shadow:0 0 22px #90dfae22}
.prize-countdown{color:var(--gold);font-weight:500;text-shadow:0 0 24px #e2bc8322}.prize-overview{gap:40px}.prize-overview>.fine-print{color:var(--muted)}
.prize-claim-fields input,.chart-metric-controls select,#notification-form>input,#notification-form>select,#notification-form>textarea{background:#101d18;border-color:#819a8055;border-radius:5px;color:#e4ecdf;font-family:"Chakra Petch",sans-serif;font-size:13px}
.prize-claim-fields label{color:#a2b6a5;font-size:12px}.prize-claim-form{border-color:var(--line)}
.finder-segment{background:var(--gold);box-shadow:0 0 10px #e2bc8326}.community-segment{background:#90dfae}.split-bar{gap:5px;height:10px;border-radius:2px}
.finder-dot::before{background:var(--gold)}.community-dot::before{background:var(--lime)}.reward-grid strong{color:#e4ece2}.reward-grid p{max-width:190px;font-size:12px}.legend{font-size:12px}
.copy-field{background:#101d18;border-color:#819a8055}.copy-field input{color:var(--gold);font-size:12px}.connection-details,.connection-details dd{font-size:12px}.field-label{color:#a4b7a6;font-size:10px}
table{font-size:13px}th{font-size:11px;color:#a8b9a8;border-color:var(--line)}td{font-size:12px;border-color:var(--line)}tbody tr:hover{background:#90dfae05}.empty-state p{font-size:13px}.empty-mark{color:#7ba08b}
.wallet-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:24px 0}.wallet-summary strong{font-size:29px;color:#e4ece2;font-weight:500}.wallet-summary span{font-size:11px;color:#90b09b}
.device-selectors button{background:#27332c55;border:1px solid #9dac9730;border-radius:3px 10px 3px 10px;color:#afc0af}
.device-selectors button[aria-pressed=true]{color:var(--gold);background:#a17e4026;border-color:#e2bc8366;box-shadow:0 0 18px #e2bc8308}
.device-selectors button[aria-pressed=true] strong{color:var(--gold)}.device-selectors button:hover{border-color:#e2bc8366;background:#53634a33}.device-selectors button strong{font-size:20px}
.device-telemetry-panel{background:#0c181466;border-color:#91a58e38;border-radius:6px}.device-telemetry-panel h3{font-size:17px}.telemetry-grid dt{font-size:11px;color:#a2b6a5}.telemetry-grid dd{font-size:21px;color:#e4ece2}
.chart-ranges button{font-size:12px;border-radius:4px}.chart-ranges button[aria-pressed=true]{color:var(--gold);background:#a17e4026;border-color:#e2bc8366}.chart-ranges button:hover{background:#53634a33}
.chart-metric-controls label{font-size:13px}.chart-legend{font-size:11px;gap:14px}.chart-legend input{accent-color:currentColor}.chart-legend label{min-height:22px}.chart-legend label:has(input:not(:checked)){opacity:.5}.chart-legend label:hover{opacity:1}
.chart-readout{font-size:11px;color:#a1b2a3}.chart-tooltip{background:rgba(13,25,20,.97);border-color:#829b8066;box-shadow:0 8px 30px #0006}.tooltip-time{color:#e2bc83}.tooltip-label{color:#bdccbe}.tooltip-value{color:#e4ece2}.tooltip-value small{color:#91a595}.chart-empty{color:#a3b7a6}
#notification-dialog{background:#14211f;border-color:#a8bc9b70;border-radius:10px}#notification-dialog::backdrop{background:#020806b3}.notice{border-color:#e2bc8355;background:#a17e401a;color:#e3c69b}
@media(min-width:1101px){.metric{padding:25px 22px}.metric strong{font-size:36px}}
@media(max-width:1320px){.pool-header{margin-left:36px;margin-right:36px}}
@media(max-width:850px){.pool-header{height:100px}.panel{padding:24px}.metric strong{font-size:34px}.telemetry-grid dd{font-size:20px}}
@media(max-width:650px){.prize-overview{gap:16px}.prize-countdown{font-size:38px}.wallet-summary strong{font-size:24px}.telemetry-grid dd{font-size:18px}.panel::after{display:none}}
@media(max-width:520px){.pool-header{height:96px;margin-left:18px;margin-right:18px;gap:14px}.pool-brand img{width:180px}.pool-brand>span{font-size:8px;letter-spacing:2px}.pool-header-meta{font-size:8px;gap:8px;flex-direction:column;align-items:flex-end}.pool-header-tag{padding:5px 8px}.panel{padding:21px}.metric{padding:20px 17px}.metric strong{font-size:30px}.metric-note{font-size:10px}.metric-label{font-size:10px}h2{font-size:23px}.fine-print{font-size:10px}.wallet-search label{font-size:20px}.wallet-search-fields .search-button{flex:1}.chart-legend{font-size:10px;gap:9px}.panel::before{inset:4px -4px -4px 4px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.wallet-message:empty{display:none}

#block-odds{font-size:clamp(19px,1.95vw,27px);letter-spacing:-.8px;overflow-wrap:anywhere}

.bch-price{display:block;margin-top:10px;color:var(--gold);font-size:12px}.reward-grid strong #finder-reward-usd{display:inline-block;font-size:20px;letter-spacing:-.5px;font-weight:400;color:var(--gold);white-space:nowrap}

#block-odds #block-value-usd{color:var(--gold);font:inherit;letter-spacing:inherit;margin:0}