:root{--bg:#08111f;--panel:#101c2f;--panel2:#16243a;--text:#eef5ff;--muted:#93a4bd;--accent:#27c2ff;--good:#42d392;--bad:#ff667d;--line:#27425e}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#06101d,#0b1426 60%,#08111f);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
a{color:#6fd7ff;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,48px);background:#07101de8;backdrop-filter:blur(12px);border-bottom:1px solid #17304a}.brand{font-weight:800;color:white;font-size:19px}.navlinks{display:flex;gap:16px;flex-wrap:wrap}.container{max-width:1180px;margin:28px auto;padding:0 18px}footer{text-align:center;color:var(--muted);padding:36px 16px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.col-12{grid-column:span 12}.col-9{grid-column:span 9}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.card{background:linear-gradient(180deg,var(--panel),#0d1829);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 14px 45px #0003}.card h2,.card h3{margin-top:0}.metric{font-size:30px;font-weight:800}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font-weight:750;cursor:pointer;background:#1e9dda;color:#fff}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:#283950}.btn.danger{background:#b9344b}.btn.good{background:#16885c}.btn:disabled{opacity:.5;cursor:not-allowed}
input,select,textarea{width:100%;background:#0a1526;color:#fff;border:1px solid #29445e;border-radius:10px;padding:11px 12px;margin:5px 0 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{font-weight:650}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.alert{padding:12px 14px;border-radius:10px;margin:12px 0;background:#13243b;border:1px solid #315171}.alert.error{background:#351523;border-color:#7f3045}.alert.success{background:#123126;border-color:#286b50}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #203950;font-size:14px}th{color:#a9bdd5}.table-wrap{overflow:auto}
.hero{text-align:center;padding:60px 0 36px}.hero h1{font-size:clamp(35px,7vw,64px);line-height:1.02;margin:0 0 16px}.hero p{max-width:750px;margin:0 auto 24px;color:#a9bdd5;font-size:18px}
.miner-panel{max-width:900px;margin:auto}.miner-status{display:flex;gap:12px;flex-wrap:wrap}.pill{border:1px solid #31516d;background:#0b182a;border-radius:999px;padding:6px 11px}.range-row{display:grid;grid-template-columns:150px 1fr 70px;gap:12px;align-items:center}.range-row input{margin:0}.big-rate{font-size:52px;font-weight:900;letter-spacing:-2px}.consent{display:flex;align-items:flex-start;gap:10px}.consent input{width:auto;margin-top:5px}.log{height:180px;overflow:auto;background:#07101d;border:1px solid #1e3852;border-radius:10px;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#b8cae0}
.progress{height:9px;background:#0a1422;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#15a9ef,#50e2aa)}
code{background:#07101d;padding:2px 5px;border-radius:5px}.tag{font-size:12px;padding:3px 7px;border-radius:8px;background:#1b3048}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:800px){.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3{grid-column:span 12}.form-row{grid-template-columns:1fr}.navlinks{gap:10px;font-size:13px}.range-row{grid-template-columns:1fr}.big-rate{font-size:42px}.topbar{align-items:flex-start}.grid{gap:12px}}
.frame-holder{height:1px;width:1px;overflow:hidden;position:absolute;left:-9999px;top:-9999px}
.small{font-size:12px}pre{white-space:pre-wrap;background:#07101d;border:1px solid #203950;border-radius:10px;padding:12px;overflow:auto}


/* v4.2.9 visual refresh */
.mining-shell{max-width:1080px;margin:0 auto}
.mining-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative;background:
radial-gradient(circle at top right,rgba(39,194,255,.15),transparent 34%),
radial-gradient(circle at bottom left,rgba(66,211,146,.12),transparent 28%),
linear-gradient(180deg,#101c2f,#0d1829)}
.mining-hero:before{content:"";position:absolute;inset:auto -10% -40% auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(39,194,255,.16),transparent 65%);filter:blur(10px);pointer-events:none}
.hero-copy{max-width:720px;position:relative;z-index:1}
.hero-copy h1{margin:8px 0 10px;font-size:clamp(34px,6vw,56px);line-height:1.02}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #2c4d6d;border-radius:999px;background:#0c1727;color:#d8e8ff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.pulse-dot{width:10px;height:10px;border-radius:999px;background:#496174;box-shadow:0 0 0 0 rgba(66,211,146,0)}
.pulse-dot.active{background:#42d392;animation:pulseGlow 1.6s infinite}
@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(66,211,146,.6)}70%{box-shadow:0 0 0 12px rgba(66,211,146,0)}100%{box-shadow:0 0 0 0 rgba(66,211,146,0)}}
.status-orb{display:grid;place-items:center;width:170px;height:170px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#173552,#0b1626 70%);border:1px solid #244463;box-shadow:inset 0 0 30px rgba(255,255,255,.04),0 0 0 rgba(39,194,255,0);transition:all .3s ease}
.status-orb.active{box-shadow:inset 0 0 30px rgba(255,255,255,.04),0 0 30px rgba(39,194,255,.25),0 0 60px rgba(66,211,146,.10)}
.status-orb-inner{width:122px;height:122px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle,#12243a,#0b1523 72%);border:1px solid #2d4b6a;text-align:center;padding:10px;font-weight:800;color:#fff}
.metric-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.hash-super{font-size:clamp(54px,9vw,86px);line-height:.95;font-weight:950;letter-spacing:-3px;margin-top:10px;text-shadow:0 0 26px rgba(39,194,255,.15)}
.hash-unit{color:#a2b8d2;margin-top:8px}
.hash-side-badge{align-self:flex-start;padding:9px 14px;border-radius:999px;border:1px solid #335a7f;background:#0d1b2d;font-weight:800}
.power-meter{margin-top:18px}
.power-meter-labels{display:flex;justify-content:space-between;color:#b8cae0;font-size:13px;margin-bottom:8px}
.progress-hero{height:14px;background:#091220;border:1px solid #1f3b59}
.progress-hero>span{width:0;background:linear-gradient(90deg,#17aef0,#3cc9ff 45%,#50e2aa)}
.visualizer-wrap{margin-top:18px;padding:14px 12px;border:1px solid #1c3551;border-radius:16px;background:linear-gradient(180deg,#0a1422,#0b1626)}
.visualizer{height:96px;display:grid;grid-template-columns:repeat(24,1fr);gap:6px;align-items:end}
.viz-bar{display:block;height:10%;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#60e4ff,#1997ea);transition:height .35s ease,opacity .35s ease;opacity:.35}
.mining-main-card{position:relative;overflow:hidden}
.mining-main-card:after{content:"";position:absolute;inset:auto -12% -28% auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(66,211,146,.08),transparent 68%);pointer-events:none}
.mining-side-stack{display:grid;gap:14px}
.mini-stat{padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#0d1a2c,#0a1524);border:1px solid #1f3d5c}
.mini-stat-value{font-size:28px;font-weight:900;margin-top:6px;letter-spacing:-1px}
.mini-stat-value small{font-size:14px;color:#9fb2c8}
.pill-row{display:flex;gap:8px;flex-wrap:wrap}
.control-card{display:grid;gap:16px}
.controls-inline{justify-content:flex-start}
.btn-lg{padding:13px 18px;font-size:15px}
.settings-card .alert{margin-bottom:0}
.frame-holder{height:1px;width:1px;overflow:hidden;position:absolute;left:-9999px;top:-9999px}
body.mining-live .mining-main-card{box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 0 1px rgba(39,194,255,.08),0 0 35px rgba(39,194,255,.08)}
body.mining-live .hash-super{text-shadow:0 0 34px rgba(39,194,255,.24)}
body.mining-live .topbar{border-bottom-color:#20496c}
@media(max-width:900px){
  .mining-hero{flex-direction:column;align-items:flex-start}
  .hero-side{width:100%;display:flex;justify-content:center}
  .metric-head{flex-direction:column}
  .status-orb{width:140px;height:140px}
  .status-orb-inner{width:102px;height:102px}
}


/* v4.3.0 animated miner scene */
.mining-scene-card{margin:16px 0 18px;background:radial-gradient(circle at 85% 30%,rgba(39,194,255,.10),transparent 22%),linear-gradient(180deg,#0e1b2e,#0b1626)}
.scene-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.scene-title{margin:4px 0 0}
.scene-caption{padding:8px 12px;border-radius:999px;border:1px solid #294c70;background:#0a1728;color:#dbeaff;font-weight:700;font-size:13px}
.mining-scene{position:relative;border:1px solid #1f3957;border-radius:18px;background:linear-gradient(180deg,#0a1422,#0b182a 50%,#09111d);overflow:hidden;padding:8px 10px}
.mining-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03),transparent 22%),radial-gradient(circle at 78% 30%,rgba(39,194,255,.08),transparent 20%);pointer-events:none}
.miner-svg{display:block;width:100%;height:auto;max-height:250px}
.scene-shadow{fill:rgba(0,0,0,.32)}
.miner-helmet{fill:#f4bc2c}.miner-face{fill:#ebc1a4}.miner-lamp{fill:#fff6aa}.miner-shirt{fill:#2b88ea}.miner-arm{fill:#d6a98a}.miner-leg{fill:#42556f}.miner-boot{fill:#162130}.pickaxe-stick{fill:#8d6a47}.pickaxe-head{fill:#d3d9e2}
.rock-main{stroke:#395778;stroke-width:2}.rock-back{opacity:.95}.rock-edge{fill:none;stroke:#496987;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.spark{fill:#6fe5ff;opacity:0;transform-origin:center center}.dust{fill:#89a5bd;opacity:0;transform-origin:center center}
.pickaxe-arm{transform-origin:176px 122px;animation:pickSwingIdle 2.4s ease-in-out infinite}.miner-body{animation:minerBob 2.4s ease-in-out infinite}
@keyframes minerBob{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
@keyframes pickSwingIdle{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(6deg)}}
body.mining-live .pickaxe-arm{animation:pickSwingWork .8s ease-in-out infinite}
body.mining-live .miner-body{animation:minerBobWork .8s ease-in-out infinite}
@keyframes minerBobWork{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes pickSwingWork{0%{transform:rotate(-34deg)}45%{transform:rotate(18deg)}100%{transform:rotate(-34deg)}}
body.mining-live .spark-1{animation:sparkBurst 0.8s linear infinite .05s}
body.mining-live .spark-2{animation:sparkBurst 0.8s linear infinite .18s}
body.mining-live .spark-3{animation:sparkBurst 0.8s linear infinite .3s}
body.mining-live .dust-1{animation:dustPuff 0.8s ease-out infinite .08s}
body.mining-live .dust-2{animation:dustPuff 0.8s ease-out infinite .22s}
body.mining-live .dust-3{animation:dustPuff 0.8s ease-out infinite .34s}
@keyframes sparkBurst{0%{opacity:0;transform:scale(.4) translate(0,0)}20%{opacity:1}100%{opacity:0;transform:scale(1.8) translate(12px,-14px)}}
@keyframes dustPuff{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:.45}100%{opacity:0;transform:translate(-8px,-16px) scale(1.4)}}
body.mining-live .rock-group{filter:drop-shadow(0 0 10px rgba(39,194,255,.12))}
body.mining-live .mining-scene{box-shadow:inset 0 0 20px rgba(39,194,255,.04),0 0 24px rgba(39,194,255,.06)}
@media(max-width:800px){.scene-header{flex-direction:column;align-items:flex-start}.scene-caption{font-size:12px}}


/* v4.3.2 mobile-first mining page */
.mining-shell-mobile{max-width:1080px;margin:0 auto}
.mining-cockpit-card{padding:18px;overflow:hidden;background:
 radial-gradient(circle at top right,rgba(39,194,255,.14),transparent 25%),
 radial-gradient(circle at bottom left,rgba(66,211,146,.09),transparent 26%),
 linear-gradient(180deg,#0d1828,#0a1524 52%,#0a1421)}
.compact-hero-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.compact-title{margin:8px 0 0;font-size:clamp(28px,6vw,42px);line-height:1.02}
.compact-eyebrow{font-size:12px;padding:7px 11px}
.compact-status-orb{width:108px;height:108px;flex:0 0 auto}
.compact-status-inner{width:76px;height:76px;font-size:13px}
.compact-meta-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.mini-pill{padding:8px 10px;font-size:12px;line-height:1.2;display:flex;justify-content:space-between;gap:8px;min-width:0}
.compact-cockpit-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:14px;align-items:stretch}
.mining-scene-panel,.hash-focus-panel{background:linear-gradient(180deg,rgba(12,25,42,.9),rgba(9,19,32,.92));border:1px solid #1d3958;border-radius:18px;padding:14px;min-width:0}
.compact-scene-head{margin-bottom:8px}.compact-scene-title{font-weight:800;font-size:18px;margin-top:2px}
.compact-scene{padding:6px 8px;min-height:190px;display:flex;align-items:center}
.hash-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.compact-hash{font-size:clamp(46px,10vw,72px);margin-top:6px;letter-spacing:-2px}
.progress-block{margin-top:10px}
.compact-viz-wrap{margin-top:12px;padding:10px;border-radius:14px}.compact-visualizer{height:68px;gap:4px}
.compact-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.compact-mini-stat{padding:12px 12px 11px;border-radius:14px}
.compact-mini-value{font-size:22px;margin-top:4px}.compact-algo{font-size:16px;line-height:1.1;word-break:break-word}
.compact-controls-area{margin-top:14px;padding:14px;border:1px solid #1e3956;border-radius:18px;background:linear-gradient(180deg,rgba(10,21,35,.85),rgba(7,16,28,.92));display:grid;gap:12px}
.compact-range-row{grid-template-columns:105px 1fr 58px;gap:10px}.compact-range-row label{font-size:14px}
.compact-allocation-row{display:flex;gap:8px;flex-wrap:wrap}.fee-pill{border-color:#375d7d}
.fee-details{border:1px solid #25435f;border-radius:12px;background:#0b1727;padding:10px 12px}
.fee-details summary{cursor:pointer;font-weight:700;color:#e6f0ff}
.fee-copy{margin-top:8px}
.compact-consent{padding:10px 12px;border-radius:14px;background:#0b1727;border:1px solid #1f3956}
.compact-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:10px;z-index:5}
.action-btn{min-height:52px;border-radius:14px;font-size:16px}
.compact-note-row{display:flex;justify-content:center}.mini-note{font-size:12px;color:#9db3cb}
.compact-msg{margin:0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.mining-live .mining-cockpit-card{box-shadow:0 18px 52px rgba(0,0,0,.30),0 0 0 1px rgba(39,194,255,.08),0 0 32px rgba(39,194,255,.08)}
body.mining-live .compact-action-bar{filter:drop-shadow(0 8px 18px rgba(39,194,255,.08))}
@media(max-width:980px){
  .compact-meta-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-cockpit-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
  .container{padding:0 12px;margin:16px auto 28px}
  .mining-cockpit-card{padding:14px;border-radius:20px}
  .compact-hero-row{align-items:center;margin-bottom:10px}
  .compact-title{font-size:28px}
  .compact-status-orb{width:84px;height:84px}
  .compact-status-inner{width:58px;height:58px;font-size:11px}
  .compact-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .mini-pill{font-size:11px;padding:7px 9px}
  .mining-scene-panel,.hash-focus-panel,.compact-controls-area{padding:12px}
  .compact-scene{min-height:145px;padding:4px 6px}
  .miner-svg{max-height:150px}
  .compact-hash{font-size:48px}
  .hash-side-badge{padding:7px 10px;font-size:12px}
  .compact-viz-wrap{padding:8px}.compact-visualizer{height:54px;gap:3px}
  .compact-mini-stat{padding:10px 10px 9px}.compact-mini-value{font-size:18px}
  .compact-range-row{grid-template-columns:1fr;gap:8px}.compact-range-row strong{justify-self:end}
  .compact-action-bar{bottom:6px}
  .action-btn{min-height:50px}
}
@media(max-width:480px){
  .compact-title{font-size:24px}
  .compact-hero-row{gap:10px}
  .compact-status-orb{width:74px;height:74px}
  .compact-status-inner{width:50px;height:50px;font-size:10px}
  .compact-hash{font-size:42px}
  .compact-meta-row{gap:6px}
  .scene-caption{font-size:11px;padding:6px 9px}
  .compact-mini-value{font-size:16px}
  .compact-action-bar{grid-template-columns:1fr 1fr;gap:8px}
}


/* v4.3.3 immersive fullscreen mining */
.immersive-tools-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.immersive-btn{padding:10px 14px;border-radius:12px;font-size:14px}
.immersive-hint{font-size:12px;color:#9cb4cd}
.immersive-exit{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:12px;z-index:90;border:1px solid #315c7d;background:#0a1627;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.35)}
body.mining-immersive .topbar,
body.mining-immersive footer{display:none}
body.mining-immersive .container{max-width:none;margin:0;padding:0}
body.mining-immersive .mining-shell-mobile{max-width:none}
body.mining-immersive .mining-cockpit-card{min-height:100dvh;border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(env(safe-area-inset-bottom,0px) + 16px)}
body.mining-immersive .compact-cockpit-grid{grid-template-columns:1fr;gap:12px}
body.mining-immersive .compact-scene{min-height:180px}
body.mining-immersive .miner-svg{max-height:180px}
body.mining-immersive .compact-action-bar{position:sticky;bottom:0;padding-top:6px;background:linear-gradient(180deg,rgba(10,21,35,0),rgba(10,21,35,.95) 35%,rgba(10,21,35,1))}
body.mining-immersive .compact-note-row{padding-bottom:8px}
body.mining-immersive .compact-title{font-size:24px}
body.mining-immersive .compact-meta-row{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:901px){
  body.mining-immersive .container{padding:10px 10px 16px}
  body.mining-immersive .mining-cockpit-card{min-height:100vh;border-radius:22px;border:1px solid #1b3550}
  body.mining-immersive .compact-cockpit-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .immersive-tools-row{margin-bottom:10px}
  .immersive-btn{width:100%;justify-content:center}
  body.mining-immersive .compact-meta-row{gap:6px}
  body.mining-immersive .compact-hash{font-size:44px}
  body.mining-immersive .compact-scene{min-height:132px}
  body.mining-immersive .miner-svg{max-height:132px}
}


/* v4.3.4 zero-scroll phone mining UI */
.phone-miner{display:none}
.phone-hidden-values{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.mobile-top-error{max-width:520px;margin:8px auto;padding:9px 12px;border:1px solid #7f3045;background:#351523;border-radius:10px;color:#fff}
.phone-miner-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;flex:0 0 44px}
.phone-back,.phone-icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid #274761;background:#0a1728;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:800;padding:0}
.phone-icon-btn{font-size:19px;cursor:pointer}
.phone-live-badge{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #284c6b;background:#0a1727;border-radius:999px;font-size:13px;font-weight:800}
.phone-miner-stage{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px}
.phone-scene{position:relative;min-height:0;border:1px solid #1e3956;border-radius:18px;background:radial-gradient(circle at 74% 28%,rgba(39,194,255,.09),transparent 23%),linear-gradient(180deg,#0a1422,#0b182a 54%,#09111d);overflow:hidden;display:grid;place-items:center;padding:4px 8px}
.phone-miner-svg{width:100%;height:100%;max-height:100%;object-fit:contain}
.phone-scene-caption{position:absolute;left:10px;bottom:8px;padding:5px 9px;border-radius:999px;background:rgba(7,16,29,.82);border:1px solid #254765;color:#d9eaff;font-size:10px;font-weight:750;backdrop-filter:blur(8px)}
.phone-hash-block{text-align:center;padding:3px 8px 0}
.phone-hash-label{font-size:10px;letter-spacing:.12em;color:#91a9c3;font-weight:800}
.phone-hash-value{font-size:clamp(44px,13vw,68px);line-height:.98;font-weight:950;letter-spacing:-3px;text-shadow:0 0 28px rgba(39,194,255,.18)}
.phone-hash-value small{font-size:13px;letter-spacing:0;color:#a5bad1}
.phone-hash-bottom{display:flex;justify-content:space-between;font-size:10px;color:#9fb3ca;margin:2px 2px 4px}
.phone-progress{height:8px;border:1px solid #1e3b58;background:#08121e}
.phone-visualizer{height:34px;display:grid;grid-template-columns:repeat(24,1fr);gap:3px;align-items:end;padding:0 6px}
.phone-controls{display:grid;gap:7px;min-height:0}
.phone-cpu-row{display:grid;grid-template-columns:34px 1fr 42px;align-items:center;gap:8px;background:#0a1727;border:1px solid #203d5b;border-radius:13px;padding:7px 9px;font-size:12px;font-weight:800}
.phone-cpu-row input{margin:0;padding:0}
.phone-quick-row{display:grid;grid-template-columns:70px 1fr 70px;gap:7px;align-items:center}
.phone-tab-btn{height:36px;border:1px solid #2b4e6c;background:#0c1929;color:#ddecff;border-radius:11px;font-weight:800}
.phone-status-chip{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #23435f;background:#0a1625;border-radius:11px;padding:8px 7px;font-size:11px;color:#b7c9dc}
.phone-consent{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.2;color:#dbe7f5;padding:6px 8px}
.phone-consent input{width:18px;height:18px;margin:0;flex:0 0 auto}
.phone-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.phone-action{height:48px;border-radius:14px;font-size:15px}
.phone-message{padding:7px 9px;border:1px solid #7f3045;background:#351523;border-radius:10px;color:#fff;font-size:11px;max-height:45px;overflow:hidden}
.phone-sheet{position:fixed;inset:0;z-index:100;pointer-events:none}
.phone-sheet[hidden]{display:none}
.phone-sheet-backdrop{position:absolute;inset:0;background:rgba(2,7,13,.66);opacity:0;transition:opacity .18s ease;backdrop-filter:blur(3px)}
.phone-sheet-panel{position:absolute;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);transform:translateY(110%);transition:transform .18s ease;border:1px solid #294967;background:linear-gradient(180deg,#0d1b2d,#091523);border-radius:20px;padding:14px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.phone-sheet.open{pointer-events:auto}.phone-sheet.open .phone-sheet-backdrop{opacity:1}.phone-sheet.open .phone-sheet-panel{transform:translateY(0)}
.phone-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.phone-sheet-close{width:34px;height:34px;border-radius:10px;border:1px solid #294c68;background:#0b1727;color:#fff;font-size:23px}
.phone-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-sheet-grid>div,.phone-detail-list>div{border:1px solid #1f3b57;background:#091725;border-radius:13px;padding:10px;display:flex;justify-content:space-between;gap:8px;align-items:center}.phone-sheet-grid span,.phone-detail-list span{color:#98aec6;font-size:11px}.phone-sheet-grid b,.phone-detail-list b{font-size:13px}
.phone-detail-list{display:grid;gap:7px}.phone-fee-copy{margin-top:10px;color:#9fb3c9;font-size:11px;line-height:1.35}.phone-fee-copy p{margin:6px 0}
body.mining-page .immersive-exit{font-size:12px;padding:8px 11px}
@media(max-width:900px){
  body.mining-page{overflow:hidden;height:100dvh;background:#07101d}
  body.mining-page .topbar,body.mining-page footer{display:none!important}
  body.mining-page .container{height:100dvh;max-width:none;margin:0;padding:0!important;overflow:hidden}
  body.mining-page .phone-miner{display:grid;height:100dvh;grid-template-rows:44px minmax(0,1fr) auto;gap:7px;padding:calc(env(safe-area-inset-top,0px) + 7px) 9px calc(env(safe-area-inset-bottom,0px) + 7px);background:radial-gradient(circle at 80% 5%,rgba(39,194,255,.10),transparent 25%),linear-gradient(180deg,#081320,#07101d)}
  body.mining-page .mobile-top-error{position:fixed;z-index:120;top:6px;left:8px;right:8px;margin:0;font-size:11px}
  body.mining-page .frame-holder{position:absolute;left:-9999px;top:-9999px}
  body.mining-page .immersive-exit{top:calc(env(safe-area-inset-top,0px) + 8px);right:9px}
  body.mining-page.mining-immersive .phone-miner{padding-top:calc(env(safe-area-inset-top,0px) + 7px)}
}
@media(max-width:430px) and (max-height:760px){
  .phone-miner-head{height:38px;flex-basis:38px}
  .phone-back,.phone-icon-btn{width:34px;height:34px;border-radius:10px}
  .phone-live-badge{padding:6px 10px;font-size:11px}
  body.mining-page .phone-miner{grid-template-rows:38px minmax(0,1fr) auto;gap:5px;padding:calc(env(safe-area-inset-top,0px) + 5px) 7px calc(env(safe-area-inset-bottom,0px) + 5px)}
  .phone-miner-stage{gap:5px}.phone-scene-caption{font-size:9px;bottom:5px}.phone-hash-value{font-size:40px}.phone-visualizer{height:26px}
  .phone-controls{gap:5px}.phone-cpu-row{padding:5px 8px}.phone-quick-row{grid-template-columns:64px 1fr 64px}.phone-tab-btn{height:32px}.phone-status-chip{padding:6px 5px}.phone-consent{font-size:10px;padding:4px 6px}.phone-action{height:43px}
}
@media(min-width:901px){
  .phone-miner{display:none!important}
}


/* v4.3.5 desktop Mining restore
   v4.3.4 intentionally uses the compact phone UI below 900px.
   Above 900px the same functional DOM becomes a wide desktop cockpit. */
@media(min-width:901px){
  body.mining-page .phone-miner{
    display:grid!important;
    width:min(1120px,100%);
    margin:0 auto;
    padding:20px;
    gap:16px;
    grid-template-rows:auto auto auto;
    border:1px solid #203b58;
    border-radius:24px;
    background:
      radial-gradient(circle at 82% 10%,rgba(39,194,255,.10),transparent 26%),
      radial-gradient(circle at 8% 92%,rgba(66,211,146,.06),transparent 23%),
      linear-gradient(180deg,#0c1829,#091421);
    box-shadow:0 24px 70px rgba(0,0,0,.28);
  }

  body.mining-page .phone-miner-head{
    height:auto;
    min-height:48px;
    padding-bottom:2px;
  }

  body.mining-page .phone-back{
    display:none;
  }

  body.mining-page .phone-live-badge{
    font-size:14px;
    padding:9px 15px;
  }

  body.mining-page .phone-icon-btn{
    width:auto;
    min-width:44px;
    padding:0 14px;
  }

  body.mining-page .phone-miner-stage{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
    grid-template-rows:auto auto;
    gap:16px;
    min-height:430px;
  }

  body.mining-page .phone-scene{
    grid-column:1;
    grid-row:1 / span 2;
    min-height:430px;
    padding:16px;
    border-radius:20px;
  }

  body.mining-page .phone-miner-svg{
    max-height:390px;
  }

  body.mining-page .phone-scene-caption{
    left:18px;
    bottom:16px;
    font-size:12px;
    padding:7px 12px;
  }

  body.mining-page .phone-hash-block{
    grid-column:2;
    grid-row:1;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
    padding:24px;
    border:1px solid #1e3956;
    border-radius:20px;
    background:
      radial-gradient(circle at 80% 20%,rgba(39,194,255,.10),transparent 30%),
      linear-gradient(180deg,#0b1828,#091522);
  }

  body.mining-page .phone-hash-label{
    font-size:12px;
  }

  body.mining-page .phone-hash-value{
    font-size:clamp(66px,7vw,100px);
    margin:8px 0;
  }

  body.mining-page .phone-hash-bottom{
    font-size:12px;
    margin-top:8px;
  }

  body.mining-page .phone-progress{
    height:12px;
  }

  body.mining-page .phone-visualizer{
    grid-column:2;
    grid-row:2;
    height:120px;
    padding:18px 16px;
    gap:5px;
    border:1px solid #1e3956;
    border-radius:20px;
    background:linear-gradient(180deg,#0b1828,#091522);
  }

  body.mining-page .phone-controls{
    display:grid;
    grid-template-columns:minmax(300px,1.2fr) minmax(280px,.8fr);
    grid-template-areas:
      "cpu quick"
      "consent actions"
      "message message";
    gap:12px 16px;
    align-items:center;
    padding:16px;
    border:1px solid #1e3956;
    border-radius:20px;
    background:linear-gradient(180deg,#0b1726,#08131f);
  }

  body.mining-page .phone-cpu-row{
    grid-area:cpu;
    grid-template-columns:50px 1fr 58px;
    min-height:52px;
    padding:10px 13px;
    font-size:14px;
  }

  body.mining-page .phone-quick-row{
    grid-area:quick;
    grid-template-columns:90px 1fr 90px;
  }

  body.mining-page .phone-tab-btn{
    height:46px;
    font-size:13px;
    cursor:pointer;
  }

  body.mining-page .phone-status-chip{
    padding:12px 9px;
    font-size:12px;
  }

  body.mining-page .phone-consent{
    grid-area:consent;
    font-size:13px;
    padding:10px 12px;
  }

  body.mining-page .phone-action-row{
    grid-area:actions;
  }

  body.mining-page .phone-action{
    height:52px;
    font-size:16px;
    cursor:pointer;
  }

  body.mining-page .phone-message{
    grid-area:message;
    max-height:none;
  }

  body.mining-page .phone-sheet-panel{
    left:50%;
    right:auto;
    width:min(560px,calc(100vw - 40px));
    transform:translate(-50%,110%);
  }

  body.mining-page .phone-sheet.open .phone-sheet-panel{
    transform:translate(-50%,0);
  }

  body.mining-page.mining-immersive .phone-miner{
    width:min(1180px,calc(100% - 24px));
    min-height:calc(100vh - 24px);
    margin:12px auto;
  }

  body.mining-page.mining-immersive .phone-miner-stage{
    min-height:calc(100vh - 250px);
  }

  body.mining-page.mining-immersive .phone-scene{
    min-height:calc(100vh - 250px);
  }
}


/* v4.3.7 thermal / CPU pressure */
.thermal-inline{
  white-space:nowrap;
  color:#9fb3ca;
}
.thermal-inline b{
  font-weight:850;
}
#thermalState[data-pressure="unknown"]{color:#9fb3ca}
#thermalState[data-pressure="unavailable"]{color:#778da5}
#thermalState[data-pressure="nominal"]{color:#50e2aa}
#thermalState[data-pressure="fair"]{color:#77d8ff}
#thermalState[data-pressure="serious"]{color:#ffc45f}
#thermalState[data-pressure="critical"]{
  color:#ff667d;
  text-shadow:0 0 12px rgba(255,102,125,.25);
}
body[data-pressure-state="serious"] .phone-hash-block{
  box-shadow:0 0 0 1px rgba(255,196,95,.15);
}
body[data-pressure-state="critical"] .phone-hash-block{
  box-shadow:
    0 0 0 1px rgba(255,102,125,.22),
    0 0 24px rgba(255,102,125,.08);
}
.pressure-note{
  margin-top:10px;
  padding:9px 10px;
  border:1px solid #24425f;
  border-radius:11px;
  background:#091522;
  color:#91a8c0;
  font-size:10px;
  line-height:1.4;
}
@media(max-width:430px){
  .phone-hash-bottom{
    font-size:9px;
  }
  .thermal-inline{
    max-width:44%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


/* v4.3.8 homepage refresh */
.home-shell{display:grid;gap:18px}
.home-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:22px;
  align-items:center;
  padding:28px;
  background:
    radial-gradient(circle at 82% 16%,rgba(39,194,255,.12),transparent 24%),
    radial-gradient(circle at 6% 92%,rgba(66,211,146,.07),transparent 22%),
    linear-gradient(180deg,#0f1b2d,#0b1524 54%,#0a1320);
}
.home-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid #2a4d70;
  border-radius:999px;
  background:#0a1728;
  color:#dce9fb;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.home-hero h1{
  margin:14px 0 12px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.03em;
}
.home-lead{
  max-width:680px;
  margin:0;
  color:#a7bbd4;
  font-size:18px;
  line-height:1.6;
}
.home-cta-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
.home-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.home-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid #284865;
  background:#0c1829;
  color:#dce9fb;
  font-size:12px;
  font-weight:700;
}
.home-hero-preview{min-width:0}
.preview-shell{
  border:1px solid #24425f;
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 18%,rgba(39,194,255,.12),transparent 24%),
    linear-gradient(180deg,#0c1829,#091421);
  box-shadow:0 20px 60px rgba(0,0,0,.26);
}
.preview-top{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  border-bottom:1px solid #183249;
  background:#0a1524;
}
.preview-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  background:#35516d;
}
.preview-dot:nth-child(1){background:#ff6a7d}
.preview-dot:nth-child(2){background:#ffc45f}
.preview-dot:nth-child(3){background:#4de09e}
.preview-label{
  margin-left:8px;
  color:#9bb2cb;
  font-size:12px;
  font-weight:700;
}
.preview-main{padding:18px}
.preview-rate-card{
  padding:18px;
  border:1px solid #1e3b59;
  border-radius:18px;
  background:linear-gradient(180deg,#0d1a2c,#0a1523);
}
.preview-eyebrow{color:#9bb2cb;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.preview-rate{
  font-size:clamp(48px,7vw,82px);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.05em;
  margin-top:8px;
  text-shadow:0 0 24px rgba(39,194,255,.16);
}
.preview-unit{color:#9bb2cb;margin-top:6px}
.preview-side-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.preview-mini{
  padding:12px 13px;
  border:1px solid #1d3957;
  border-radius:14px;
  background:#0b1727;
  display:grid;
  gap:3px;
}
.preview-mini span{font-size:12px;color:#96abc3}
.preview-mini strong{font-size:16px}
.preview-bars{
  margin-top:14px;
  height:88px;
  display:grid;
  grid-template-columns:repeat(16,1fr);
  gap:5px;
  align-items:end;
  padding:14px 10px;
  border:1px solid #1d3957;
  border-radius:16px;
  background:linear-gradient(180deg,#0a1422,#091320);
}
.preview-bars span{
  display:block;
  border-radius:10px 10px 0 0;
  background:linear-gradient(180deg,#63e3ff,#1a98ea);
  opacity:.9;
}
.preview-bars span:nth-child(1){height:32%}
.preview-bars span:nth-child(2){height:46%}
.preview-bars span:nth-child(3){height:55%}
.preview-bars span:nth-child(4){height:41%}
.preview-bars span:nth-child(5){height:60%}
.preview-bars span:nth-child(6){height:72%}
.preview-bars span:nth-child(7){height:58%}
.preview-bars span:nth-child(8){height:82%}
.preview-bars span:nth-child(9){height:66%}
.preview-bars span:nth-child(10){height:52%}
.preview-bars span:nth-child(11){height:76%}
.preview-bars span:nth-child(12){height:69%}
.preview-bars span:nth-child(13){height:86%}
.preview-bars span:nth-child(14){height:64%}
.preview-bars span:nth-child(15){height:48%}
.preview-bars span:nth-child(16){height:73%}
.preview-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.home-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.home-feature-card{
  padding:22px;
}
.home-feature-title{
  font-size:18px;
  font-weight:850;
  margin-bottom:8px;
}
.home-strip-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:16px;
}
.home-section-label{
  color:#9fc3df;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.home-operator-card h2{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.02em;
}
.home-clean-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.home-clean-list li{
  position:relative;
  padding-left:18px;
  color:#d7e5f6;
}
.home-clean-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#50e2aa;
}
.home-steps-card{display:grid;gap:12px}
.home-step{
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:start;
  gap:10px;
  padding:13px 14px;
  border:1px solid #1e3956;
  border-radius:14px;
  background:#0b1727;
}
.home-step b{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#12263d;
  color:#fff;
}
@media(max-width:1020px){
  .home-hero{grid-template-columns:1fr}
  .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-strip-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
  .home-hero{padding:18px;gap:16px}
  .home-lead{font-size:16px}
  .home-grid{grid-template-columns:1fr}
  .preview-main{padding:14px}
  .preview-rate-card{padding:14px}
}
@media(max-width:520px){
  .home-hero h1{font-size:32px}
  .home-cta-row{display:grid;grid-template-columns:1fr;gap:10px}
  .preview-side-grid{grid-template-columns:1fr 1fr}
  .preview-actions{grid-template-columns:1fr 1fr}
}


/* v4.3.9 miner-focused homepage */
.home-miner-focus-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
}
.home-earn-card,
.home-profit-card{
  padding:24px;
}
.home-earn-card h2,
.home-profit-card h2{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.02em;
}
.home-earn-copy{
  margin:0;
  color:#a8bdd4;
  font-size:16px;
  line-height:1.6;
}
.home-earn-points{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.home-earn-points>div{
  display:grid;
  gap:3px;
  padding:13px 14px;
  border:1px solid #1e3956;
  border-radius:14px;
  background:#0b1727;
}
.home-earn-points strong{font-size:15px}
.home-earn-points span{
  color:#97adc5;
  font-size:13px;
}
.home-wide-cta{
  width:100%;
  min-height:48px;
}
.earning-factor{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid #1c344d;
}
.earning-factor:last-of-type{border-bottom:0}
.earning-num{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#10243a;
  color:#65dfff;
  font-size:12px;
  font-weight:850;
}
.earning-factor strong{font-size:15px}
.earning-factor p{
  margin:3px 0 0;
  color:#96abc3;
  font-size:13px;
  line-height:1.45;
}
.home-profit-note{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid #294864;
  border-radius:12px;
  background:#0a1727;
  color:#b8cbe0;
  font-size:12px;
  line-height:1.45;
}
.home-steps-wide{padding:22px}
.home-steps-horizontal{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
@media(max-width:900px){
  .home-miner-focus-grid{grid-template-columns:1fr}
  .home-steps-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .home-earn-card,
  .home-profit-card{padding:18px}
  .home-earn-card h2,
  .home-profit-card h2{font-size:25px}
  .home-steps-horizontal{grid-template-columns:1fr}
}


/* v4.4.0 multi-device account stats + estimated balance */
.account-live-strip{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) .55fr minmax(0,.9fr);
  gap:5px;
  margin-top:7px;
}
.account-live-item{
  min-width:0;
  padding:6px 7px;
  border:1px solid #1d3956;
  border-radius:10px;
  background:#091624;
  display:grid;
  gap:1px;
  text-align:left;
}
.account-live-item span{
  color:#8fa7bf;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-live-item b{
  color:#edf6ff;
  font-size:10px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.balance-item b{
  color:#63e6ad;
}
.balance-sheet-item{
  grid-column:1 / -1;
}
.balance-disclaimer{
  border-color:#2c526d;
}
.balance-metric{
  display:flex;
  gap:7px;
  align-items:baseline;
  font-size:26px;
}
.balance-metric small{
  font-size:12px;
  color:#91a8c0;
}
@media(max-width:430px){
  .account-live-strip{gap:4px;margin-top:5px}
  .account-live-item{padding:4px 5px;border-radius:8px}
  .account-live-item span{font-size:7px}
  .account-live-item b{font-size:9px}
}
@media(max-width:430px) and (max-height:760px){
  .phone-visualizer{height:22px}
  .account-live-strip{margin-top:3px}
  .account-live-item{padding:3px 5px}
}
@media(min-width:901px){
  body.mining-page .account-live-strip{
    margin-top:14px;
    gap:8px;
  }
  body.mining-page .account-live-item{
    padding:10px 12px;
    border-radius:12px;
  }
  body.mining-page .account-live-item span{
    font-size:9px;
  }
  body.mining-page .account-live-item b{
    font-size:13px;
  }
}


/* v4.4.1 homepage phone preview + platform totals */
.phone-preview-wrap{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
}
.phone-preview-glow{
  position:absolute;
  inset:auto 12% 8% 12%;
  height:160px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(39,194,255,.18),transparent 66%);
  filter:blur(12px);
}
.phone-preview-device{
  position:relative;
  width:min(330px,100%);
  min-height:570px;
  border-radius:38px;
  padding:12px;
  background:
    linear-gradient(180deg,#10233a,#091220);
  border:1px solid #335778;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03);
}
.phone-preview-notch{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:110px;
  height:18px;
  border-radius:0 0 14px 14px;
  background:#08111d;
  border:1px solid #14283c;
  border-top:0;
  z-index:2;
}
.phone-preview-screen{
  min-height:546px;
  border-radius:30px;
  padding:22px 16px 16px;
  background:
    radial-gradient(circle at 88% 12%,rgba(39,194,255,.11),transparent 18%),
    linear-gradient(180deg,#0d1a2b,#091321);
  border:1px solid #17334a;
  display:grid;
  grid-template-rows:auto auto auto 1fr auto;
  gap:12px;
}
.phone-preview-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.phone-preview-badge,
.phone-preview-status{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.phone-preview-badge{
  border:1px solid #244d70;
  background:#0a1728;
  color:#dce9fb;
}
.phone-preview-status{
  background:rgba(77,224,158,.13);
  color:#61e1a8;
  border:1px solid rgba(77,224,158,.24);
}
.phone-preview-panel{
  padding:18px 16px;
  border-radius:20px;
  border:1px solid #20415d;
  background:linear-gradient(180deg,#0d1b2d,#0a1523);
}
.phone-preview-label{
  color:#9db6d0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.phone-preview-panel strong{
  display:block;
  margin-top:8px;
  font-size:68px;
  line-height:.92;
  font-weight:950;
  letter-spacing:-.05em;
  text-shadow:0 0 24px rgba(39,194,255,.15);
}
.phone-preview-panel small{
  display:block;
  margin-top:8px;
  color:#9db6d0;
  font-size:18px;
}
.phone-preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.phone-preview-mini{
  padding:12px;
  border-radius:16px;
  border:1px solid #1d3956;
  background:#0b1727;
  display:grid;
  gap:4px;
}
.phone-preview-mini span{
  font-size:11px;
  color:#96abc3;
}
.phone-preview-mini b{
  font-size:17px;
}
.phone-preview-meter{
  align-self:end;
  height:110px;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:6px;
  align-items:end;
  padding:14px 12px;
  border-radius:18px;
  border:1px solid #1d3957;
  background:linear-gradient(180deg,#0a1422,#091320);
}
.phone-preview-meter i{
  display:block;
  border-radius:12px 12px 0 0;
  background:linear-gradient(180deg,#63e3ff,#1a98ea);
  opacity:.92;
}
.phone-preview-meter i:nth-child(1){height:22%}
.phone-preview-meter i:nth-child(2){height:35%}
.phone-preview-meter i:nth-child(3){height:46%}
.phone-preview-meter i:nth-child(4){height:27%}
.phone-preview-meter i:nth-child(5){height:49%}
.phone-preview-meter i:nth-child(6){height:58%}
.phone-preview-meter i:nth-child(7){height:41%}
.phone-preview-meter i:nth-child(8){height:65%}
.phone-preview-meter i:nth-child(9){height:54%}
.phone-preview-meter i:nth-child(10){height:32%}
.phone-preview-meter i:nth-child(11){height:61%}
.phone-preview-meter i:nth-child(12){height:73%}
.phone-preview-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.home-platform-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.home-platform-card{
  padding:24px;
  background:
    radial-gradient(circle at 86% 14%,rgba(39,194,255,.09),transparent 18%),
    linear-gradient(180deg,#0e1a2c,#0a1320);
}
.home-platform-big{
  font-size:clamp(38px,6vw,68px);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.05em;
  margin-top:8px;
}
.home-platform-unit{
  margin-top:10px;
  color:#dce9fb;
  font-size:15px;
  font-weight:700;
}
.home-platform-sub{
  margin-top:8px;
  color:#97adc5;
  font-size:13px;
  line-height:1.55;
}
@media(max-width:1020px){
  .phone-preview-wrap{min-height:0}
  .phone-preview-device{width:min(350px,100%);min-height:560px}
  .home-platform-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
  .phone-preview-device{
    width:min(320px,100%);
    min-height:540px;
  }
  .phone-preview-screen{
    min-height:516px;
  }
}
@media(max-width:520px){
  .home-hero-preview{
    order:-1;
  }
  .phone-preview-device{
    width:min(300px,100%);
    min-height:510px;
    border-radius:32px;
  }
  .phone-preview-screen{
    min-height:488px;
    padding:20px 14px 14px;
  }
  .phone-preview-panel strong{
    font-size:56px;
  }
  .home-platform-card{
    padding:18px;
  }
}


/* v4.4.2 verified public stats + real withdrawal history */
.home-withdrawals-card{
  padding:24px;
}
.home-withdrawals-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.home-withdrawals-head h2{
  margin:0;
  font-size:30px;
  letter-spacing:-.02em;
}
.home-payout-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.home-payout-summary>div{
  min-width:130px;
  padding:10px 12px;
  border:1px solid #1f3b58;
  border-radius:13px;
  background:#0a1727;
  display:grid;
  gap:2px;
}
.home-payout-summary span{
  color:#91a8c0;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.home-payout-summary strong{
  font-size:15px;
}
.home-withdrawal-list{
  display:grid;
  gap:8px;
}
.home-withdrawal-row{
  display:grid;
  grid-template-columns:minmax(150px,.8fr) minmax(240px,1.4fr) minmax(145px,.7fr);
  gap:14px;
  align-items:center;
  padding:13px 14px;
  border:1px solid #1d3956;
  border-radius:14px;
  background:#0a1626;
  color:#edf5ff;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.home-withdrawal-row:hover{
  transform:translateY(-1px);
  border-color:#315b7d;
  background:#0d1b2d;
}
.withdrawal-label,
.withdrawal-tx span{
  display:block;
  color:#8fa6bf;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:3px;
}
.withdrawal-tx code{
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.withdrawal-time{
  color:#9db1c8;
  font-size:12px;
  text-align:right;
}
.home-empty-payouts{
  padding:28px 16px;
  border:1px dashed #2a4865;
  border-radius:15px;
  color:#91a8c0;
  text-align:center;
  background:#091522;
}
@media(max-width:800px){
  .home-withdrawals-head{
    display:grid;
  }
  .home-payout-summary{
    justify-content:stretch;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .home-withdrawal-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .withdrawal-time{
    text-align:left;
  }
}
@media(max-width:520px){
  .home-withdrawals-card{
    padding:18px;
  }
  .home-withdrawals-head h2{
    font-size:25px;
  }
}


/* v4.4.3 published payout editor */
.withdrawal-note{
  display:block;
  margin-top:5px;
  color:#8099b2;
  font-size:10px;
  line-height:1.35;
}


/* v4.4.4 bulk payout import */
.bulk-report-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:18px;
}
.bulk-report-grid>div{
  padding:12px;
  border:1px solid #1e3956;
  border-radius:12px;
  background:#0a1727;
  display:grid;
  gap:4px;
}
.bulk-report-grid span{
  color:#91a8c0;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.bulk-report-grid b{
  font-size:20px;
}
@media(max-width:900px){
  .bulk-report-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .bulk-report-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* v4.4.6 withdrawals */
.withdraw-balance-card{
  display:grid;
  gap:5px;
  padding:18px;
  border:1px solid #244563;
  border-radius:16px;
  background:
    radial-gradient(circle at 85% 20%,rgba(77,224,158,.08),transparent 24%),
    #0a1727;
  margin:14px 0 10px;
}
.withdraw-balance-card span{
  color:#91a8c0;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.withdraw-balance-card strong{
  font-size:31px;
  letter-spacing:-.02em;
}
.withdraw-balance-card small{
  font-size:13px;
  color:#9db1c8;
}
.withdraw-minimum{
  padding:10px 12px;
  border-radius:12px;
  background:#0a1524;
  border:1px solid #1e3956;
  margin-bottom:14px;
  color:#b8cbe0;
}
.withdraw-status{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  border:1px solid #31516d;
  background:#0b182a;
}
.status-pending{
  color:#ffc45f;
  border-color:#72572d;
}
.status-approved{
  color:#67dfff;
  border-color:#2f6075;
}
.status-paid{
  color:#54e2a2;
  border-color:#286b50;
}
.status-rejected{
  color:#ff8293;
  border-color:#7f3045;
}
.withdraw-admin-actions summary{
  cursor:pointer;
  color:#6fd7ff;
  font-weight:700;
}
.withdraw-admin-box{
  display:grid;
  gap:9px;
  min-width:260px;
  margin-top:9px;
  padding:10px;
  border:1px solid #24425f;
  border-radius:12px;
  background:#091522;
}
.withdraw-admin-box form{
  display:grid;
  gap:6px;
}
.withdraw-admin-box input{
  margin:0;
}


/* v4.4.7 payout pagination + display transaction count */.payout-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:16px;
  flex-wrap:wrap;
}
.payout-page-numbers{
  display:flex;
  gap:6px;
  align-items:center;
}
.payout-page-btn{
  min-width:38px;
  height:38px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #244563;
  border-radius:11px;
  background:#0a1727;
  color:#dce9fb;
  font-size:12px;
  font-weight:800;
}
.payout-page-btn:hover{
  border-color:#3a6a8e;
  background:#0d1c2e;
}
.payout-page-btn.active{
  background:#16885c;
  border-color:#1fa06f;
  color:#fff;
}
.payout-page-summary{
  margin-top:9px;
  color:#839bb4;
  font-size:11px;
  text-align:center;
}
.payout-admin-count-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0 14px;
}
.payout-admin-count-grid>div{
  padding:11px 12px;
  border:1px solid #1e3956;
  border-radius:12px;
  background:#0a1727;
  display:grid;
  gap:3px;
}
.payout-admin-count-grid span{
  color:#91a8c0;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.payout-admin-count-grid b{
  font-size:20px;
}
@media(max-width:520px){
  .payout-pagination{
    gap:6px;
  }
  .payout-page-btn{
    min-width:34px;
    height:34px;
    padding:0 9px;
  }
  .payout-admin-count-grid{
    grid-template-columns:1fr;
  }
}


/* v4.5.0 homepage approximate hash motion */
#platformTotalHashPower{
  font-variant-numeric:tabular-nums;
  transition:
    transform .28s ease,
    text-shadow .28s ease;
}
#platformTotalHashPower:hover{
  transform:translateY(-1px);
  text-shadow:0 0 26px rgba(39,194,255,.16);
}


/* v4.5.1 professional footer + public pages */
.site-footer{
  margin-top:44px;
  padding:0 18px 30px;
  text-align:left;
  color:var(--muted);
}
.footer-inner{
  max-width:1180px;
  margin:0 auto;
  padding:24px 0 0;
  border-top:1px solid #1b344e;
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);
  gap:22px;
  align-items:start;
}
.footer-brand-block{
  display:grid;
  gap:5px;
}
.footer-brand{
  color:#eef5ff;
  font-size:16px;
  font-weight:850;
}
.footer-tagline{
  color:#7f97b0;
  font-size:12px;
}
.footer-links{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px 18px;
}
.footer-links a{
  color:#a8bdd4;
  font-size:13px;
  font-weight:700;
}
.footer-links a:hover{
  color:#fff;
}
.footer-bottom{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:8px;
  padding-top:16px;
  border-top:1px solid #12283c;
  color:#7189a2;
  font-size:11px;
}
.footer-dot{
  opacity:.55;
}
.public-page{
  display:grid;
  gap:16px;
}
.public-page-hero{
  padding:28px;
}
.public-page-hero h1{
  margin:0 0 9px;
  font-size:clamp(30px,5vw,48px);
  letter-spacing:-.03em;
}
.public-page-hero p{
  max-width:720px;
  margin:0;
  color:#9eb4cc;
  font-size:16px;
  line-height:1.6;
}
.public-info-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.public-info-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.public-info-card{
  padding:21px;
}
.public-info-card h3{
  margin:12px 0 6px;
  font-size:18px;
}
.public-info-card p{
  margin:0;
  color:#94abc3;
  line-height:1.55;
  font-size:13px;
}
.public-step{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#10243a;
  color:#67dfff;
  font-size:12px;
  font-weight:900;
}
.public-stat-value{
  font-size:34px;
  font-weight:950;
  letter-spacing:-.04em;
  color:#edf5ff;
}
.public-cta-card{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
.public-copy-card{
  padding:24px;
}
.public-copy-card h2{
  margin:0 0 12px;
}
.public-flow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:18px 0;
  flex-wrap:wrap;
}
.public-flow span{
  padding:8px 12px;
  border:1px solid #24445f;
  border-radius:999px;
  background:#0a1727;
  font-size:12px;
  font-weight:800;
}
.public-flow i{
  width:34px;
  height:1px;
  background:#315775;
}
.faq-list{
  display:grid;
  gap:10px;
}
.faq-item{
  border:1px solid #1f3a57;
  border-radius:14px;
  background:#0b1727;
  padding:0 16px;
}
.faq-item summary{
  cursor:pointer;
  padding:16px 0;
  color:#eaf3ff;
  font-weight:800;
}
.faq-item p{
  margin:0;
  padding:0 0 16px;
  color:#94abc3;
  line-height:1.55;
}
.legal-copy h2{
  margin:24px 0 8px;
  font-size:18px;
}
.legal-copy h2:first-child{
  margin-top:0;
}
.legal-copy p{
  color:#97aec7;
  line-height:1.65;
}
@media(max-width:900px){
  .footer-inner{
    grid-template-columns:1fr;
  }
  .footer-links{
    justify-content:flex-start;
  }
  .public-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .site-footer{
    padding:0 14px 24px;
  }
  .footer-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .footer-bottom{
    flex-wrap:wrap;
  }
  .public-page-hero,
  .public-copy-card{
    padding:19px;
  }
  .public-info-grid,
  .public-info-grid-2{
    grid-template-columns:1fr;
  }
}



/* v4.5.3 selectable themes */
:root,
body[data-theme="electric_cyan"]{
  --theme-bg-1:#06101d;
  --theme-bg-2:#0b1426;
  --theme-bg-3:#08111f;
  --theme-panel:#101c2f;
  --theme-panel-deep:#0d1829;
  --theme-panel-soft:#16243a;
  --theme-text:#eef5ff;
  --theme-muted:#93a4bd;
  --theme-accent:#27c2ff;
  --theme-accent-2:#22d3ee;
  --theme-accent-soft:rgba(39,194,255,.14);
  --theme-link:#6fd7ff;
  --theme-line:#27425e;
  --theme-btn:#1e9dda;
  --theme-btn-secondary:#283950;
  --theme-good:#42d392;
  --theme-good-btn:#16885c;
  --theme-danger:#ff667d;
}

body[data-theme="emerald"]{
  --theme-bg-1:#061510;
  --theme-bg-2:#0a1b18;
  --theme-bg-3:#07130f;
  --theme-panel:#0d211b;
  --theme-panel-deep:#091a16;
  --theme-panel-soft:#153329;
  --theme-text:#effff8;
  --theme-muted:#91b8a8;
  --theme-accent:#34d399;
  --theme-accent-2:#22c55e;
  --theme-accent-soft:rgba(52,211,153,.14);
  --theme-link:#6ee7b7;
  --theme-line:#245443;
  --theme-btn:#159568;
  --theme-btn-secondary:#26463b;
  --theme-good:#5ee7a5;
  --theme-good-btn:#14845c;
  --theme-danger:#fb7185;
}

body[data-theme="violet"]{
  --theme-bg-1:#0c0918;
  --theme-bg-2:#151026;
  --theme-bg-3:#0d0a19;
  --theme-panel:#17132b;
  --theme-panel-deep:#120f23;
  --theme-panel-soft:#292044;
  --theme-text:#f7f2ff;
  --theme-muted:#aaa0c4;
  --theme-accent:#a78bfa;
  --theme-accent-2:#8b5cf6;
  --theme-accent-soft:rgba(167,139,250,.15);
  --theme-link:#c4b5fd;
  --theme-line:#493c70;
  --theme-btn:#7657d8;
  --theme-btn-secondary:#39304e;
  --theme-good:#5ee7a5;
  --theme-good-btn:#16845e;
  --theme-danger:#fb7185;
}

body[data-theme="sapphire"]{
  --theme-bg-1:#07101d;
  --theme-bg-2:#09172b;
  --theme-bg-3:#07111f;
  --theme-panel:#0d1d35;
  --theme-panel-deep:#0a172b;
  --theme-panel-soft:#172e51;
  --theme-text:#eff6ff;
  --theme-muted:#94a9c6;
  --theme-accent:#60a5fa;
  --theme-accent-2:#3b82f6;
  --theme-accent-soft:rgba(96,165,250,.15);
  --theme-link:#93c5fd;
  --theme-line:#294f7b;
  --theme-btn:#2563c9;
  --theme-btn-secondary:#283c59;
  --theme-good:#4ade80;
  --theme-good-btn:#16845c;
  --theme-danger:#fb7185;
}

body[data-theme="gold"]{
  --theme-bg-1:#141006;
  --theme-bg-2:#201807;
  --theme-bg-3:#120e05;
  --theme-panel:#241b0c;
  --theme-panel-deep:#1a1409;
  --theme-panel-soft:#3a2b12;
  --theme-text:#fff9e8;
  --theme-muted:#c0ad80;
  --theme-accent:#facc15;
  --theme-accent-2:#eab308;
  --theme-accent-soft:rgba(250,204,21,.13);
  --theme-link:#fde047;
  --theme-line:#665323;
  --theme-btn:#c98d0b;
  --theme-btn-secondary:#4c4025;
  --theme-good:#6ee7a8;
  --theme-good-btn:#16845c;
  --theme-danger:#fb7185;
}

body[data-theme="monero"]{
  --theme-bg-1:#140b07;
  --theme-bg-2:#21110b;
  --theme-bg-3:#120a07;
  --theme-panel:#24130e;
  --theme-panel-deep:#1b0f0b;
  --theme-panel-soft:#3b2118;
  --theme-text:#fff5ef;
  --theme-muted:#c4a493;
  --theme-accent:#ff6600;
  --theme-accent-2:#f97316;
  --theme-accent-soft:rgba(255,102,0,.14);
  --theme-link:#fb923c;
  --theme-line:#673923;
  --theme-btn:#d95a0b;
  --theme-btn-secondary:#4c3328;
  --theme-good:#5ee7a5;
  --theme-good-btn:#16845c;
  --theme-danger:#fb7185;
}

/* Map original global variables to selected theme */
body{
  --bg:var(--theme-bg-3);
  --panel:var(--theme-panel);
  --panel2:var(--theme-panel-soft);
  --text:var(--theme-text);
  --muted:var(--theme-muted);
  --accent:var(--theme-accent);
  --good:var(--theme-good);
  --bad:var(--theme-danger);
  --line:var(--theme-line);

  background:
    radial-gradient(
      circle at 80% 0%,
      var(--theme-accent-soft),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      var(--theme-bg-1),
      var(--theme-bg-2) 60%,
      var(--theme-bg-3)
    );
  color:var(--theme-text);
}

body a{
  color:var(--theme-link);
}

body .topbar{
  background:color-mix(
    in srgb,
    var(--theme-bg-1) 92%,
    transparent
  );
  border-bottom-color:
    color-mix(
      in srgb,
      var(--theme-line) 72%,
      transparent
    );
}

body .card{
  background:
    radial-gradient(
      circle at 92% 6%,
      var(--theme-accent-soft),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
  border-color:var(--theme-line);
}

body .btn{
  background:var(--theme-btn);
}

body .btn.secondary{
  background:var(--theme-btn-secondary);
}

body .btn.good{
  background:var(--theme-good-btn);
}

body input,
body select,
body textarea{
  background:
    color-mix(
      in srgb,
      var(--theme-bg-3) 85%,
      #000 15%
    );
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 88%,
      var(--theme-accent) 12%
    );
}

body input:focus,
body select:focus,
body textarea:focus{
  border-color:var(--theme-accent);
  box-shadow:
    0 0 0 3px
    color-mix(
      in srgb,
      var(--theme-accent) 12%,
      transparent
    );
}

body .alert{
  background:
    color-mix(
      in srgb,
      var(--theme-panel-soft) 75%,
      var(--theme-bg-3) 25%
    );
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 82%,
      var(--theme-accent) 18%
    );
}

body .pill,
body .tag{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 86%,
      var(--theme-accent) 14%
    );
}

body .progress>span,
body .progress-hero>span{
  background:
    linear-gradient(
      90deg,
      var(--theme-accent-2),
      var(--theme-accent),
      var(--theme-good)
    );
}

body .viz-bar,
body .preview-bars span,
body .phone-preview-meter i{
  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--theme-accent) 72%,
        #fff 28%
      ),
      var(--theme-accent-2)
    );
}

body .eyebrow,
body .home-kicker,
body .phone-preview-badge{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 65%,
      var(--theme-accent) 35%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-bg-3) 88%,
      var(--theme-accent) 12%
    );
}

body .home-platform-big,
body .preview-rate,
body .phone-preview-panel strong,
body .hash-super,
body .phone-hash-value{
  text-shadow:
    0 0 28px
    color-mix(
      in srgb,
      var(--theme-accent) 18%,
      transparent
    );
}

body .site-footer .footer-inner{
  border-top-color:var(--theme-line);
}

body .footer-bottom{
  border-top-color:
    color-mix(
      in srgb,
      var(--theme-line) 58%,
      transparent
    );
}

body .payout-page-btn.active{
  background:var(--theme-btn);
  border-color:var(--theme-accent);
}

body .phone-live-dot,
body .pulse-dot.active{
  background:var(--theme-good);
}

/* Admin theme selector */
.theme-picker{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0 16px;
}

.theme-option{
  display:block;
  cursor:pointer;
}

.theme-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.theme-option-inner{
  min-height:132px;
  padding:14px;
  border:1px solid var(--theme-line);
  border-radius:15px;
  background:
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
  display:grid;
  align-content:start;
  gap:6px;
  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease;
}

.theme-option:hover .theme-option-inner{
  transform:translateY(-2px);
  border-color:var(--theme-accent);
}

.theme-option input:checked + .theme-option-inner{
  border-color:var(--theme-accent);
  box-shadow:
    0 0 0 2px
    color-mix(
      in srgb,
      var(--theme-accent) 16%,
      transparent
    ),
    0 12px 30px rgba(0,0,0,.18);
}

.theme-swatch-row{
  display:flex;
  gap:5px;
  margin-bottom:4px;
}

.theme-swatch-row i{
  width:26px;
  height:9px;
  border-radius:999px;
}

.theme-option-inner strong{
  font-size:14px;
}

.theme-option-inner small{
  color:var(--theme-muted);
  line-height:1.35;
}

.theme-selected-mark{
  display:none;
  margin-top:4px;
  color:var(--theme-accent);
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.theme-option input:checked +
.theme-option-inner
.theme-selected-mark{
  display:block;
}

.theme-live-preview{
  margin:14px 0 22px;
  padding:16px;
  border:1px solid var(--theme-line);
  border-radius:16px;
  background:
    radial-gradient(
      circle at 82% 12%,
      var(--theme-accent-soft),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
}

.theme-live-preview-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--theme-muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.theme-preview-status{
  color:var(--theme-good);
}

.theme-preview-rate{
  margin-top:12px;
  font-size:42px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
}

.theme-preview-rate small{
  font-size:13px;
  color:var(--theme-muted);
}

.theme-preview-meter{
  height:9px;
  margin-top:14px;
  border-radius:999px;
  overflow:hidden;
  background:
    color-mix(
      in srgb,
      var(--theme-bg-3) 85%,
      #000 15%
    );
}

.theme-preview-meter i{
  display:block;
  width:68%;
  height:100%;
  background:
    linear-gradient(
      90deg,
      var(--theme-accent-2),
      var(--theme-accent),
      var(--theme-good)
    );
}

.theme-preview-actions{
  display:flex;
  gap:8px;
  align-items:center;
  margin-top:13px;
}

.theme-preview-button{
  padding:8px 12px;
  border-radius:9px;
  background:var(--theme-btn);
  color:#fff;
  font-size:11px;
  font-weight:800;
}

.theme-preview-chip{
  padding:7px 10px;
  border:1px solid var(--theme-line);
  border-radius:999px;
  color:var(--theme-accent);
  font-size:10px;
  font-weight:800;
}

@media(max-width:760px){
  .theme-picker{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:440px){
  .theme-picker{
    grid-template-columns:1fr;
  }

  .theme-option-inner{
    min-height:auto;
  }
}



/* v4.5.4 make primary action buttons follow the selected theme */
body[data-theme="electric_cyan"]{--theme-good-btn:#148fbd}
body[data-theme="emerald"]{--theme-good-btn:#16845c}
body[data-theme="violet"]{--theme-good-btn:#7657d8}
body[data-theme="sapphire"]{--theme-good-btn:#2563c9}
body[data-theme="gold"]{--theme-good-btn:#c58d09}
body[data-theme="monero"]{--theme-good-btn:#d95a0b}



/* ============================================================
   v4.5.4 FULL THEME COVERAGE
   Older components used fixed navy/cyan colors. These overrides
   make the selected Admin theme propagate through all major UI.
   ============================================================ */

/* Generic surfaces */
body table,
body th,
body td{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 82%,
      transparent
    );
}

body th{
  color:
    color-mix(
      in srgb,
      var(--theme-text) 70%,
      var(--theme-muted) 30%
    );
}

body code,
body pre,
body .log{
  background:
    color-mix(
      in srgb,
      var(--theme-bg-3) 90%,
      #000 10%
    );
  border-color:var(--theme-line);
}

body .tag,
body .pill{
  background:
    color-mix(
      in srgb,
      var(--theme-panel) 78%,
      var(--theme-accent) 22%
    );
  border-color:var(--theme-line);
}

body .btn.good{
  background:var(--theme-good-btn);
}

body .btn.secondary{
  background:
    color-mix(
      in srgb,
      var(--theme-panel-soft) 84%,
      var(--theme-accent) 16%
    );
  border:1px solid
    color-mix(
      in srgb,
      var(--theme-line) 82%,
      var(--theme-accent) 18%
    );
}

body .btn.danger{
  background:
    color-mix(
      in srgb,
      var(--theme-danger) 68%,
      #6f182b 32%
    );
}

/* Homepage hero and feature surfaces */
body .home-hero{
  background:
    radial-gradient(
      circle at 82% 16%,
      var(--theme-accent-soft),
      transparent 25%
    ),
    radial-gradient(
      circle at 7% 92%,
      color-mix(
        in srgb,
        var(--theme-accent) 7%,
        transparent
      ),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep) 55%,
      var(--theme-bg-3)
    );
  border-color:var(--theme-line);
}

body .home-lead,
body .home-platform-sub,
body .home-earn-copy,
body .home-earn-points span,
body .earning-factor p,
body .home-profit-note,
body .home-feature-card .muted{
  color:var(--theme-muted);
}

body .home-chip,
body .home-kicker{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 65%,
      var(--theme-accent) 35%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 84%,
      var(--theme-accent) 16%
    );
  color:var(--theme-text);
}

body .home-earn-points>div,
body .home-step,
body .home-profit-note{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 90%,
      var(--theme-accent) 10%
    );
}

body .earning-factor{
  border-bottom-color:
    color-mix(
      in srgb,
      var(--theme-line) 75%,
      transparent
    );
}

body .earning-num,
body .home-step b{
  background:
    color-mix(
      in srgb,
      var(--theme-panel-soft) 72%,
      var(--theme-accent) 28%
    );
  color:
    color-mix(
      in srgb,
      var(--theme-accent) 75%,
      #fff 25%
    );
}

/* Homepage phone preview */
body .phone-preview-glow{
  background:
    radial-gradient(
      circle,
      color-mix(
        in srgb,
        var(--theme-accent) 20%,
        transparent
      ),
      transparent 66%
    );
}

body .phone-preview-device{
  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--theme-panel-soft) 72%,
        var(--theme-bg-3) 28%
      ),
      var(--theme-bg-3)
    );
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 65%,
      var(--theme-accent) 35%
    );
}

body .phone-preview-notch{
  background:var(--theme-bg-3);
  border-color:var(--theme-line);
}

body .phone-preview-screen{
  background:
    radial-gradient(
      circle at 88% 12%,
      var(--theme-accent-soft),
      transparent 18%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel-deep),
      var(--theme-bg-3)
    );
  border-color:var(--theme-line);
}

body .phone-preview-badge{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 55%,
      var(--theme-accent) 45%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 78%,
      var(--theme-accent) 22%
    );
  color:var(--theme-text);
}

body .phone-preview-status{
  background:
    color-mix(
      in srgb,
      var(--theme-good) 13%,
      transparent
    );
  color:var(--theme-good);
  border-color:
    color-mix(
      in srgb,
      var(--theme-good) 35%,
      transparent
    );
}

body .phone-preview-panel,
body .phone-preview-mini,
body .phone-preview-meter{
  border-color:var(--theme-line);
  background:
    linear-gradient(
      180deg,
      var(--theme-panel-deep),
      color-mix(
        in srgb,
        var(--theme-bg-3) 94%,
        #000 6%
      )
    );
}

body .phone-preview-label,
body .phone-preview-panel small,
body .phone-preview-mini span{
  color:var(--theme-muted);
}

body .phone-preview-meter i{
  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--theme-accent) 70%,
        #fff 30%
      ),
      var(--theme-accent-2)
    );
}

/* Platform total cards */
body .home-platform-card{
  background:
    radial-gradient(
      circle at 86% 14%,
      var(--theme-accent-soft),
      transparent 19%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
  border-color:var(--theme-line);
}

body .home-platform-unit{
  color:var(--theme-text);
}

/* Payout activity */
body .home-withdrawals-card{
  background:
    radial-gradient(
      circle at 92% 5%,
      var(--theme-accent-soft),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
}

body .home-payout-summary>div,
body .home-withdrawal-row,
body .home-empty-payouts{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 92%,
      var(--theme-accent) 8%
    );
}

body .home-withdrawal-row{
  color:var(--theme-text);
}

body .home-withdrawal-row:hover{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 50%,
      var(--theme-accent) 50%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-panel) 82%,
      var(--theme-accent) 18%
    );
}

body .home-payout-summary span,
body .withdrawal-label,
body .withdrawal-tx span,
body .withdrawal-time,
body .withdrawal-note,
body .home-empty-payouts{
  color:var(--theme-muted);
}

body .payout-page-btn{
  border-color:var(--theme-line);
  background:var(--theme-panel-deep);
  color:var(--theme-text);
}

body .payout-page-btn:hover{
  border-color:var(--theme-accent);
  background:
    color-mix(
      in srgb,
      var(--theme-panel) 78%,
      var(--theme-accent) 22%
    );
}

/* Account live stats */
body .account-live-item{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 91%,
      var(--theme-accent) 9%
    );
}

body .account-live-item span{
  color:var(--theme-muted);
}

body .account-live-item b{
  color:var(--theme-text);
}

body .account-live-item.balance-item b{
  color:
    color-mix(
      in srgb,
      var(--theme-accent) 70%,
      var(--theme-good) 30%
    );
}

/* Withdrawal page */
body .withdraw-balance-card,
body .withdraw-minimum,
body .withdraw-admin-box{
  border-color:var(--theme-line);
  background:
    radial-gradient(
      circle at 85% 20%,
      var(--theme-accent-soft),
      transparent 24%
    ),
    var(--theme-panel-deep);
}

body .withdraw-balance-card span,
body .withdraw-minimum,
body .withdraw-balance-card small{
  color:var(--theme-muted);
}

body .withdraw-admin-actions summary{
  color:var(--theme-link);
}

/* Public pages / FAQ */
body .faq-item,
body .public-flow span{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 90%,
      var(--theme-accent) 10%
    );
}

body .faq-item p,
body .public-info-card p,
body .legal-copy p,
body .public-page-hero p{
  color:var(--theme-muted);
}

body .public-step{
  background:
    color-mix(
      in srgb,
      var(--theme-panel-soft) 72%,
      var(--theme-accent) 28%
    );
  color:var(--theme-accent);
}

body .public-flow i{
  background:var(--theme-line);
}

/* ------------------------------------------------------------
   MINING: complete mobile + desktop coverage
   ------------------------------------------------------------ */

body.mining-page{
  background:
    radial-gradient(
      circle at 80% 5%,
      var(--theme-accent-soft),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      var(--theme-bg-2),
      var(--theme-bg-3)
    );
}

body.mining-page .phone-miner{
  border-color:var(--theme-line);
  background:
    radial-gradient(
      circle at 82% 8%,
      var(--theme-accent-soft),
      transparent 27%
    ),
    radial-gradient(
      circle at 8% 92%,
      color-mix(
        in srgb,
        var(--theme-accent) 7%,
        transparent
      ),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-bg-3)
    );
}

body.mining-page .phone-back,
body.mining-page .phone-icon-btn,
body.mining-page .phone-live-badge{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 72%,
      var(--theme-accent) 28%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 84%,
      var(--theme-accent) 16%
    );
  color:var(--theme-text);
}

body.mining-page .phone-scene{
  border-color:var(--theme-line);
  background:
    radial-gradient(
      circle at 74% 28%,
      var(--theme-accent-soft),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel-deep),
      var(--theme-bg-3) 58%,
      color-mix(
        in srgb,
        var(--theme-bg-3) 92%,
        #000 8%
      )
    );
}

body.mining-page .phone-scene-caption{
  background:
    color-mix(
      in srgb,
      var(--theme-bg-3) 88%,
      transparent
    );
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 68%,
      var(--theme-accent) 32%
    );
  color:var(--theme-text);
}

body.mining-page .phone-hash-label,
body.mining-page .phone-hash-value small,
body.mining-page .phone-hash-bottom,
body.mining-page .phone-fee-copy{
  color:var(--theme-muted);
}

body.mining-page .phone-hash-value{
  color:var(--theme-text);
  text-shadow:
    0 0 30px
    color-mix(
      in srgb,
      var(--theme-accent) 20%,
      transparent
    );
}

body.mining-page .phone-progress{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-bg-3) 92%,
      #000 8%
    );
}

body.mining-page .phone-progress>span,
body.mining-page .progress>span{
  background:
    linear-gradient(
      90deg,
      var(--theme-accent-2),
      var(--theme-accent),
      color-mix(
        in srgb,
        var(--theme-accent) 58%,
        var(--theme-good) 42%
      )
    );
}

body.mining-page .phone-visualizer{
  border-color:var(--theme-line);
  background:
    linear-gradient(
      180deg,
      var(--theme-panel-deep),
      var(--theme-bg-3)
    );
}

body.mining-page .viz-bar{
  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--theme-accent) 68%,
        #fff 32%
      ),
      var(--theme-accent-2)
    );
}

body.mining-page .phone-controls,
body.mining-page .phone-cpu-row,
body.mining-page .phone-tab-btn,
body.mining-page .phone-status-chip,
body.mining-page .compact-consent,
body.mining-page .fee-details{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 90%,
      var(--theme-accent) 10%
    );
}

body.mining-page .phone-tab-btn,
body.mining-page .phone-status-chip,
body.mining-page .phone-consent,
body.mining-page .fee-details summary{
  color:var(--theme-text);
}

body.mining-page .phone-status-chip{
  color:
    color-mix(
      in srgb,
      var(--theme-text) 76%,
      var(--theme-muted) 24%
    );
}

body.mining-page .phone-sheet-panel{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 72%,
      var(--theme-accent) 28%
    );
  background:
    radial-gradient(
      circle at 86% 10%,
      var(--theme-accent-soft),
      transparent 22%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
}

body.mining-page .phone-sheet-close{
  border-color:var(--theme-line);
  background:var(--theme-panel-deep);
  color:var(--theme-text);
}

body.mining-page .phone-sheet-grid>div,
body.mining-page .phone-detail-list>div{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 91%,
      var(--theme-accent) 9%
    );
}

body.mining-page .phone-sheet-grid span,
body.mining-page .phone-detail-list span{
  color:var(--theme-muted);
}

body.mining-page .immersive-exit{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 82%,
      var(--theme-accent) 18%
    );
  color:var(--theme-text);
}

body.mining-page .hash-focus-panel,
body.mining-page .mining-scene-panel,
body.mining-page .compact-controls-area{
  border-color:var(--theme-line);
  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--theme-panel) 88%,
        var(--theme-accent) 12%
      ),
      var(--theme-panel-deep)
    );
}

body.mining-page .mini-stat,
body.mining-page .compact-mini-stat{
  border-color:var(--theme-line);
  background:
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
}

body.mining-page .hash-side-badge,
body.mining-page .scene-caption{
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 68%,
      var(--theme-accent) 32%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 82%,
      var(--theme-accent) 18%
    );
  color:var(--theme-text);
}

body.mining-page .status-orb{
  background:
    radial-gradient(
      circle at 30% 30%,
      color-mix(
        in srgb,
        var(--theme-panel-soft) 68%,
        var(--theme-accent) 32%
      ),
      var(--theme-panel-deep) 70%
    );
  border-color:var(--theme-line);
}

body.mining-page .status-orb-inner{
  background:
    radial-gradient(
      circle,
      var(--theme-panel),
      var(--theme-panel-deep) 72%
    );
  border-color:var(--theme-line);
}

body.mining-live .phone-miner,
body.mining-live .mining-cockpit-card,
body.mining-live .mining-main-card{
  box-shadow:
    0 20px 60px rgba(0,0,0,.28),
    0 0 0 1px
      color-mix(
        in srgb,
        var(--theme-accent) 12%,
        transparent
      ),
    0 0 38px
      color-mix(
        in srgb,
        var(--theme-accent) 10%,
        transparent
      );
}

/* Thermal component */
body .pressure-note{
  border-color:var(--theme-line);
  background:var(--theme-panel-deep);
  color:var(--theme-muted);
}

body #thermalState[data-pressure="fair"]{
  color:var(--theme-accent);
}

/* Footer */
body .footer-brand{
  color:var(--theme-text);
}

body .footer-tagline,
body .footer-bottom{
  color:var(--theme-muted);
}

body .footer-links a{
  color:
    color-mix(
      in srgb,
      var(--theme-text) 62%,
      var(--theme-muted) 38%
    );
}

body .footer-links a:hover{
  color:var(--theme-accent);
}

/* Admin and settings cards */
body .payout-admin-count-grid>div,
body .bulk-report-grid>div{
  border-color:var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 90%,
      var(--theme-accent) 10%
    );
}

body .payout-admin-count-grid span,
body .bulk-report-grid span{
  color:var(--theme-muted);
}

/* Mobile mining must override its legacy fixed full-screen background */
@media(max-width:900px){
  body.mining-page{
    background:
      linear-gradient(
        180deg,
        var(--theme-bg-2),
        var(--theme-bg-3)
      ) !important;
  }

  body.mining-page .phone-miner{
    background:
      radial-gradient(
        circle at 80% 5%,
        var(--theme-accent-soft),
        transparent 26%
      ),
      linear-gradient(
        180deg,
        var(--theme-panel-deep),
        var(--theme-bg-3)
      ) !important;
  }
}

/* Desktop mining cockpit must also override legacy fixed navy */
@media(min-width:901px){
  body.mining-page .phone-miner{
    border-color:var(--theme-line) !important;
    background:
      radial-gradient(
        circle at 82% 10%,
        var(--theme-accent-soft),
        transparent 27%
      ),
      radial-gradient(
        circle at 8% 92%,
        color-mix(
          in srgb,
          var(--theme-accent) 7%,
          transparent
        ),
        transparent 24%
      ),
      linear-gradient(
        180deg,
        var(--theme-panel),
        var(--theme-bg-3)
      ) !important;
  }

  body.mining-page .phone-hash-block,
  body.mining-page .phone-visualizer,
  body.mining-page .phone-controls{
    border-color:var(--theme-line) !important;
    background:
      radial-gradient(
        circle at 82% 14%,
        var(--theme-accent-soft),
        transparent 24%
      ),
      linear-gradient(
        180deg,
        var(--theme-panel-deep),
        var(--theme-bg-3)
      ) !important;
  }
}


/* v4.5.5 branding uploads */
.brand-with-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.brand-logo{
  display:block;
  width:auto;
  height:34px;
  object-fit:contain;
}

.footer-brand-with-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.footer-brand-logo{
  height:30px;
}

.branding-grid{
  margin:12px 0 18px;
}

.branding-card h4{
  margin:0 0 10px;
}

.branding-preview-wrap{
  min-height:90px;
  margin:10px 0;
  padding:14px;
  border:1px solid var(--theme-line);
  border-radius:16px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--theme-panel) 88%,var(--theme-accent) 12%),
      var(--theme-panel-deep)
    );
  display:flex;
  align-items:center;
  justify-content:center;
}

.branding-preview-icon-wrap{
  min-height:110px;
}

.branding-preview{
  display:block;
  max-width:100%;
  max-height:70px;
  object-fit:contain;
}

.branding-preview-icon{
  width:64px;
  height:64px;
  max-height:none;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}

.branding-empty{
  margin:10px 0;
  padding:18px;
  border:1px dashed var(--theme-line);
  border-radius:16px;
  color:var(--theme-muted);
  text-align:center;
}

.branding-check{
  margin-top:12px;
}

.topbar .brand span,
.footer-brand span{
  display:inline-block;
}

@media(max-width:680px){
  .brand-logo{
    height:28px;
  }

  .footer-brand-logo{
    height:26px;
  }
}


/* v4.5.6 cleaner uploaded-logo branding */
.brand-logo-only{
  gap:0;
}

.topbar .brand-logo{
  height:46px;
  max-width:260px;
  width:auto;
  object-fit:contain;
}

.footer-brand-logo{
  height:38px;
  max-width:240px;
  width:auto;
  object-fit:contain;
}

.topbar .brand-logo-only{
  min-height:46px;
}

.footer-brand-logo-only{
  min-height:38px;
}

@media(max-width:680px){
  .topbar .brand-logo{
    height:38px;
    max-width:210px;
  }

  .footer-brand-logo{
    height:32px;
    max-width:190px;
  }

  .topbar .brand-logo-only{
    min-height:38px;
  }
}


/* v4.5.7 desktop logo size refinement */
@media(min-width:681px){
  .topbar .brand-logo{
    height:58px;
    max-width:320px;
  }

  .topbar .brand-logo-only{
    min-height:58px;
  }
}


/* v4.5.8 SEO settings */
.seo-share-preview{
  min-height:160px;
}
.seo-share-image{
  max-height:150px;
}
.seo-endpoints{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0 20px;
}
.seo-endpoints>div{
  min-width:0;
  padding:12px;
  border:1px solid var(--theme-line);
  border-radius:12px;
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 90%,
      var(--theme-accent) 10%
    );
  display:grid;
  gap:5px;
}
.seo-endpoints span{
  color:var(--theme-muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.seo-endpoints code{
  overflow-wrap:anywhere;
}
@media(max-width:680px){
  .seo-endpoints{
    grid-template-columns:1fr;
  }
}


/* v4.5.9 automatic hashrate units */
.home-platform-hash-display{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin-top:8px;
  min-height:66px;
}

.home-platform-hash-display .home-platform-big{
  margin-top:0;
}

.home-platform-hash-unit{
  padding-bottom:7px;
  color:
    color-mix(
      in srgb,
      var(--theme-text) 72%,
      var(--theme-muted) 28%
    );
  font-size:clamp(17px,2vw,24px);
  font-weight:850;
  letter-spacing:-.02em;
  white-space:nowrap;
}

@media(max-width:520px){
  .home-platform-hash-display{
    gap:7px;
    min-height:52px;
  }

  .home-platform-hash-unit{
    padding-bottom:5px;
    font-size:16px;
  }
}


/* v4.6.0 password recovery */
.auth-card{
  max-width:520px;
  margin:auto;
}

.auth-intro{
  margin-top:-2px;
  margin-bottom:18px;
  line-height:1.55;
}

.auth-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
}

.auth-label-row label{
  margin:0;
}

.auth-label-row a,
.auth-links a{
  color:var(--theme-link);
  font-size:12px;
  font-weight:750;
}

.auth-links{
  margin-top:16px;
  text-align:center;
}

.auth-icon,
.auth-success-icon{
  width:58px;
  height:58px;
  margin-bottom:14px;
  display:grid;
  place-items:center;
  border-radius:17px;
  border:1px solid var(--theme-line);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-soft) 72%,
      var(--theme-accent) 28%
    );
  color:var(--theme-accent);
  font-size:27px;
  font-weight:950;
}

.auth-success-icon{
  color:var(--theme-good);
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 80%,
      var(--theme-good) 20%
    );
}

.password-recovery-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:12px 0 22px;
}

@media(max-width:560px){
  .auth-card{
    margin:0;
  }

  .password-recovery-actions{
    align-items:stretch;
    display:grid;
  }
}


/* v4.6.2 support tickets */
.support-page,
.support-thread-page{
  display:grid;
  gap:16px;
}

.support-hero{
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.support-hero h1,
.support-thread-title h1{
  margin:5px 0 8px;
}

.support-hero p{
  max-width:700px;
  margin:0;
  color:var(--theme-muted);
  line-height:1.55;
}

.support-hero-stats{
  display:flex;
  gap:8px;
}

.support-hero-stats>div{
  min-width:100px;
  padding:12px 14px;
  border:1px solid var(--theme-line);
  border-radius:14px;
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 88%,
      var(--theme-accent) 12%
    );
  display:grid;
  gap:3px;
}

.support-hero-stats span{
  color:var(--theme-muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.support-hero-stats b{
  font-size:23px;
}

.support-form-grid{
  gap:10px;
}

.support-ticket-list{
  display:grid;
  gap:8px;
}

.support-ticket-row{
  padding:14px;
  border:1px solid var(--theme-line);
  border-radius:14px;
  background:
    color-mix(
      in srgb,
      var(--theme-panel-deep) 91%,
      var(--theme-accent) 9%
    );
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:var(--theme-text);
  text-decoration:none;
  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease;
}

.support-ticket-row:hover{
  transform:translateY(-1px);
  border-color:
    color-mix(
      in srgb,
      var(--theme-line) 55%,
      var(--theme-accent) 45%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-panel) 82%,
      var(--theme-accent) 18%
    );
}

.support-ticket-main{
  min-width:0;
  display:grid;
  gap:4px;
}

.support-ticket-main strong{
  overflow-wrap:anywhere;
}

.support-ticket-id{
  color:var(--theme-accent);
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.support-ticket-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 10px;
  color:var(--theme-muted);
  font-size:11px;
}

.support-status,
.support-priority{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 9px;
  border:1px solid var(--theme-line);
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
}

.support-status.status-open{
  color:#ffd166;
  border-color:color-mix(in srgb,#ffd166 45%,var(--theme-line) 55%);
  background:color-mix(in srgb,#ffd166 9%,var(--theme-panel-deep) 91%);
}

.support-status.status-answered{
  color:var(--theme-accent);
  border-color:
    color-mix(
      in srgb,
      var(--theme-accent) 45%,
      var(--theme-line) 55%
    );
  background:
    color-mix(
      in srgb,
      var(--theme-accent) 9%,
      var(--theme-panel-deep) 91%
    );
}

.support-status.status-closed{
  color:var(--theme-muted);
}

.support-priority.priority-high{
  color:#ff8293;
}

.support-priority.priority-low{
  color:var(--theme-muted);
}

.support-empty{
  min-height:160px;
  display:grid;
  place-content:center;
  text-align:center;
  gap:5px;
  color:var(--theme-muted);
}

.support-empty strong{
  color:var(--theme-text);
}

.support-thread-top{
  padding:18px 20px;
  border:1px solid var(--theme-line);
  border-radius:17px;
  background:
    radial-gradient(
      circle at 90% 10%,
      var(--theme-accent-soft),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
}

.support-back{
  white-space:nowrap;
  font-weight:800;
}

.support-thread{
  display:grid;
  gap:10px;
}

.support-message{
  max-width:82%;
  padding:14px 16px;
  border:1px solid var(--theme-line);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.support-message-user{
  justify-self:end;
  background:
    color-mix(
      in srgb,
      var(--theme-accent) 15%,
      var(--theme-panel-deep) 85%
    );
}

.support-message-admin{
  justify-self:start;
  background:
    color-mix(
      in srgb,
      var(--theme-panel) 88%,
      var(--theme-accent) 12%
    );
}

.support-message-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:8px;
  font-size:11px;
}

.support-message-head span{
  color:var(--theme-muted);
}

.support-message-body{
  line-height:1.6;
  overflow-wrap:anywhere;
}

.support-reply-card{
  margin-top:10px;
}

.support-reply-actions{
  display:flex;
  gap:8px;
}

.support-close-form{
  margin-top:10px;
}

.support-closed-state{
  display:grid;
  gap:8px;
  justify-items:start;
}

.support-closed-state span{
  color:var(--theme-muted);
}

.support-admin-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.support-filters{
  margin:14px 0;
  display:flex;
  gap:8px;
  align-items:end;
  flex-wrap:wrap;
}

.support-filters select{
  width:auto;
  min-width:150px;
  margin:0;
}

.support-admin-sidebar{
  position:sticky;
  top:92px;
}

.support-admin-sidebar form{
  margin-top:18px;
}

.support-detail-row{
  padding:9px 0;
  border-bottom:1px solid var(--theme-line);
  display:grid;
  gap:3px;
}

.support-detail-row span{
  color:var(--theme-muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.support-detail-row b{
  overflow-wrap:anywhere;
}

@media(max-width:800px){
  .support-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-thread-top{
    grid-template-columns:1fr auto;
  }

  .support-back{
    grid-column:1/-1;
  }

  .support-message{
    max-width:94%;
  }

  .support-admin-sidebar{
    position:static;
  }
}

@media(max-width:520px){
  .support-hero-stats{
    width:100%;
  }

  .support-hero-stats>div{
    flex:1;
    min-width:0;
  }

  .support-ticket-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-message{
    max-width:100%;
  }

  .support-message-head{
    flex-direction:column;
    gap:3px;
  }

  .support-filters{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .support-filters select{
    width:100%;
    min-width:0;
  }
}


/* ============================================================
   v4.6.3 desktop layout fix
   The original grid omitted .col-5 and .col-7, so several pages
   collapsed to content-width cards on desktop.
   ============================================================ */

@media(min-width:1000px){
  .container{
    max-width:1240px;
  }

  /* Support */
  .support-main-grid{
    grid-template-columns:minmax(360px,5fr) minmax(0,7fr);
    gap:20px;
    align-items:start;
  }

  .support-main-grid>.col-5,
  .support-main-grid>.col-7{
    grid-column:auto;
  }

  .support-create-card{
    padding:24px;
  }

  .support-create-card textarea{
    min-height:190px;
    resize:vertical;
  }

  .support-ticket-list{
    gap:10px;
  }

  .support-ticket-row{
    padding:16px 18px;
  }

  .support-hero{
    padding:28px 30px;
  }

  .support-hero-stats>div{
    min-width:118px;
    padding:14px 16px;
  }

  /* Withdraw */
  .withdraw-page-grid{
    grid-template-columns:minmax(390px,5fr) minmax(0,7fr);
    gap:20px;
    align-items:start;
  }

  .withdraw-page-grid>.col-5,
  .withdraw-page-grid>.col-7{
    grid-column:auto;
  }

  .withdraw-form-card,
  .withdraw-history-card{
    padding:24px;
  }

  .withdraw-balance-card{
    padding:22px;
  }

  .withdraw-balance-card strong{
    font-size:36px;
  }

  .withdraw-history-card .table-wrap{
    min-height:210px;
  }

  .withdraw-history-card table{
    min-width:620px;
  }
}

/* Tablet keeps useful two-column proportions where space allows. */
@media(min-width:801px) and (max-width:999px){
  .support-main-grid,
  .withdraw-page-grid{
    gap:14px;
  }

  .support-create-card,
  .withdraw-form-card,
  .withdraw-history-card{
    padding:18px;
  }
}

/* Mobile stays single-column. */
@media(max-width:800px){
  .support-main-grid,
  .withdraw-page-grid{
    grid-template-columns:1fr;
  }

  .support-main-grid>.col-5,
  .support-main-grid>.col-7,
  .withdraw-page-grid>.col-5,
  .withdraw-page-grid>.col-7{
    grid-column:1;
  }

  .support-hero{
    padding:20px;
  }
}


/* ============================================================
   v4.6.4 clean miner
   Decorative farmer/farm animation removed entirely.
   The mining screen now focuses only on useful live metrics.
   ============================================================ */

.clean-miner-stage{
  grid-template-rows:minmax(0,1fr) auto;
}

.clean-hash-block{
  border:1px solid var(--theme-line);
  border-radius:18px;
  background:
    radial-gradient(
      circle at 82% 16%,
      var(--theme-accent-soft),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      var(--theme-panel),
      var(--theme-panel-deep)
    );
}

/* Mobile: large useful hash panel instead of decorative scene. */
@media(max-width:900px){
  body.mining-page .clean-miner-stage{
    grid-template-rows:minmax(0,1fr) auto;
    gap:8px;
  }

  body.mining-page .clean-hash-block{
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:14px 12px 12px;
    text-align:center;
  }

  body.mining-page .clean-hash-block .phone-hash-label{
    font-size:11px;
  }

  body.mining-page .clean-hash-block .phone-hash-value{
    font-size:clamp(52px,15vw,78px);
    margin:5px 0 3px;
  }

  body.mining-page .clean-hash-block .account-live-strip{
    margin-top:10px;
  }

  body.mining-page .phone-visualizer{
    height:58px;
    padding:8px 7px;
    border:1px solid var(--theme-line);
    border-radius:16px;
    background:
      linear-gradient(
        180deg,
        var(--theme-panel-deep),
        var(--theme-bg-3)
      );
  }
}

/* Very short phone screens stay zero-scroll. */
@media(max-width:430px) and (max-height:760px){
  body.mining-page .clean-hash-block{
    padding:8px 9px;
  }

  body.mining-page .clean-hash-block .phone-hash-value{
    font-size:44px;
  }

  body.mining-page .clean-hash-block .account-live-strip{
    margin-top:5px;
  }

  body.mining-page .phone-visualizer{
    height:40px;
    padding:5px 6px;
  }
}

/* Desktop: clean two-panel monitoring layout. */
@media(min-width:901px){
  body.mining-page .clean-miner-stage{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
    grid-template-rows:minmax(330px,auto);
    gap:16px;
    min-height:330px;
  }

  body.mining-page .clean-hash-block{
    grid-column:1;
    grid-row:1;
    min-height:330px;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:34px;
    text-align:left;
    border-radius:22px;
  }

  body.mining-page .clean-hash-block .phone-hash-label{
    font-size:13px;
    letter-spacing:.14em;
  }

  body.mining-page .clean-hash-block .phone-hash-value{
    font-size:clamp(78px,8vw,118px);
    margin:12px 0 8px;
  }

  body.mining-page .clean-hash-block .phone-hash-bottom{
    font-size:13px;
    margin:9px 2px 7px;
  }

  body.mining-page .clean-hash-block .phone-progress{
    height:12px;
  }

  body.mining-page .clean-hash-block .account-live-strip{
    margin-top:22px;
  }

  body.mining-page .phone-visualizer{
    grid-column:2;
    grid-row:1;
    height:auto;
    min-height:330px;
    padding:34px 22px;
    gap:6px;
    border:1px solid var(--theme-line);
    border-radius:22px;
    background:
      radial-gradient(
        circle at 70% 15%,
        var(--theme-accent-soft),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        var(--theme-panel),
        var(--theme-panel-deep)
      );
  }

  body.mining-page.mining-immersive .clean-miner-stage{
    min-height:calc(100vh - 250px);
    grid-template-rows:minmax(420px,1fr);
  }

  body.mining-page.mining-immersive .clean-hash-block,
  body.mining-page.mining-immersive .phone-visualizer{
    min-height:calc(100vh - 250px);
  }
}

/* Remove any old scene sizing rules from influencing immersive mode. */
body.mining-page.mining-immersive .phone-scene{
  display:none!important;
}