.balance-panel{border:1px solid var(--line);background:var(--panel);padding:24px;margin-bottom:20px}.integration{display:flex;align-items:center;gap:12px;font-size:19px}.integration input{width:20px;height:20px;accent-color:var(--accent)}.balance-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.balance-actions button,.balance-actions select{padding:9px 14px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.balance-actions button:disabled{opacity:.45}.balance-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.balance-card{background:var(--bg);padding:16px;border:1px solid var(--line)}.balance-card span,.balance-card small{display:block;color:var(--muted)}.balance-card strong{display:block;font-size:clamp(16px,2vw,26px);color:var(--accent);overflow-wrap:anywhere;margin:8px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:right}caption{text-align:left;color:var(--muted);padding:12px 0}th,td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}details{margin-top:18px}summary{cursor:pointer;color:var(--accent)}#connection{color:var(--accent)}@media(max-width:760px){.balance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-panel{padding:16px}}
.balance-heading{display:block;height:auto;border:0;padding:0;margin-bottom:var(--site-content-gap,15px)}
#balance-content>.balance-panel:last-child{margin-bottom:0}
.balance-heading h1{font-weight:600}
.balance-heading h1.is-title-docked,.balance-heading h1.is-title-moving{visibility:hidden}
.integration-toggle{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:inherit;cursor:pointer}.integration-toggle input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.balance-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.balance-panel.extension-setup{padding-top:16px}
.extension-setup-heading{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px}
.extension-setup-heading>p{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0}
.extension-setup details{margin-top:12px}
.extension-setup li{margin:6px 0}
.balance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-ranges{display:flex;gap:8px;flex-wrap:wrap}.chart-ranges button{padding:8px 20px;background:var(--bg);border:1px solid var(--line);color:var(--text)}.chart-ranges button[aria-pressed=true]{background:#30291e;color:var(--accent);border-color:var(--accent)}.balance-chart{margin:20px 0;border:1px solid var(--line);padding:18px;background:var(--bg)}.balance-chart svg{display:block;width:100%;height:auto;min-height:180px}.chart-grid{stroke:var(--line);stroke-width:1}.chart-label{fill:var(--muted);font:12px 'Segoe UI',sans-serif}.chart-line{fill:none;stroke:var(--accent);stroke-width:2}.chart-dot{fill:var(--accent);stroke:var(--bg);stroke-width:1}.chart-dot:hover,.chart-dot:focus{r:6;outline:none;stroke:var(--text);stroke-width:2}.chart-detail{min-height:22px;margin:8px 0 0}@media(max-width:600px){.balance-chart{padding:10px}.balance-chart svg{min-height:140px}.chart-label{font-size:15px}}
.balance-charts{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:20px 0}.balance-charts .balance-chart{min-width:0;margin:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.chart-heading .chart-ranges{gap:5px}.chart-heading .chart-ranges button{padding:6px 10px;font-size:13px}@media(min-width:1200px){.balance-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-charts .chart-label{font-size:17px}}@media(max-width:600px){.chart-heading{align-items:flex-start;flex-direction:column}}
.manual-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0}.manual-fields label{display:flex;flex-direction:column;gap:7px;color:var(--muted)}.manual-fields input{width:100%;min-width:0;padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.manual-save{margin-top:20px;padding:10px 18px;background:var(--accent);color:var(--bg);border:0}#manual-status{color:var(--accent)}#manual-entry{margin-top:0}

.chart-canvas{position:relative;height:290px;width:100%;min-width:0}.chart-canvas canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.chart-summary{margin:12px 0;color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}@media(max-width:600px){.chart-canvas{height:240px}}

.chart-canvas canvas{cursor:grab}.chart-canvas canvas:active{cursor:grabbing}

/* Profile settings and public headings follow the account page type scale. */
.account-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;align-items:stretch}
.account-overview[hidden]{display:none}
.account-overview>.balance-panel{min-width:0;margin-bottom:0}
#auth-panel{position:relative}
.account-auth-notice{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,calc(-50% + 8px));max-width:calc(100% - 32px);text-align:center;pointer-events:auto;cursor:pointer}
.account-auth-notice.is-visible{transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:reduce){.account-auth-notice{transform:translate(-50%,-50%)}}
.account-overview h2{overflow-wrap:anywhere}
@media(max-width:760px){.account-overview{grid-template-columns:minmax(0,1fr)}}
#public-profile-panel h2{margin-bottom:18px;font-size:22px}
#public-profile-panel .integration{font-size:16px;line-height:1.5}
#public-profile-panel p{font-size:16px;line-height:1.5;margin:16px 0}
#public-profile-status{color:var(--muted)}
#public-profile-link{overflow-wrap:anywhere}
.profile-heading{display:block;height:auto;padding:0;border:0;margin:0 0 24px}
.profile-heading h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;overflow-wrap:anywhere}
.profile-heading h1 span{color:inherit}
.profile-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.supporter-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--accent);border-radius:999px;color:var(--text);font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap}
.supporter-badge[hidden]{display:none}
.account-selector{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:16px}
.account-selector .animated-select{margin:0;min-width:200px;max-width:100%;font-size:16px}
.account-selector .animated-select>summary{min-height:42px;background:var(--bg)}


.profile-copy-actions{position:relative;width:fit-content;max-width:100%}.profile-copy-actions button.account-notice{position:absolute;left:0;bottom:calc(100% + 10px);z-index:100;display:flex;align-items:center;gap:14px;width:max-content;max-width:min(380px,calc(100vw - 80px));padding:10px 14px;color:var(--text);text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--accent);box-shadow:0 4px 16px #0004;font-size:16px;line-height:1.5;opacity:1;transition:opacity .3s ease,transform .3s ease}.profile-copy-actions button.account-notice.is-dismissing{opacity:0;transform:translateY(2px);pointer-events:none}@media(prefers-reduced-motion:reduce){.profile-copy-actions button.account-notice{transition:none}}

@keyframes account-notice-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.profile-copy-actions button.account-notice:not([hidden]):not(.is-dismissing){animation:account-notice-enter .15s ease-out}}

.history-toggle,.extension-download,.open-abi-site,.account-page .balance-panel button:not(#account-notice):not(.select-options button){display:inline-block;padding:8px 14px;background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;text-decoration:none;cursor:pointer}
.history-toggle{margin-top:16px;margin-bottom:0}
.history-toggle:hover,.extension-download:hover,.open-abi-site:hover,.account-page .balance-panel button:not(#account-notice):not(.select-options button):hover{border-color:var(--accent)}
@media(prefers-reduced-motion:no-preference){.history-toggle,.extension-download,.open-abi-site,.account-page .balance-panel button:not(#account-notice):not(.select-options button){transition:background .15s,border-color .15s}}
.history-toggle[hidden],.open-abi-site[hidden]{display:none}
#access-panel .access-option{margin-top:24px}
#access-panel .access-option+.access-option{padding-top:24px;border-top:1px solid var(--line)}
#access-panel .access-option h3{margin:0 0 12px;font-size:20px;color:var(--text)}
#payments-panel .animated-select{margin:0;width:max-content;align-self:flex-start;font-size:16px;line-height:1.5}
#payments-panel .animated-select>summary{min-height:46px;padding:10px;background:var(--bg)}

#access-panel .invite-code-form{margin:0}#access-panel .invite-code-form>label{display:block;margin-bottom:7px;color:var(--muted)}#access-panel .invite-code-row{display:flex;align-items:stretch;gap:12px}#access-panel .invite-code-row input{flex:1;min-width:0;width:100%;padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}#access-panel .invite-code-row button{flex:0 0 auto;margin:0;padding:10px 18px}#access-panel .invite-option>p{margin-bottom:0}@media(max-width:480px){#access-panel .invite-code-row{gap:8px}#access-panel .invite-code-row button{max-width:52%;padding:10px;font-size:14px}}

.account-overview>#profile-panel,.account-overview>#public-profile-panel{display:flex;flex-direction:column}.account-overview>#profile-panel[hidden],.account-overview>#public-profile-panel[hidden]{display:none}.account-overview>.balance-panel>.balance-actions{margin-top:auto;padding-top:16px;align-self:flex-start}

#scout-checkout>.manual-fields{grid-template-columns:minmax(0,320px) max-content}#scout-checkout>.manual-fields>label{min-width:0}

.account-page #access-panel .invite-code-row button{padding:8px 14px;font:inherit}.account-page .balance-panel button:not(#account-notice):not(.select-options button):disabled{opacity:.45;cursor:default}

/* Compact account authentication. */
#account-status:empty{display:none}
#account-auth{max-width:320px}
#account-auth .manual-fields{display:flex;flex-direction:column;gap:12px}
#account-auth input{width:100%;box-sizing:border-box}
.auth-switch{margin:16px 0 0;color:var(--muted);font-size:14px}
#auth-panel #auth-register,#auth-panel #auth-login{display:inline;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#auth-panel #auth-register:hover,#auth-panel #auth-login:hover{background:transparent;color:var(--text)}
#auth-panel #auth-register:focus-visible,#auth-panel #auth-login:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#registration-captcha{margin-top:16px;min-height:65px}
#account-auth .muted{font-size:12px;line-height:1.5}

.auth-field{position:relative}
.auth-field-hint{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:100%;box-sizing:border-box;padding:10px 12px;background:#191c19;border:1px solid #625039;box-shadow:0 8px 20px #0007;color:var(--text);font:12px/1.5 "Segoe UI",sans-serif;visibility:hidden;opacity:0}
.auth-field:hover .auth-field-hint,.auth-field:focus-within .auth-field-hint{visibility:visible;opacity:1}
.auth-field.hint-dismissed .auth-field-hint{visibility:hidden;opacity:0}
.account-page input:not([type=checkbox]):focus-visible{outline:none;border-color:var(--muted)}