/* ==========================================================================
   Tallyhashs buyer dashboard (/account/). Loaded on that page only, after site.css.
   The look: obsidian panels with hairline rims, a metal "rights card", pearl numerals, mint used sparingly.
   Motion is transform and opacity only, so it stays smooth on integrated graphics.
   ========================================================================== */
.acct{position:relative;padding:30px 0 96px;min-height:72vh;
  --ac-hair:rgba(255,255,255,.085);
  --ac-well:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.022));
  --ac-well-rim:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.055);
  --ac-pearl:linear-gradient(180deg,#FFFFFF 14%,#E4F6EE 58%,#A9D9C3 100%);
  --ac-fill:linear-gradient(90deg,#11937F,#2FD08E 58%,#B9F8DC);
  --ac-bar-a:#B9F8DC;--ac-bar-b:#3DDC97;--ac-bar-c:#1FB8A0;--ac-line-a:#1FB8A0;--ac-line-b:#C9FBE3;
  --lg-solid:linear-gradient(180deg,rgba(27,31,29,.95),rgba(12,14,13,.96) 54%,rgba(17,20,19,.96));
  --lg-rim:inset 0 1px 0 rgba(255,255,255,.17),inset 0 0 0 1px rgba(255,255,255,.065);
  --lg-depth:0 34px 80px -40px rgba(0,0,0,.95),0 2px 10px -6px rgba(0,0,0,.55)}
:root[data-theme=light] .acct{
  --ac-hair:rgba(0,0,0,.085);
  --ac-well:linear-gradient(180deg,rgba(6,40,26,.028),rgba(6,40,26,.05));
  --ac-well-rim:inset 0 0 0 1px rgba(0,0,0,.06);
  --ac-pearl:linear-gradient(180deg,#0A130F,#14412D);
  --ac-fill:linear-gradient(90deg,#0B7F5C,#12A870 60%,#41D69A);
  --ac-bar-a:#3BCB93;--ac-bar-b:#12A870;--ac-bar-c:#0B7F5C;--ac-line-a:#0B7F5C;--ac-line-b:#2FC98D;
  --lg-solid:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.94) 50%,rgba(255,255,255,.97));
  --lg-rim:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(0,0,0,.06);
  --lg-depth:0 30px 70px -38px rgba(10,40,28,.32),0 2px 10px -6px rgba(10,40,28,.12)}
.acct-open #gate{display:none}
.acct-open .acct{min-height:100vh}
.acct>.backdrop{bottom:auto;height:min(100vh,960px)}

/* ---------- the rights card: anodised metal, engraved rosette, a sheen that follows the pointer ---------- */
.ac-stage{position:relative;min-width:0;perspective:1500px}
.ac-card{--rx:7deg;--ry:-11deg;--sx:24%;--sy:6%;
  --c-a:#12382B;--c-b:#081A13;--c-c:#020605;--c-hi:rgba(110,243,186,.30);--c-lo:rgba(20,170,150,.26);--c-glow:rgba(52,227,154,.40);--c-line:rgba(160,248,210,.26);
  --c-ink:#EEF7F2;--c-dim:rgba(238,247,242,.68);--c-foil:linear-gradient(100deg,#F4FFF9 0%,#A6F6D2 38%,#4FE0A4 68%,#22BFA4 100%);
  container-type:inline-size;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.586;border-radius:5.4%/8.56%;color:var(--c-ink);
  background:radial-gradient(120% 95% at 8% 0%,var(--c-hi),transparent 56%),radial-gradient(100% 120% at 100% 100%,var(--c-lo),transparent 62%),linear-gradient(135deg,var(--c-a),var(--c-b) 48%,var(--c-c));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 0 0 1px rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.6),0 30px 56px -22px rgba(0,0,0,.95),0 60px 90px -46px var(--c-glow);
  transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform 1s var(--ease-out);will-change:transform}
.ac-card.lit{transition-duration:.14s}
.ac-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.7;
  background:repeating-linear-gradient(96deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);
  -webkit-mask-image:linear-gradient(115deg,#000,transparent 72%);mask-image:linear-gradient(115deg,#000,transparent 72%)}
.ac-card::after{content:"";position:absolute;inset:-20% -60%;z-index:3;pointer-events:none;opacity:0;transform:translateX(-70%);
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%)}
.dash.in .ac-card::after,.gate .ac-card::after{animation:acGlint 1.6s var(--ease-out) .7s 1 backwards}
@keyframes acGlint{0%{transform:translateX(-70%);opacity:0}18%{opacity:1}100%{transform:translateX(70%);opacity:0}}
.ac-rosette{position:absolute;z-index:0;right:-36%;top:-66%;width:104%;aspect-ratio:1;fill:none;stroke:var(--c-line);stroke-width:.24;pointer-events:none}
.ac-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.7;mix-blend-mode:soft-light;transition:opacity .5s;
  background:radial-gradient(62% 84% at var(--sx) var(--sy),rgba(255,255,255,.34),transparent 62%)}
.ac-card.lit .ac-sheen{opacity:1}
.ac-card-in{position:absolute;inset:0;z-index:2;padding:6.4% 6.8% 6.2%;display:flex;flex-direction:column;font-size:15px;font-size:3.9cqw}
.ac-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}
.ac-card-brand{display:inline-flex;align-items:center;gap:.5em;font:600 1.02em/1 var(--font);letter-spacing:-.02em}
.ac-card-brand .brand-mark{width:1.5em;height:1.5em;flex:none;border-radius:.42em;filter:drop-shadow(0 .2em .5em rgba(52,227,154,.35))}
.ac-card-kind{text-align:right;font:600 .6em/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--c-dim)}
.ac-card-kind small{display:block;margin-top:.75em;font:inherit;letter-spacing:.16em;opacity:.82}
.ac-chip{position:absolute;left:6.8%;top:32%;width:11.6%;aspect-ratio:1.28;border-radius:16%/20%;
  background:linear-gradient(135deg,#EDF6F1,#9FB3AA 46%,#DDEBE4 70%,#8FA39A);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(0,0,0,.5)}
.ac-chip::before{content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(90deg,transparent 31%,rgba(0,0,0,.38) 31% 34%,transparent 34% 66%,rgba(0,0,0,.38) 66% 69%,transparent 69%),linear-gradient(0deg,transparent 31%,rgba(0,0,0,.38) 31% 35%,transparent 35% 65%,rgba(0,0,0,.38) 65% 69%,transparent 69%)}
.ac-chip::after{content:"";position:absolute;inset:31%;border-radius:18%;background:linear-gradient(135deg,#F3F9F6,#B8C8C0);box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.ac-card-mid{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:1em}
.ac-card-mid>b{font:600 2.3em/.95 var(--font);letter-spacing:-.04em;background:var(--c-foil);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.04em}
.ac-card-meta{display:grid;gap:.5em;justify-items:end;text-align:right;font:500 .8em/1 var(--mono);color:var(--c-ink);white-space:nowrap}
.ac-card-end{display:inline-flex;align-items:baseline;gap:.7em;color:var(--c-ink)}
.ac-card-end small{font:600 .7em/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c-dim)}
.ac-card-end b{font-weight:500}
.ac-card-key{display:block;margin-top:1em;font:500 .86em/1 var(--mono);letter-spacing:.15em;white-space:nowrap;color:var(--c-ink);text-shadow:0 1px 0 rgba(0,0,0,.65),0 -1px 0 rgba(255,255,255,.1)}
.gate .ac-card-key{margin-top:auto}
/* one finish per plan */
.ac-card[data-tier=spark]{--c-a:#262B2C;--c-b:#121516;--c-c:#060707;--c-hi:rgba(255,255,255,.17);--c-lo:rgba(94,240,178,.12);--c-glow:rgba(170,190,182,.26);--c-line:rgba(232,242,238,.2);--c-foil:linear-gradient(100deg,#FFFFFF,#D5E0DB 45%,#9FB0A8)}
.ac-card[data-tier=pulse]{--c-a:#0D2F30;--c-b:#061618;--c-c:#020707;--c-hi:rgba(110,231,220,.28);--c-lo:rgba(52,227,154,.18);--c-glow:rgba(45,200,190,.36);--c-line:rgba(150,240,232,.24);--c-foil:linear-gradient(100deg,#F1FFFD,#9FF0E6 40%,#3FD3C3 72%,#1FA3A8)}
.ac-card[data-tier=reactor]{--c-a:#17402B;--c-b:#082013;--c-c:#020806;--c-hi:rgba(160,250,170,.30);--c-lo:rgba(52,227,154,.24);--c-glow:rgba(70,230,140,.42)}
.ac-card[data-tier=array]{--c-a:#0E2536;--c-b:#07131D;--c-c:#02060A;--c-hi:rgba(124,200,255,.24);--c-lo:rgba(52,227,154,.22);--c-glow:rgba(60,190,200,.38);--c-line:rgba(170,225,250,.24);--c-foil:linear-gradient(100deg,#F3FBFF,#A9E3F4 38%,#5EE0C0 72%,#2BBFA4)}
.ac-card[data-tier=fusion]{--c-a:#F4F8F6;--c-b:#CCD6D1;--c-c:#93A199;--c-hi:rgba(255,255,255,.9);--c-lo:rgba(52,227,154,.22);--c-glow:rgba(200,225,214,.34);--c-line:rgba(8,60,40,.2);
  --c-ink:#0A1410;--c-dim:rgba(10,20,16,.68);--c-foil:linear-gradient(100deg,#04130D,#0C5A3C 55%,#0B7F5C);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.5),0 30px 56px -22px rgba(0,0,0,.9),0 60px 90px -46px var(--c-glow)}
.ac-card[data-tier=fusion] .ac-card-key{text-shadow:0 1px 0 rgba(255,255,255,.7)}
.ac-card[data-tier=fusion]::before{background:repeating-linear-gradient(96deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}
.ac-card[data-tier=quasar]{--c-a:#141716;--c-b:#060707;--c-c:#000;--c-hi:rgba(120,255,214,.22);--c-lo:rgba(140,120,255,.22);--c-glow:rgba(90,210,220,.4);--c-line:rgba(190,240,255,.24);--c-foil:linear-gradient(100deg,#EFFFF8,#86F2CE 30%,#6FD6F5 62%,#A99BFF)}
.ac-card[data-tier=quasar] .ac-sheen{background:radial-gradient(62% 84% at var(--sx) var(--sy),rgba(160,255,225,.42),rgba(130,170,255,.2) 45%,transparent 68%)}

/* ---------- sign-in ---------- */
.gate{min-height:66vh;display:grid;place-items:center;padding:8px 0 30px}
.gate-in{width:min(100%,560px);display:grid;justify-items:center}
.gate-stage{width:min(74%,360px);margin-bottom:-88px;z-index:2;perspective:1300px}
.gate-stage .ac-card{--rx:10deg;--ry:-12deg;animation:acFloat 7s ease-in-out infinite}
@keyframes acFloat{50%{translate:0 -7px}}
.gate-card{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:118px 36px 30px;border-radius:34px;text-align:center;display:grid;justify-items:center;gap:12px}
.gate-card::before{content:"";position:absolute;left:50%;top:-34%;width:120%;height:90%;translate:-50% 0;background:radial-gradient(closest-side,color-mix(in srgb,var(--mint) 17%,transparent),transparent);z-index:-1;pointer-events:none}
.gate-card h1{font-size:clamp(36px,4.6vw,52px);letter-spacing:-.04em;line-height:1}
.gate-sub{margin:0;color:var(--ink-2);font-size:16px;line-height:1.5;max-width:38ch}
.gate-form{width:100%;display:flex;gap:8px;margin-top:10px}
.gate-field{flex:1;min-width:0;display:flex;align-items:center;height:56px;padding:0 16px;border-radius:16px;border:1px solid var(--line-2);background:var(--surface);transition:border-color .2s,box-shadow .2s;cursor:text}
.gate-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
.gate-pre{flex:none;font:500 15px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3)}
.gate-field .gate-in-key{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;letter-spacing:.06em;font-size:15px;text-transform:uppercase}
.gate-field .gate-in-key:focus{border:0;box-shadow:none}
.gate-in-key::placeholder{letter-spacing:.04em}
.gate-form .btn{height:56px;flex:none;gap:6px}
.gate-form .btn svg{width:16px;height:16px}
.gate-msg{margin:0;font-size:13.5px;line-height:1.45;color:var(--loss);max-width:42ch}
.gate-alt{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:15px;margin-top:2px}
.gate-alt a{color:var(--ink-2)}
.gate-note{display:flex;gap:8px;align-items:center;justify-content:center;margin:6px 0 0;font-size:12.5px;color:var(--ink-3)}
.gate-note svg{width:14px;height:14px;flex:none}
.gate-card.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes shake{10%,90%{translate:-1px 0}20%,80%{translate:3px 0}30%,50%,70%{translate:-6px 0}40%,60%{translate:6px 0}}
@media(max-width:540px){.gate-form{flex-direction:column}.gate-field{flex:none}.gate-card{padding:104px 20px 24px}.gate-stage{margin-bottom:-76px}}

/* ---------- dashboard frame ---------- */
.dash{display:grid;gap:16px}
.dash.in>*{animation:acRise .9s var(--ease-out) backwards}
.dash.in>:nth-child(2){animation-delay:.04s}.dash.in>:nth-child(3){animation-delay:.08s}.dash.in>:nth-child(4){animation-delay:.16s}.dash.in>:nth-child(5){animation-delay:.24s}.dash.in>:nth-child(n+6){animation-delay:.3s}
@keyframes acRise{from{opacity:0;transform:translate3d(0,18px,0)}}
.ac-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin-top:6px}
.ac-top .eyebrow{margin:0 0 8px}
.dash-title{font-size:clamp(36px,4.8vw,60px);letter-spacing:-.045em;line-height:1}
.dash-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ac-feed{margin-right:4px;font:500 11px/1.3 var(--mono);letter-spacing:.03em;color:var(--ink-3)}
.dash-status{height:30px}
.dash-status .dot{background:var(--mint)}
.dash .sample-banner{margin:0}

/* ---------- hero: the card on its photograph, and what has been paid ---------- */
.ac-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:10px 40px;padding:12px 46px 12px 12px;border-radius:36px;overflow:hidden}
.ac-amb{position:absolute;z-index:-1;left:-16%;top:-42%;width:78%;height:184%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--mint) 15%,transparent),transparent)}
#acStage{aspect-ratio:1.06}
.ac-art{position:absolute;right:0;top:0;width:82%}
.ac-art .ac-shot{border-radius:26px}
.ac-art .pic>figcaption{left:auto;right:10px;bottom:auto;top:10px}
#acStage .ac-card{position:absolute;left:1%;bottom:7%;width:71%}
.ac-sum{min-width:0;padding:30px 0 28px}
.ac-label{margin:0;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.ac-fig{margin:16px 0 0;font:600 clamp(46px,6.2vw,82px)/.98 var(--font);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
.ac-fig .n{background:var(--ac-pearl);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.ac-fig .u{margin-left:.2em;font-size:.33em;font-weight:500;letter-spacing:-.02em;color:var(--ink-2)}
.ac-fig-sub{margin:12px 0 0;font-size:15.5px;line-height:1.4;color:var(--ink-2)}
.ac-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--ac-hair)}
.ac-stat{min-width:0;padding:18px 16px 0 0}
.ac-stat+.ac-stat{padding-left:18px;border-left:1px solid var(--ac-hair)}
.ac-stat p{margin:0}
.ac-stat .k{font:500 10.5px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.ac-stat .v{margin-top:10px;font:600 clamp(18px,1.75vw,23px)/1.15 var(--font);letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ac-stat .u{margin-top:6px;font-size:12px;line-height:1.4;color:var(--ink-3)}
@media(min-width:901px) and (max-width:1240px){.ac-stat{padding-right:10px}.ac-stat+.ac-stat{padding-left:14px}.ac-stat .k{font-size:10px;letter-spacing:.07em;white-space:nowrap}}
.ac-now{display:inline-flex;align-items:center;gap:9px;margin:24px 0 0;padding:0 14px 0 12px;height:34px;border-radius:999px;font-size:13px;color:var(--ink-2);background:var(--ac-well);box-shadow:var(--ac-well-rim)}
.ac-now[hidden]{display:none}
.ac-now .dot{background:var(--mint)}
.ac-now .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--mint);animation:ping 2.2s var(--ease) infinite}
.ac-now b{font-weight:600;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- term: where today sits between the first day and the last ---------- */
.ac-term{padding:22px 28px 22px;border-radius:28px;display:grid;gap:0}
.ac-term-top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 30px;flex-wrap:wrap}
.ac-day{margin:0;display:flex;align-items:baseline;gap:10px}
.ac-day b{font:600 36px/1 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ink)}
.ac-day>span{font-size:14.5px;color:var(--ink-3)}
.ac-dl{margin:0;display:flex;gap:14px 34px;flex-wrap:wrap}
.ac-dl dt{font:500 10.5px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.ac-dl dd{margin:7px 0 0;font:600 15.5px/1.25 var(--font);letter-spacing:-.01em;color:var(--ink)}
.ac-ends{justify-content:space-between;margin-top:12px}
.ac-ends div:last-child{text-align:right}
.ac-track{position:relative;height:8px;margin-top:38px;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent)}
.ac-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);min-width:8px;border-radius:inherit;background:var(--ac-fill);transition:width 1.8s var(--ease-out)}
.ac-knob{position:absolute;top:50%;left:calc(var(--p,0) * 100%);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 32%,transparent),0 0 16px color-mix(in srgb,var(--mint) 80%,transparent),0 1px 3px rgba(0,0,0,.5);transition:left 1.8s var(--ease-out)}
.ac-mark{position:absolute;top:50%;left:var(--x,50%);width:0;height:0}
.ac-mark[hidden]{display:none}
.ac-mark i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;rotate:45deg;border-radius:2px;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--ink-2)}
.ac-mark em{position:absolute;left:0;bottom:15px;translate:-50% 0;white-space:nowrap;font:500 10.5px/1 var(--mono);font-style:normal;letter-spacing:.04em;color:var(--ink-3)}
.ac-mark.at-r em{translate:-100% 0;left:6px}.ac-mark.at-l em{translate:0 0;left:-6px}
.ac-track:not(:has(.ac-mark:not([hidden]))){margin-top:22px}
.ac-ticks{height:5px;margin-top:6px;opacity:.9;background:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px calc(100% / var(--m,24)))}

/* ---------- panels ---------- */
.ac-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:16px}
.ac-col{display:grid;gap:16px;min-width:0}
.ac-main{grid-template-rows:auto 1fr}.ac-side{grid-template-rows:auto auto 1fr}
.ac-panel{padding:24px 24px 22px;border-radius:28px;display:grid;gap:16px;align-content:start;min-width:0}
@media(max-width:1020px){.ac-grid{grid-template-columns:1fr}.ac-col{display:contents}.d-chart{order:1}.d-addr{order:2}.d-ledger{order:3}.d-ops{order:4}.d-net{order:5}}
.dc-head{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;min-height:34px}
.dc-head h2{margin:0;font-size:19px;letter-spacing:-.02em}
.dc-ttl{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;min-width:0}
.dc-note{font:500 10.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ac-live{display:inline-flex;align-items:center;gap:7px}
.ac-live .dot{background:var(--ink-3)}
.is-live .ac-live .dot{background:var(--mint)}
.ac-ctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ac-seg{display:inline-flex;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);box-shadow:inset 0 0 0 1px var(--ac-hair)}
.ac-seg button{height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink-3);font:600 12px/1 var(--font);letter-spacing:-.01em;cursor:pointer;transition:color .2s,background-color .25s,box-shadow .25s}
.ac-seg button:hover{color:var(--ink)}
.ac-seg button[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--ink) 14%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 8px -3px rgba(0,0,0,.5)}
:root[data-theme=light] .ac-seg button[aria-pressed=true]{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.05)}
.ac-seg button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(pointer:coarse){.ac-seg button{height:34px;padding:0 14px;font-size:13px}}

/* ---------- chart ---------- */
.ac-chart{position:relative;height:236px;margin-top:2px;outline:0;border-radius:12px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.ac-chart:focus-visible{outline:2px solid var(--brand);outline-offset:6px}
.ac-chart svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.ac-chart .s-a{stop-color:var(--ac-bar-a)}.ac-chart .s-b{stop-color:var(--ac-bar-b)}.ac-chart .s-c{stop-color:var(--ac-bar-c)}
.ac-chart .s-l1{stop-color:var(--ac-line-a)}.ac-chart .s-l2{stop-color:var(--ac-line-b)}
:root[data-theme=light] .ac-chart .s-c{stop-opacity:.72}
.ac-gl{stroke:var(--ac-hair);stroke-width:1;shape-rendering:crispEdges}
.ac-bar{fill:url(#acBar);transform-box:fill-box;transform-origin:50% 100%;animation:acUp .9s var(--spring) backwards;animation-delay:calc(var(--i) * 12ms);transition:opacity .2s}
.ac-bar.z{fill:color-mix(in srgb,var(--ink) 11%,transparent)}
.ac-chart.scrub .ac-bar{opacity:.42}.ac-chart.scrub .ac-bar.on{opacity:1}
@keyframes acUp{from{transform:scaleY(0)}}
.ac-chart.still :is(.ac-bar,.ac-step,.ac-area,.ac-line,.ac-dot.end){animation:none}
.ac-step{fill:url(#acBar);animation:acFade .8s ease-out backwards}
.ac-est{stroke:color-mix(in srgb,var(--mint) 82%,transparent);stroke-width:1.5;stroke-dasharray:5 5}
.ac-area{fill:url(#acArea);animation:acFade 1s ease-out .35s backwards}
.ac-line{fill:none;stroke:url(#acLine);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:acDraw 1.5s var(--ease-out) backwards}
@keyframes acDraw{from{stroke-dashoffset:1}}
@keyframes acFade{from{opacity:0}}
.ac-cross{stroke:var(--line-2);stroke-width:1;opacity:0;shape-rendering:crispEdges}
.ac-dot{fill:#fff;stroke:var(--mint);stroke-width:2.5;opacity:0}
.ac-dot.end{opacity:1;animation:acFade .5s ease-out 1.2s backwards}
.ac-ylab{position:absolute;right:0;translate:0 -50%;font:500 10px/1 var(--mono);color:var(--ink-3);pointer-events:none}
.ac-tip{position:absolute;left:0;top:0;z-index:3;pointer-events:none;padding:9px 12px;border-radius:13px;white-space:nowrap;opacity:0;transition:opacity .15s;
  font:500 11.5px/1.4 var(--mono);color:var(--ink-2);background:color-mix(in srgb,var(--bg) 92%,transparent);box-shadow:inset 0 0 0 1px var(--line-2),0 16px 34px -12px rgba(0,0,0,.65)}
.ac-tip.on{opacity:1}
.ac-tip b{display:block;font-weight:600;font-size:13.5px;color:var(--ink)}
:root[data-theme=light] .ac-tip{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 16px 34px -14px rgba(10,40,28,.35)}
.ac-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:13.5px;color:var(--ink-3);pointer-events:none}
.ac-axis{display:flex;justify-content:space-between;margin-top:-6px;font:500 11px/1 var(--mono);color:var(--ink-3)}
.chart-foot{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}
.chart-foot [hidden]{display:none}
#chEstV{font-family:var(--mono);color:var(--ink-2)}
.lgd{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.lgd-bar{background:linear-gradient(180deg,var(--ac-bar-a),var(--ac-bar-c))}
.lgd-line{width:14px;height:0;border-top:1.5px dashed var(--mint);border-radius:0;vertical-align:3px}

/* ---------- payout address ---------- */
.addr-val{margin:0;padding:15px 16px;border-radius:18px;font:500 14.5px/1.65 var(--mono);letter-spacing:.03em;color:var(--ink);background:var(--ac-well);box-shadow:var(--ac-well-rim);overflow-wrap:anywhere}
.addr-val .lo{color:var(--ink-2)}
.addr-acts{display:flex;gap:8px;flex-wrap:wrap}
.addr-acts .btn svg,#lgCsv svg{width:14px;height:14px}
.addr-acts .btn,#lgCsv{gap:7px}
.addr-form{display:grid;gap:10px;padding-top:2px}
.addr-form .input{height:50px;font-size:14px}
.acct .hint.err{color:var(--loss)}
.acct .hint.ok{color:var(--gain)}
.acheck{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--ink-2);cursor:pointer}
.acheck input{flex:none;margin:2px 0 0;width:17px;height:17px;accent-color:var(--mint)}
.addr-pending{position:relative;display:grid;gap:8px;padding:14px 16px 17px;border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--mint) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 35%,transparent)}
.addr-pending::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--hp,0) * 100%);background:var(--ac-fill);transition:width .6s var(--ease-out)}
.ap-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ap-head .dot{background:var(--mint)}
.ap-when{font:500 12px/1.3 var(--mono);color:var(--ink-2)}
.ap-addr{margin:0;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.addr-pending .tiny{margin:0}

/* ---------- payout history ---------- */
.ledger-wrap{overflow-x:auto;margin:0 -8px}
.ledger-wrap.all{max-height:432px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.ledger-wrap:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:12px}
.d-table{width:100%;border-collapse:collapse;font-size:13.5px}
.d-table th{position:sticky;top:0;z-index:1;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:2px 10px 11px;white-space:nowrap}
.ledger-wrap.all .d-table th{background:var(--surface)}
.d-table thead tr{box-shadow:inset 0 -1px 0 var(--ac-hair)}
.d-table td{padding:12px 10px;color:var(--ink-2);white-space:nowrap;box-shadow:inset 0 -1px 0 var(--ac-hair);transition:background-color .15s}
.d-table tbody tr:hover td{background:color-mix(in srgb,var(--ink) 3.5%,transparent)}
.d-table tbody tr:hover td:first-child{border-radius:10px 0 0 10px}.d-table tbody tr:hover td:last-child{border-radius:0 10px 10px 0}
.d-table td.mono,.d-table td .mono{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}
.d-table .r{text-align:right}
.d-table tr:last-child td{box-shadow:none}
.d-table a{color:var(--brand-text);text-decoration:none}
.d-table a:hover{text-decoration:underline}
.d-table td.d-empty{text-align:center;white-space:normal;padding:34px 10px;color:var(--ink-3);background:none}
.d-table .sk{display:inline-block;height:11px;width:var(--w,90px);max-width:100%;border-radius:6px;background:color-mix(in srgb,var(--ink) 9%,transparent);animation:acPulse 1.4s ease-in-out infinite}
@keyframes acPulse{50%{opacity:.45}}
@media(max-width:480px){.d-table th:nth-child(3),.d-table td:nth-child(3){display:none}}

/* ---------- machines, network, security ---------- */
.mlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mlist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border-radius:16px;background:var(--ac-well);box-shadow:var(--ac-well-rim)}
.m-led{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:ledBlink 2.4s ease-in-out infinite}
.mlist li:nth-child(2) .m-led{animation-delay:.4s}.mlist li:nth-child(3) .m-led{animation-delay:.8s}.mlist li:nth-child(4) .m-led{animation-delay:1.2s}
@keyframes ledBlink{50%{opacity:.4}}
.mlist b{display:block;font:600 13px/1.2 var(--mono);color:var(--ink)}
.mlist span{display:block;font-size:12px;line-height:1.35;color:var(--ink-2);margin-top:3px}
.m-share{text-align:right}
.mlist li.m-more{grid-template-columns:1fr;text-align:center;font-size:12.5px;color:var(--ink-2)}
.mlist li.m-wait{grid-template-columns:1fr;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.ops-dl,.net-dl{margin:0;display:grid;gap:0}
.ops-dl div,.net-dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:10px 0;font-size:13.5px;color:var(--ink-3);box-shadow:inset 0 -1px 0 var(--ac-hair)}
.ops-dl div:first-child,.net-dl div:first-child{padding-top:2px}
.ops-dl div:last-child,.net-dl div:last-child{box-shadow:none;padding-bottom:2px}
.ops-dl dd,.net-dl dd{margin:0;text-align:right;color:var(--ink);font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums}
.net-dl small{color:var(--ink-3);font-size:11px;margin-left:3px}
.net-dl .has-bar::after{content:"";grid-column:1/-1;height:3px;margin-top:5px;border-radius:9px;background:linear-gradient(90deg,var(--mint) calc(var(--mp,0) * 100%),color-mix(in srgb,var(--ink) 11%,transparent) 0)}
.op-obs{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.ac-sec{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:18px 36px;align-items:center}
.d-sec .sec-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px}
.d-sec .link-more{font-size:15px}
@media(max-width:1020px){.ac-sec{grid-template-columns:1fr}.d-sec .sec-list{grid-template-columns:1fr}}
.ac-vault{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--ac-well);box-shadow:var(--ac-well-rim)}
.ac-vault-ico{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#04150d;background:linear-gradient(160deg,#d5fdea,var(--mint) 58%,#1fb8a0);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--mint) 70%,transparent)}
.ac-vault-ico svg{width:20px;height:20px}
.sec-key{margin:0;min-width:0;font:600 13.5px/1.4 var(--mono);letter-spacing:.05em;color:var(--ink);overflow-wrap:anywhere}
.sec-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.sec-list li{display:flex;gap:10px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.sec-list svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--brand-text)}
.dash-foot{text-align:center;max-width:780px;margin:6px auto 0}

/* ---------- smaller screens ---------- */
@media(max-width:900px){
  .ac-hero{grid-template-columns:1fr;padding:10px 10px 24px;gap:0;border-radius:32px}
  #acStage{width:min(100%,560px);justify-self:center}
  #acStage .ac-card{width:74%}
  .ac-sum{padding:8px 14px 0}
  .ac-fig{font-size:clamp(44px,12.5vw,72px)}
}
@media(max-width:560px){
  .acct{padding-top:18px}
  .ac-stats{grid-template-columns:1fr;margin-top:22px}
  .ac-stat,.ac-stat+.ac-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 14px;padding:14px 0;border-left:0;box-shadow:inset 0 -1px 0 var(--ac-hair)}
  .ac-stat:last-child{box-shadow:none;padding-bottom:0}
  .ac-stat .v{margin:0;text-align:right;font-size:18px}
  .ac-stat .u{grid-column:1/-1;margin:0;text-align:right}
  .ac-now{margin-top:18px}
  .ac-term{padding:20px 18px}
  .ac-panel{padding:20px 18px 18px;border-radius:26px}
  .ac-day b{font-size:32px}
  .ac-chart{height:204px}
  .dash-actions{width:100%}
  .ac-feed{flex:1;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .dash.in>*,.ac-card::after,.gate-stage .ac-card,.ac-bar,.ac-step,.ac-area,.ac-line,.ac-dot.end,.m-led,.d-table .sk,.ac-now .dot::after{animation:none!important}
  .ac-card,.ac-fill,.ac-knob{transition:none}
}
@media print{.backdrop,.ac-ctl,.addr-acts,#lgMore,#lgCsv,#signOut{display:none!important}.ledger-wrap.all{max-height:none;overflow:visible}}