/* weavetoken — Figma「03 · 整站精修」的共享视觉层。 */
:root,html[data-theme="dark"] {
  --bg:#101c30; --surface:#172940; --surface-2:#20354f; --ink:#f2f5fa;
  --muted:#b5c2d4; --line:#354a65; --lime:#ff9d82; --lime-dark:#f68c70;
  --orange:#ff9d82; --blue:#a8c8f1; --input-bg:#122238;
  --soft-accent:#302f40; --control-ink:var(--ink); --serif:var(--sans);
  --wt-hero:#192b46; --wt-accent:#ff9d82; --wt-accent-ink:#19253a;
}
html[data-theme="light"] {
  --bg:#f2f4f8; --surface:#fff; --surface-2:#eaf0f7; --ink:#19253a;
  --muted:#58657b; --line:#d6dde8; --lime:#a94732; --lime-dark:#903c2a;
  --orange:#aa4b37; --blue:#346b9a; --input-bg:#f5f7fb; --soft-accent:#fff0eb;
}
body {font-family:"Avenir Next","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px;line-height:1.5}
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent }
button,a {transition:background .18s,color .18s,transform .18s}
button:active,.button:active {transform:scale(.98)}
:focus-visible {outline:3px solid var(--blue);outline-offset:3px}
input,select,textarea {color:var(--ink);background:var(--input-bg);border-color:var(--line);accent-color:var(--lime)}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
[hidden] {display:none!important}
.sidebar {width:236px;background:var(--surface);padding:26px 18px;border-right:1px solid var(--line);gap:0}
.brand-block {padding:0 4px 26px;gap:10px}
.brand-mark {flex-shrink:0;border:0;width:38px;height:38px;background:var(--wt-accent);border-radius:12px;padding:4px;letter-spacing:normal}
.brand-mark img {width:30px;height:30px}
.brand-name {color:var(--ink);font-size:19px;letter-spacing:-.06em}
.brand-caption {font-size:10px;color:var(--muted)}
.nav-item {min-height:44px;border-radius:10px;color:var(--muted);gap:10px;text-decoration:none}
.nav-item span {font-size:13px}.nav-item kbd {display:none}
.nav-item.active,.nav-item:hover {background:var(--soft-accent);border-color:transparent;color:var(--ink)}
.nav-item-game {margin-top:8px;background:var(--wt-hero);color:#fff}
.nav-item-game:hover {background:#30486c;color:#fff}
.sidebar-footer {order:initial!important;margin-top:auto!important;margin-bottom:0!important;background:var(--surface)!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:20px 4px 0!important}
.security-chip,.nav-label {color:var(--muted)}.nav-group-bottom {margin-top:28px;margin-bottom:28px}
.topbar {display:flex;height:auto;min-height:74px;background:var(--surface);padding:14px 28px;border-bottom:1px solid var(--line);gap:20px}
.topbar-actions {gap:8px;flex-wrap:wrap;background:none;border:0;padding:0;box-shadow:none}
.breadcrumb,.breadcrumb strong,.live-indicator,.icon-button {color:var(--muted)}
.topbar-pro-cta {background:var(--soft-accent);color:var(--lime);border-color:var(--line)}
.topbar-pro-cta strong,.topbar-acu strong {color:var(--ink)}
.topbar .button,.theme-toggle,.language-picker,.topbar-acu {height:38px;min-height:38px;border-radius:9px}
.page-body {width:100%;max-width:1440px;padding:32px;margin:auto}
.intro-row {display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;padding:36px;border-radius:22px;background:var(--wt-hero);color:#fff;position:relative;overflow:hidden;margin-bottom:24px}
.intro-row h1 {font-family:inherit;font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.16;color:#fff;letter-spacing:-.04em;margin:14px 0 18px}
.intro-row h1 em {font-style:normal;color:#ff9d82}
.intro-row .intro-copy,.intro-row .section-kicker {color:#c6d4e8;max-width:560px}
.intro-actions {grid-column:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:0}
.brand-insight {grid-column:2;grid-row:1/3;align-self:stretch;padding:24px;border-radius:18px;background:#254060;display:flex;flex-direction:column;justify-content:center;gap:14px}
.brand-insight strong {font-size:16px;color:#fff}.brand-insight p {color:#c6d4e8;font-size:13px;margin:0}
.brand-insight img {margin-bottom:8px}
.button {min-height:40px;padding:10px 16px;font-size:13px;border-radius:10px;line-height:1.5}
.button-accent,.button-accent:hover {background:var(--wt-accent);color:var(--wt-accent-ink);border-color:transparent}
.button-dark {background:var(--ink);color:var(--bg)}
.button-outline,.button-ghost {background:transparent;color:var(--ink);border-color:var(--line)}
.button-outline:hover,.button-ghost:hover {background:var(--surface-2);border-color:var(--muted)}
.intro-row .button-outline,.intro-row .button-ghost {color:#edf3ff;border-color:#526a87}
.intro-row .button-outline:hover,.intro-row .button-ghost:hover {background:#254060}
button:disabled {opacity:.5;cursor:not-allowed;transform:none}
.text-button {color:var(--lime);font-size:12px}
html[data-theme] .balance-card,html[data-theme] .utilization-card,html[data-theme] .model-card,html[data-theme] .ledger-card,html[data-theme] .guardrail-card,
html[data-theme] .clearing-thesis,html[data-theme] .reserve-meter,html[data-theme] .reserve-health-card,html[data-theme] .rate-card,html[data-theme] .rate-board,
html[data-theme] .ledger-table-card,html[data-theme] .consumer-api-panel,html[data-theme] .transfer-panel,html[data-theme] .time-shift-card,
html[data-theme] .provider-form,html[data-theme] .provider-card,html[data-theme] .node-console,html[data-theme] .settings-card,html[data-theme] .appearance-panel,
html[data-theme] .company-summary,html[data-theme] .company-pools,html[data-theme] .company-owner-strip,html[data-theme] .company-pool-card,
html[data-theme] .shared-usage-guide,html[data-theme] .acu-account-card,html[data-theme] .plan-card {
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px #07142605
}
.hero-grid {gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-bottom:24px}
.balance-card,.utilization-card {padding:24px;min-height:260px}.balance-card:after {display:none}
.balance-value {color:var(--ink);font-size:clamp(42px,5vw,64px);margin-top:20px}
.card-label,.balance-sub,.card-footnote,.utilization-copy p,.mini-legend {color:var(--muted);font-size:12px}
.banked-credit-line {background:var(--soft-accent);border-color:var(--line);border-radius:10px;color:var(--ink)}
.capacity-snapshot strong,.balance-sub strong,.mini-legend strong,.utilization-copy strong,.donut div {color:var(--ink)}
.donut {background:conic-gradient(var(--wt-accent) calc(var(--value)*1%),var(--surface-2) 0)}
.donut:before {background:var(--surface)}
.pill-lime {color:var(--lime);background:var(--soft-accent);border-color:var(--line)}
html[data-theme] .pro-membership-card {background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:24px;box-shadow:none;gap:24px;padding:26px;overflow:visible}
html[data-theme] .pro-membership-card:before,html[data-theme] .pro-membership-card:after {display:none}
html[data-theme] .pro-membership-primary .pro-offer-flag {position:static;display:inline-flex;grid-column:1/-1;justify-self:start;color:var(--lime);background:var(--soft-accent);padding:5px 10px;border-radius:8px}
html[data-theme] .pro-membership-primary {display:grid;grid-template-columns:56px minmax(0,1fr) 210px}
html[data-theme] .pro-membership-card h2 {font-family:inherit;font-size:24px;color:var(--ink)}
html[data-theme] .pro-membership-copy>p,html[data-theme] .pro-membership-offer small,html[data-theme] .pro-benefits {color:var(--muted)}
html[data-theme] .pro-membership-offer strong {color:var(--ink)}
html[data-theme] .pro-membership-badge {background:var(--soft-accent);color:var(--lime);border-color:var(--line);width:56px;height:56px;border-radius:14px}
html[data-theme] .game-network-card {background:var(--surface);border-color:var(--line);border-radius:18px;gap:24px;padding:28px;display:grid;grid-template-columns:150px minmax(0,1fr) auto}
html[data-theme] .game-network-mark {background:transparent;border:0;display:flex;align-items:center;width:150px;height:100px;gap:6px;color:#192b46}
.wt-tile,.wt-card {display:grid;place-items:center;width:44px;height:68px;border-radius:7px;background:#fff;border:1px solid #cdd8e6;box-shadow:0 5px 0 #c4d6d9,0 10px 20px #172d491a;font-size:22px;font-weight:700}
.wt-card {transform:rotate(-8deg)}.wt-card.wt-red {color:#b1474f;transform:rotate(10deg)}
html[data-theme] .game-network-copy h2 {color:var(--ink);font-size:26px;font-family:inherit}
html[data-theme] .game-network-copy>p,html[data-theme] .game-network-features {color:var(--muted)}
.section-heading h2,.reserve-intro h1,.ledger-intro h1,.company-intro h1,.contribute-intro h1,.time-shift-card h2,.settings-title {font-family:inherit;color:var(--ink);font-weight:700;line-height:1.25}
.section-kicker,.thesis-copy,.live-empty,.ledger-table-empty,.compliance-note p,.acu-account-card p,.reserve-intro p,.ledger-intro p,.company-intro p,.contribute-intro p {color:var(--muted)}
html[data-theme] .clearing-thesis .section-heading h2 {font-size:25px}
html[data-theme] .clearing-rail article,html[data-theme] .receipt-head,html[data-theme] .ledger-table-head,html[data-theme] .company-pool-row,html[data-theme] .reserve-pool-row {background:var(--surface-2);color:var(--ink);border-color:var(--line)}
html[data-theme] .clearing-rail article strong,html[data-theme] .settings-card strong,html[data-theme] .ledger-summary strong,html[data-theme] .receipt-row strong {color:var(--ink)}
html[data-theme] .clearing-rail article p,html[data-theme] .settings-card p,html[data-theme] .receipt-row span,html[data-theme] .rate-row,html[data-theme] .ledger-table-row {color:var(--muted)}
html[data-theme] .command-block,html[data-theme] .api-key-output,html[data-theme] .api-endpoint,html[data-theme] .company-owner-strip,html[data-theme] .reserve-pool-detail,html[data-theme] .routing-result {background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html[data-theme] .command-block code,html[data-theme] .api-endpoint code {color:var(--ink)}
html[data-theme] .language-picker,html[data-theme] .theme-toggle,html[data-theme] .theme-options button,html[data-theme] .ledger-toolbar select,html[data-theme] .contribution-field input,html[data-theme] .contribution-field select,html[data-theme] .profile-form input,html[data-theme] .profile-form select {background:var(--input-bg);color:var(--ink);border-color:var(--line)}
html[data-theme] .theme-options button.active {background:var(--soft-accent);color:var(--lime);border-color:var(--lime)}
html[data-theme] .compliance-note {background:var(--surface-2);border-color:var(--line);color:var(--muted);border-radius:12px}
html[data-theme] .compliance-note strong {color:var(--ink)}
html[data-theme] .modal,html[data-theme] .profile-card {background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:22px}
html[data-theme] .profile-hero {background:var(--surface-2);border-color:var(--line)}
html[data-theme] .modal-backdrop,html[data-theme] .auth-backdrop,html[data-theme] .profile-backdrop {background:#08142999;backdrop-filter:blur(6px)}
html[data-theme] .auth-card {display:grid;grid-template-columns:1fr 1fr;width:min(900px,calc(100vw - 48px));max-width:900px;padding:0!important;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;max-height:calc(100dvh - 48px);box-shadow:0 28px 100px #07142640}
.auth-brand {padding:44px 36px;background:#192b46;display:flex;flex-direction:column;gap:22px;justify-content:center;color:#fff}
.auth-brand strong {font-size:29px;line-height:1.35;letter-spacing:-.04em}.auth-brand p {color:#c6d4e8;font-size:15px;line-height:1.7;margin:0}.auth-brand>span {color:#ff9d82;font-size:20px;font-weight:600;margin-top:24px}
.auth-content {padding:40px 32px;overflow-y:auto;min-width:0}.auth-content h2 {font-size:28px;color:var(--ink);line-height:1.25}
html[data-theme] .auth-card .modal-close {right:12px;top:12px;z-index:1;color:var(--muted);background:var(--surface-2)}
html[data-theme] .auth-card input:not([type=checkbox]) {border-radius:10px;background:var(--input-bg);color:var(--ink);border:1px solid var(--line);height:48px;font-size:15px;padding:12px}
html[data-theme] .auth-card label>span,html[data-theme] .auth-copy,html[data-theme] .auth-note {color:var(--muted)}
html[data-theme] .auth-tabs {background:var(--surface-2);border-color:var(--line);border-radius:10px;padding:4px}
html[data-theme] .auth-tabs button {color:var(--muted);min-height:40px;border-radius:7px}
html[data-theme] .auth-tabs button.active {color:var(--ink);background:var(--surface);box-shadow:0 2px 6px #0714260d}
#auth-submit {width:100%;height:48px;font-size:15px}
.auth-error,.profile-error {color:#c9453a;background:var(--soft-accent);padding:10px;border-radius:8px}
@media(min-width:921px) { .sidebar{position:sticky;top:0;height:100dvh}.sidebar-footer{order:5!important}.nav-group-bottom{order:4;margin-top:28px}.topbar .live-indicator{display:none} }
@media(max-width:1180px) {.intro-row{grid-template-columns:minmax(0,1fr) 180px;padding:28px}.brand-insight{padding:20px}.hero-grid{grid-template-columns:1fr 1fr}.game-network-card{grid-template-columns:130px 1fr!important}.game-network-cta{grid-column:2;justify-self:start}.page-body{padding:24px}.topbar{padding:14px 24px}.topbar .button-dark[data-view-target=providers]{display:none}}
@media(max-width:920px) {.sidebar{width:100%;height:auto;padding:14px 16px 8px;border:0;border-bottom:1px solid var(--line);background:var(--surface);position:relative}.brand-block{padding:0 0 12px}.nav-group-bottom{margin:6px 0 0;padding:0;border:0}.nav-item{min-height:40px}.nav-item-game{margin:0}.sidebar-footer{display:none}.topbar{min-height:56px;padding:10px 16px}.hero-grid{grid-template-columns:1fr}.intro-row{grid-template-columns:1fr}.brand-insight{display:none}.intro-actions{grid-column:1}.page-body{padding:20px 16px}.pro-membership-primary{grid-template-columns:1fr 170px!important}.pro-membership-badge{display:none!important}.game-network-card{gap:18px!important}.section-heading h2{font-size:24px}}
@media(max-width:600px) {.topbar-actions{justify-content:space-between;flex-wrap:nowrap}.topbar-acu{max-width:85px}.language-picker{max-width:108px}.topbar-pro-cta{padding:7px 10px}.topbar-pro-cta strong{display:block}.intro-row{padding:26px 22px;border-radius:18px}.intro-row h1{font-size:34px}.intro-actions .button{white-space:normal}.intro-actions .button-ghost{display:none}.balance-card,.utilization-card{padding:20px}.pro-membership-primary{grid-template-columns:1fr!important;padding:22px!important;gap:16px!important}.pro-membership-offer{width:100%;align-items:flex-start!important}.pro-membership-offer .button{width:100%}.game-network-card{grid-template-columns:1fr!important;padding:22px!important}.game-network-mark{height:86px!important}.game-network-cta{grid-column:1;width:100%}.game-network-copy h2{font-size:24px!important}.clearing-rail{grid-template-columns:1fr}.ledger-summary.four,.company-stats,.reserve-health-summary{gap:10px}.auth-brand{display:none}.auth-card{grid-template-columns:1fr!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:20px!important}.auth-content{padding:32px 24px}.auth-mobile-handle{display:none}.provider-form,.transfer-panel,.consumer-api-panel{padding:20px!important}}
@media(prefers-reduced-motion:no-preference) {.intro-row{animation:wt-reveal .4s ease-out}.game-network-mark{transition:transform .25s}.game-network-card:hover .game-network-mark{transform:translateY(-3px)}@keyframes wt-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce) {*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Theme-specific legacy rules must not recolor dark brand surfaces. */
html[data-theme] .intro-row h1{color:#fff}
html[data-theme] .intro-row h1 em{color:#ff9d82}
html[data-theme] .intro-row .button-outline,html[data-theme] .intro-row .button-ghost{color:#edf3ff;background:transparent;border-color:#526a87}
html[data-theme] .nav-item.active{background:var(--soft-accent);color:var(--ink);border-color:transparent}
html[data-theme] .capacity-snapshot>div{background:var(--surface-2);border-color:var(--line)}
html[data-theme] .sidebar-footer .user-row{background:var(--surface-2)}
html[data-theme] .topbar .button-dark{background:var(--wt-hero);color:#fff}
html[data-theme] .donut{background:conic-gradient(var(--wt-accent) calc(var(--value)*1%),var(--surface-2) 0)}
html[data-theme] .donut:before{background:var(--surface)}
html[data-theme] .topbar-acu,html[data-theme] .topbar-pro-cta{background:var(--soft-accent);border-color:var(--line);color:var(--lime)}

/* Normalize legacy text colors through the shared theme. */
html[data-theme] .brand-name{color:var(--ink)}
html[data-theme] .eyebrow,html[data-theme] .nav-label,html[data-theme] .section-kicker{color:var(--muted)}
html[data-theme] .workspace-switcher svg{color:var(--muted)}
html[data-theme] .nav-item{color:var(--muted)}
html[data-theme] .nav-item kbd{color:var(--muted)}
html[data-theme] .security-chip{color:var(--muted)}
html[data-theme] .icon-button{color:var(--muted)}
html[data-theme] .breadcrumb{color:var(--muted)}
html[data-theme] .breadcrumb strong{color:var(--ink)}
html[data-theme] .live-indicator{color:var(--muted)}
html[data-theme] .button-dark{color:var(--muted)}
html[data-theme] .button-ghost,html[data-theme] .button-outline{color:var(--ink)}
html[data-theme] .intro-copy{color:var(--muted)}
html[data-theme] .card-label{color:var(--muted)}
html[data-theme] .balance-value{color:var(--ink)}
html[data-theme] .balance-sub{color:var(--muted)}
html[data-theme] .balance-sub strong{color:var(--ink)}
html[data-theme] .chart-axis{color:var(--muted)}
html[data-theme] .card-footnote{color:var(--muted)}
html[data-theme] .card-footnote small{color:var(--muted)}
html[data-theme] .icon-button-light{color:var(--muted)}
html[data-theme] .donut div{color:var(--ink)}
html[data-theme] .utilization-copy strong{color:var(--ink)}
html[data-theme] .utilization-copy p{color:var(--muted)}
html[data-theme] .mini-legend{color:var(--muted)}
html[data-theme] .mini-legend strong{color:var(--ink)}
html[data-theme] .section-heading h2,html[data-theme] .empty-view h2{color:var(--ink)}
html[data-theme] .model-card-head span{color:var(--muted)}
html[data-theme] .model-gpt .model-icon{color:var(--ink)}
html[data-theme] .model-amount span{color:var(--muted)}
html[data-theme] .model-meta{color:var(--muted)}
html[data-theme] .activity-info span,html[data-theme] .activity-row time{color:var(--muted)}
html[data-theme] .amount-neutral{color:var(--muted)}
html[data-theme] .guardrail-card p{color:var(--muted)}
html[data-theme] .guardrail-list span{color:var(--muted)}
html[data-theme] .compliance-note{color:var(--muted)}
html[data-theme] .compliance-note strong{color:var(--ink)}
html[data-theme] .compliance-note p{color:var(--muted)}
html[data-theme] .empty-view>p:not(.section-kicker){color:var(--muted)}
html[data-theme] .ledger-placeholder{color:var(--muted)}
html[data-theme] .provider-row small{color:var(--muted)}
html[data-theme] .settings-list small{color:var(--muted)}
html[data-theme] .modal>p:not(.section-kicker){color:var(--muted)}
html[data-theme] .modal label{color:var(--muted)}
html[data-theme] .modal select,html[data-theme] .modal input[type=number]{color:var(--ink)}
html[data-theme] .routing-intro>div>p:last-child{color:var(--muted)}
html[data-theme] .panel-title>svg{color:var(--muted)}
html[data-theme] .router-field{color:var(--muted)}
html[data-theme] .router-field select{color:var(--ink)}
html[data-theme] .range-labels{color:var(--muted)}
html[data-theme] .router-toggle strong{color:var(--ink)}
html[data-theme] .router-toggle small{color:var(--muted)}
html[data-theme] .result-placeholder p:last-child{color:var(--muted)}
html[data-theme] .route-model-copy span{color:var(--muted)}
html[data-theme] .route-cost strong{color:var(--ink)}
html[data-theme] .route-cost span{color:var(--muted)}
html[data-theme] .route-reasons span{color:var(--muted)}
html[data-theme] .route-saving{color:var(--ink)}
html[data-theme] .rule-grid p{color:var(--muted)}
html[data-theme] .rule-state{color:var(--muted)}
html[data-theme] .time-shift-card h2{color:var(--ink)}
html[data-theme] .time-shift-copy>p{color:var(--muted)}
html[data-theme] .shift-highlight strong{color:var(--ink)}
html[data-theme] .shift-highlight small{color:var(--muted)}
html[data-theme] .shift-axis{color:var(--muted)}
html[data-theme] .shift-label{color:var(--ink)}
html[data-theme] .shift-label small{color:var(--muted)}
html[data-theme] .shift-bar b{color:var(--muted)}
html[data-theme] .shift-legend{color:var(--muted)}
html[data-theme] .language-picker{color:var(--muted)}
html[data-theme] .language-picker>svg:last-child{color:var(--muted)}
html[data-theme] .language-picker select{color:var(--ink)}
html[data-theme] .language-picker select option{color:var(--ink)}
html[data-theme] .contribute-intro>div>p:last-child{color:var(--muted)}
html[data-theme] .truth-badge strong{color:var(--ink)}
html[data-theme] .truth-badge small{color:var(--muted)}
html[data-theme] .contribution-field{color:var(--muted)}
html[data-theme] .contribution-field select,html[data-theme] .contribution-field input{color:var(--ink)}
html[data-theme] .input-with-unit em{color:var(--muted)}
html[data-theme] .key-note{color:var(--muted)}
html[data-theme] .key-note svg{color:var(--muted)}
html[data-theme] .node-console-head>span{color:var(--ink)}
html[data-theme] .node-console-head small{color:var(--muted)}
html[data-theme] .command-block>span{color:var(--muted)}
html[data-theme] .command-block code{color:var(--ink)}
html[data-theme] .node-stats span{color:var(--muted)}
html[data-theme] .node-stats strong{color:var(--ink)}
html[data-theme] .node-stats small{color:var(--muted)}
html[data-theme] .settlement-formula span{color:var(--muted)}
html[data-theme] .settlement-formula code{color:var(--ink)}
html[data-theme] .demo-disclaimer{color:var(--muted)}
html[data-theme] .settlement-flow b{color:var(--muted)}
html[data-theme] .settlement-flow p{color:var(--muted)}
html[data-theme] .receipt-row{color:var(--muted)}
html[data-theme] .receipt-head{color:var(--muted)}
html[data-theme] .receipt-empty{color:var(--muted)}
html[data-theme] .banked-credit-line>span{color:var(--muted)}
html[data-theme] .ledger-intro>div>p:last-child{color:var(--muted)}
html[data-theme] .ledger-integrity small{color:var(--muted)}
html[data-theme] .ledger-summary article>span{color:var(--muted)}
html[data-theme] .ledger-summary strong{color:var(--ink)}
html[data-theme] .ledger-summary small{color:var(--muted)}
html[data-theme] .ledger-toolbar label{color:var(--muted)}
html[data-theme] .ledger-toolbar select{color:var(--ink)}
html[data-theme] .ledger-table-row{color:var(--muted)}
html[data-theme] .ledger-table-head{color:var(--muted)}
html[data-theme] .ledger-table-empty{color:var(--muted)}
html[data-theme] .ledger-table-empty svg{color:var(--muted)}
html[data-theme] .ledger-table-empty strong{color:var(--muted)}
html[data-theme] .ledger-table-row:not(.ledger-table-head)>span:nth-child(3),html[data-theme] .ledger-table-row:not(.ledger-table-head)>span:nth-child(4){color:var(--muted)}
html[data-theme] .route-payment>span{color:var(--muted)}
html[data-theme] .thesis-copy{color:var(--muted)}
html[data-theme] .clearing-rail article>span{color:var(--muted)}
html[data-theme] .clearing-rail p{color:var(--muted)}
html[data-theme] .reserve-intro p:last-child{color:var(--muted)}
html[data-theme] .reserve-meter-head span{color:var(--muted)}
html[data-theme] .reserve-scale{color:var(--muted)}
html[data-theme] .reserve-rule-grid p{color:var(--muted)}
html[data-theme] .reserve-health-head>span{color:var(--muted)}
html[data-theme] .reserve-health-copy{color:var(--muted)}
html[data-theme] .reserve-health-summary span{color:var(--muted)}
html[data-theme] .reserve-pool-row small{color:var(--muted)}
html[data-theme] .reserve-pool-stat span{color:var(--muted)}
html[data-theme] .reserve-boundary{color:var(--muted)}
html[data-theme] .reserve-health-empty{color:var(--muted)}
html[data-theme] .rate-copy{color:var(--muted)}
html[data-theme] .rate-converter label>span,html[data-theme] .rate-conversion-result>span{color:var(--muted)}
html[data-theme] .rate-catalog-toolbar>div span{color:var(--muted)}
html[data-theme] .rate-catalog-toolbar label span{color:var(--muted)}
html[data-theme] .rate-row.is-head{color:var(--muted)}
html[data-theme] .rate-row small{color:var(--muted)}
html[data-theme] .rate-boundary{color:var(--muted)}
html[data-theme] .rate-row b::before{color:var(--muted)}
html[data-theme] .company-intro p:last-child{color:var(--muted)}
html[data-theme] .company-owner-strip span{color:var(--muted)}
html[data-theme] .company-owner-strip small{color:var(--muted)}
html[data-theme] .company-summary span{color:var(--muted)}
html[data-theme] .company-pools .section-heading>span{color:var(--muted)}
html[data-theme] .company-pools>p{color:var(--muted)}
html[data-theme] .company-pool-row small{color:var(--muted)}
html[data-theme] .company-pool-stat span{color:var(--muted)}
html[data-theme] .button-dark{color:var(--ink)}
html[data-theme] .button-ghost,html[data-theme] .button-outline{color:var(--muted)}
html[data-theme] .balance-value,html[data-theme] .donut div,html[data-theme] .ledger-summary strong,html[data-theme] .node-stats strong,html[data-theme] .route-cost strong{color:var(--muted)}
html[data-theme] .balance-sub strong{color:var(--muted)}
html[data-theme] .router-field textarea{color:var(--ink)}
html[data-theme] .router-field textarea::placeholder{color:var(--muted)}
html[data-theme] .route-live-response p{color:var(--ink)}
html[data-theme] .router-field textarea{color:var(--muted)}
html[data-theme] .route-live-response p{color:var(--muted)}
html[data-theme] .router-auto-note{color:var(--muted)}
html[data-theme] .router-advanced summary{color:var(--muted)}
html[data-theme] .language-picker select option{color:var(--muted)}
html[data-theme] .plan-hint{color:var(--muted)}
html[data-theme] .shared-usage-steps b{color:var(--muted)}
html[data-theme] .route-model-copy small,html[data-theme] .receipt-row small,html[data-theme] .ledger-table-row small{color:var(--muted)}
html[data-theme] .api-example{color:var(--ink)}
html[data-theme] .capacity-snapshot span{color:var(--muted)}
html[data-theme] .rate-source{color:var(--muted)}
html[data-theme] .plan-catalog-head span{color:var(--muted)}
html[data-theme] .plan-catalog-head p{color:var(--muted)}
html[data-theme] .plan-card-head small{color:var(--muted)}
html[data-theme] .plan-eligibility{color:var(--muted)}
html[data-theme] .plan-card dt{color:var(--muted)}
html[data-theme] .plan-card>a{color:var(--muted)}
html[data-theme] .transfer-badges span{color:var(--ink)}
html[data-theme] .transfer-field input::placeholder{color:var(--muted)}
html[data-theme] .profile-avatar-edit svg{color:var(--muted)}
html[data-theme] .ledger-table-card:after{color:var(--muted)}
html[data-theme] .ledger-integrity,html[data-theme] .transfer-form,html[data-theme] .toast{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
html[data-theme] .transfer-panel h2{font-size:26px;color:var(--ink);font-family:inherit}
html[data-theme] .ledger-intro h1{font-size:clamp(28px,3vw,38px)}
html[data-theme] .empty-view h2{color:var(--ink);font-size:32px}
html[data-theme] .intro-row h1{color:#fff}html[data-theme] .intro-row h1 em{color:#ff9d82}
html[data-theme] .auth-backdrop,html[data-theme] .profile-backdrop,html[data-theme] .modal-backdrop{z-index:100;place-items:center;padding:12px}
html[data-theme] .auth-card{min-height:0}
html[data-theme] .auth-content{min-height:0}
html[data-theme] .auth-card .modal-close{width:36px;height:36px}

/* Legacy green panel fills now use the Figma surface tokens. */
html[data-theme] .sidebar{background:var(--surface-2)}
html[data-theme] .workspace-avatar,html[data-theme] .user-avatar{background:var(--surface-2)}
html[data-theme] .nav-item:hover{background:var(--surface-2)}
html[data-theme] .nav-item.active{background:var(--surface-2)}
html[data-theme] .icon-button:hover{background:var(--surface-2)}
html[data-theme] .button-dark{background:var(--surface-2)}
html[data-theme] .button-ghost:hover,html[data-theme] .button-outline:hover{background:var(--surface-2)}
html[data-theme] .model-card{background:var(--surface-2)}
html[data-theme] .model-icon{background:var(--surface-2)}
html[data-theme] .model-gpt .model-icon{background:var(--surface-2)}
html[data-theme] .progress-track{background:var(--surface-2)}
html[data-theme] .guardrail-card{background:var(--surface-2)}
html[data-theme] .compliance-note{background:var(--surface-2)}
html[data-theme] .provider-logo{background:var(--surface-2)}
html[data-theme] .modal{background:var(--surface-2)}
html[data-theme] .modal select,html[data-theme] .modal input[type=number]{background:var(--surface-2)}
html[data-theme] .toast{background:var(--surface-2)}
html[data-theme] .router-field select{background:var(--surface-2)}
html[data-theme] .router-toggle input,html[data-theme] .settings-list input{background:var(--surface-2)}
html[data-theme] .router-toggle input:before,html[data-theme] .settings-list input:before{background:var(--surface-2)}
html[data-theme] .router-toggle input:checked:before,html[data-theme] .settings-list input:checked:before{background:var(--surface-2)}
html[data-theme] .time-shift-card{background:var(--surface-2)}
html[data-theme] .shift-highlight{background:var(--surface-2)}
html[data-theme] .shift-bar{background:var(--surface-2)}
html[data-theme] .language-picker{background:var(--surface-2)}
html[data-theme] .language-picker select option{background:var(--surface-2)}
html[data-theme] .truth-badge{background:var(--surface-2)}
html[data-theme] .contribution-field select,html[data-theme] .contribution-field input{background:var(--surface-2)}
html[data-theme] .node-console{background:var(--surface-2)}
html[data-theme] .command-block{background:var(--surface-2)}
html[data-theme] .node-stats>div{background:var(--surface-2)}
html[data-theme] .settlement-flow article{background:var(--surface-2)}
html[data-theme] .receipt-list{background:var(--surface-2)}
html[data-theme] .receipt-head{background:var(--surface-2)}
html[data-theme] .ledger-integrity{background:var(--surface-2)}
html[data-theme] .ledger-table-card{background:var(--surface-2)}
html[data-theme] .ledger-toolbar select{background:var(--surface-2)}
html[data-theme] .ledger-table-head{background:var(--surface-2)}
html[data-theme] /* CapacityMesh clearing thesis */
.clearing-thesis{background:var(--surface-2)}
html[data-theme] .clearing-rail article{background:var(--surface-2)}
html[data-theme] .reserve-meter{background:var(--surface-2)}
html[data-theme] .reserve-track{background:var(--surface-2)}
html[data-theme] .rate-conversion-result{background:var(--surface-2)}
html[data-theme] .company-owner-strip{background:var(--surface-2)}
html[data-theme] .workspace-avatar{background:var(--surface-2)}
html[data-theme] .button-dark:hover{background:var(--surface-2)}
html[data-theme] .shift-highlight,html[data-theme] .node-stats>div{background:var(--surface-2)}
html[data-theme] .router-field textarea{background:var(--surface-2)}
html[data-theme] .api-key-output,html[data-theme] .api-endpoint{background:var(--surface-2)}
html[data-theme] .receipt-head,html[data-theme] .ledger-table-head{background:var(--surface-2)}
html[data-theme] .user-account-trigger:hover{background:var(--surface-2)}
html[data-theme] .api-example{background:var(--surface-2)}
html[data-theme] .ledger-table::-webkit-scrollbar-thumb{background:var(--surface-2)}
html[data-theme] .ledger-table::-webkit-scrollbar-track{background:var(--surface-2)}
html[data-theme] .nav-item-game{background:var(--wt-hero);color:#fff}
html[data-theme] .intro-row .intro-copy,html[data-theme] .intro-row .section-kicker{color:#c6d4e8}
html[data-theme] .brand-insight p{color:#c6d4e8}
html[data-theme] .sidebar{background:var(--surface)}
html[data-theme] .auth-brand p{color:#c6d4e8}

/* Approved weave identity: retain a visible brand in the compact login layout. */
.auth-mobile-brand{display:none}
.brand-mark img{width:34px;height:34px;display:block}
.brand-mark{padding:2px;display:grid;place-items:center}
@media(max-width:600px){.auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px;padding-right:24px}.auth-mobile-brand strong{color:var(--ink);font-size:21px;letter-spacing:-.05em}}

/* Figma 03 / 立体精修 V2: shared header, workspace and page proportions. */
html[data-theme] .app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);grid-template-rows:80px minmax(calc(100dvh - 80px),auto);align-items:start}
html[data-theme] .main-content{display:contents}
html[data-theme] .topbar{grid-column:1/-1;grid-row:1;position:sticky;top:0;z-index:45;min-height:80px;height:80px;padding:0 32px;display:grid;grid-template-columns:228px minmax(0,1fr) auto;gap:20px;border-bottom:1px solid var(--line);background:var(--surface)}
html[data-theme] .topbar .brand-block{margin:0;padding:0;display:flex;align-items:center;gap:10px;text-decoration:none}
html[data-theme] .topbar .brand-caption{display:none}
html[data-theme] .topbar .brand-name{font-size:21px;letter-spacing:-.04em}
html[data-theme] .topbar .brand-mark{background:transparent;padding:0;border-radius:0;width:32px;height:32px}
html[data-theme] .topbar .brand-mark img{width:32px;height:32px}
.brand-dark{display:none!important}html[data-theme="dark"] .brand-dark{display:block!important}html[data-theme="dark"] .brand-light{display:none!important}
html[data-theme] .breadcrumb{justify-self:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html[data-theme] .breadcrumb>span{max-width:120px;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .topbar-actions{gap:10px;flex-wrap:nowrap}
html[data-theme] .topbar-acu{display:none}
html[data-theme] .topbar-pro-cta{order:-1;border:0;background:var(--soft-accent);border-radius:6px;height:28px;min-height:28px;font-size:11px;padding:4px 10px;white-space:nowrap}
html[data-theme] .topbar-pro-cta span{display:none}
html[data-theme] .topbar-pro-cta strong:before{content:'Pro · '}
html[data-theme] .auth-topbar-button,html[data-theme] .theme-toggle,html[data-theme] .language-picker{border:0;background:transparent;box-shadow:none;min-height:36px;padding:4px 8px}
html[data-theme] .sidebar{grid-column:1;grid-row:2;position:sticky;top:80px;width:228px;height:calc(100dvh - 80px);padding:28px 24px;background:var(--surface);border-right:0;overflow-y:auto}
html[data-theme] .nav-label{margin-bottom:22px;font-size:11px;font-family:inherit;letter-spacing:0;text-transform:none}
html[data-theme] .nav-group{gap:8px}
html[data-theme] .nav-item{min-height:46px;line-height:1.4;border-radius:10px;padding:12px;gap:12px;color:var(--ink);font-size:14px}
html[data-theme] .nav-item svg{width:18px;height:18px;flex-shrink:0}
html[data-theme] .nav-item span{font-size:14px}
html[data-theme] .nav-item-game{margin-top:0;background:transparent;color:var(--ink)}
html[data-theme] .nav-item:hover,html[data-theme] .nav-item.active{color:var(--ink);background:var(--soft-accent);border:1px solid transparent}
html[data-theme] .nav-group-bottom{margin-top:28px;margin-bottom:24px}
html[data-theme] .sidebar-footer{padding:18px 0 0!important;font-size:11px;line-height:1.7;margin-top:8px!important}
html[data-theme] .sidebar-footer .security-chip{margin-bottom:12px;font-size:11px}
html[data-theme] .sidebar-footer .user-row{border:0;background:transparent;padding:0;width:100%;min-height:38px}
html[data-theme] .main-content>[id^="view-"]{grid-column:2;grid-row:2;margin:0 auto;width:100%;max-width:1440px;padding:40px;min-height:calc(100dvh - 80px)}
html[data-theme] .main-content>[id^="view-"]>.section-block{margin-top:24px}
html[data-theme] .intro-row{grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:40px;border-radius:26px;background:linear-gradient(115deg,#192b46,#234557);min-height:350px;margin-bottom:24px}
html[data-theme] .intro-row h1{font-size:clamp(32px,3.5vw,48px);margin:20px 0;line-height:1.2}
html[data-theme] .intro-row h1 em{color:#fff;font-style:normal}
html[data-theme] .intro-row .section-kicker{display:inline-block;background:#ffffff10;border-radius:6px;padding:6px 10px;color:#ffb39e;font-family:inherit;font-size:11px;letter-spacing:0}
html[data-theme] .intro-row .intro-copy{font-size:14px;line-height:1.8;max-width:580px}
html[data-theme] .intro-actions{gap:12px}
html[data-theme] .intro-actions .button{min-width:150px}
html[data-theme] .brand-insight{background:#ffffff06;border:1px solid #ffffff16;border-radius:20px;padding:24px;gap:20px}
.insight-heading{display:flex;align-items:center;gap:14px}.insight-heading strong{font-size:15px;line-height:1.5}.insight-heading img{flex-shrink:0;margin:0}
.insight-rows{display:grid;gap:0}.insight-rows>div{display:grid;grid-template-columns:1fr 18px;gap:4px;padding:14px 0;border-bottom:1px solid #ffffff10}.insight-rows>div:last-child{border:0}.insight-rows span{color:#b8c9d8;font-size:11px}.insight-rows strong{font-size:14px;color:#fff;grid-column:1}.insight-rows svg{width:16px;height:16px;grid-column:2;grid-row:1/3;align-self:center;color:#abc2d0}
html[data-theme] .hero-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:start}
.overview-account,.capacity-card,.overview-model-card,.pool-browser,.preferences-panel,.service-rules{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 6px 18px #19253a04}
.overview-account h2,.capacity-card h2,.overview-model-card h2{font-size:18px;margin:0 0 20px;line-height:1.4;font-weight:700}
.overview-account .card-label{display:block;font-size:12px}.overview-account-value{display:block;font-size:44px;line-height:1.2;margin:22px 0 16px;letter-spacing:-.04em;color:var(--ink)}
.overview-account p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:18px}
.snapshot-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.snapshot-metrics span{color:var(--muted);font-size:12px}.snapshot-metrics strong{font-size:26px;font-weight:700;letter-spacing:-.035em;color:var(--ink);margin-top:6px}.snapshot-metrics>div>strong{display:block}.snapshot-metrics strong span{font-size:18px;color:var(--ink);margin-left:4px}.snapshot-metrics #overview-utilization{margin-top:6px}.snapshot-metrics #overview-utilization span{font-size:18px;color:var(--ink);margin-left:4px}
.snapshot-details{margin:0}.snapshot-details>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.snapshot-details dt{color:var(--muted)}.snapshot-details dd{margin:0;color:var(--ink)}.snapshot-note{font-size:11px;color:var(--muted);margin:16px 0 0}
html[data-theme] .pro-membership-primary{display:grid;grid-template-columns:minmax(0,1fr) 240px;border-color:#ff9d82;border-radius:20px;padding:28px;gap:30px;align-items:center}
html[data-theme] .pro-offer-flag{margin-bottom:14px;font-size:11px}
html[data-theme] .pro-membership-copy h2{font-size:22px;margin:0 0 12px}
html[data-theme] .pro-membership-copy>p,html[data-theme] .pro-benefits{font-size:12px;line-height:1.7;margin-top:10px}
html[data-theme] .pro-membership-offer{gap:14px;align-items:flex-start}
html[data-theme] .pro-membership-offer>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
html[data-theme] .pro-membership-offer del{font-size:12px;color:var(--muted);order:3}.pro-membership-offer strong{font-size:36px!important}.pro-membership-offer .button{width:100%}
.overview-discover{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:24px 0}
html[data-theme] .overview-discover .game-network-card{margin:0;padding:26px;display:flex;flex-direction:column;align-items:stretch;gap:16px;border-radius:20px}
html[data-theme] .game-network-copy{order:-1}.game-network-copy h2{font-size:18px!important;margin:0}.game-network-copy p{font-size:12px;line-height:1.8}.game-network-cta{align-self:flex-start;font-size:12px}
html[data-theme] .overview-discover .game-network-mark{width:100%;height:180px;background:radial-gradient(ellipse at 30% 30%,#376a6f,#15333f)!important;border-radius:16px;border:1px solid #426b74;box-shadow:inset 0 5px 16px #10273266;justify-content:center;gap:15px}
.wt-tile,.wt-card{width:58px;height:88px;background:#faf9f2;border:1px solid #d4dcd7;border-radius:8px;color:#2e6265;box-shadow:2px 6px 0 #b2c8c2,4px 12px 16px #102b3f55;font-size:29px;transform:rotate(-9deg)}.wt-card{display:flex;flex-direction:column;line-height:1;font-size:20px;color:#19253a;transform:rotate(0);gap:3px}.wt-card em{font-style:normal;font-size:38px}.wt-card.wt-red{color:#b54848;transform:rotate(9deg)}
.overview-model-card .section-heading{margin-bottom:0}.overview-model-card .model-grid{grid-template-columns:1fr;margin:18px 0}.overview-model-card .button{margin-top:14px}
html[data-theme] .overview-activity{margin:24px 0;padding:26px;min-height:170px}.overview-activity .section-heading h2{font-size:18px}.overview-activity .section-heading{margin-bottom:18px}
html[data-theme] .main-content .section-kicker{font-family:inherit;font-size:11px;letter-spacing:0;text-transform:none}
html[data-theme] .reserve-intro h2,html[data-theme] .ledger-intro h2,html[data-theme] .contribute-intro h2,html[data-theme] .routing-intro h2,html[data-theme] .company-intro h2,html[data-theme] .settings-view>h2{font-family:inherit;font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-.03em;max-width:none;margin:12px 0 16px;color:var(--ink)}
html[data-theme] .reserve-intro p,html[data-theme] .ledger-intro p,html[data-theme] .contribute-intro p,html[data-theme] .routing-intro p,html[data-theme] .company-intro p,html[data-theme] .settings-view>p{font-size:13px;line-height:1.8;max-width:760px;color:var(--muted)}
html[data-theme] .reserve-view,html[data-theme] .full-ledger-view,html[data-theme] .routing-view,html[data-theme] .company-view,html[data-theme] .contribute-view{max-width:1440px}
.pool-browser{margin:24px 0}.pool-browser h3{font-size:19px;margin:0 0 20px}.pool-browser-fields{display:grid;grid-template-columns:2fr 1fr;gap:18px}.pool-browser label,.preferences-panel label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600}.pool-browser input,.pool-browser select,.preferences-panel select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);background:var(--input-bg)}
.pool-browser .button{margin-top:18px}.pool-browser-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.pool-browser-row strong{overflow-wrap:anywhere}.pool-browser-row span{color:var(--muted)}
html[data-theme] .reserve-meter,html[data-theme] .reserve-health-card,html[data-theme] .rate-card,html[data-theme] .consumer-api-panel,html[data-theme] .time-shift-card{margin:24px 0;padding:28px;border-radius:20px}
html[data-theme] .rate-converter,html[data-theme] .reserve-health-summary{gap:18px}
html[data-theme] .acu-account-card{background:#192b46;color:#fff;padding:32px;border:0;border-radius:22px;margin:24px 0}
html[data-theme] .acu-account-card>div>strong{color:#fff;font-size:52px}
html[data-theme] .acu-account-card>div>span,html[data-theme] .acu-account-card p,html[data-theme] .acu-account-tags{color:#c5d2e3}
html[data-theme] .acu-account-tags span{background:#ffffff08;color:#fff;border-color:#ffffff20}
html[data-theme] .ledger-summary{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;gap:24px;margin:24px 0}
html[data-theme] .ledger-summary article{background:transparent!important;border:0!important;padding:0!important}
html[data-theme] .ledger-summary span{font-size:12px;color:var(--muted)}
html[data-theme] .transfer-panel{background:var(--surface);padding:28px;border-radius:20px;gap:30px;margin:24px 0;box-shadow:none}
html[data-theme] .transfer-panel:before{display:none}
html[data-theme] .transfer-copy{padding:0}.transfer-copy h3{font-size:24px!important;font-family:inherit!important;color:var(--ink)!important;line-height:1.35!important}.transfer-copy p{font-size:13px!important}
html[data-theme] .transfer-form-card{background:var(--surface-2);box-shadow:none;border-color:var(--line);padding:20px;backdrop-filter:none}
html[data-theme] .ledger-table-card{padding:26px;border-radius:20px}.ledger-toolbar h3,.rate-head h3,.reserve-health-head h3{font-size:20px;font-weight:700;font-family:inherit}
html[data-theme] .contribute-grid{grid-template-columns:minmax(0,1fr);gap:24px}
html[data-theme] .provider-form{border:0!important;background:transparent!important;box-shadow:none!important;padding:0;display:flex;flex-direction:column;gap:24px}
.contribution-group{margin:0;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.contribution-group legend{float:left;grid-column:1/-1;width:100%;font-size:19px;font-weight:700;padding:0;margin-bottom:6px;color:var(--ink)}
.contribution-group .contribution-field{margin:0}.contribution-group .contribution-field>span{font-size:12px;line-height:1.5;font-weight:600;color:var(--ink)}
.contribution-group input,.contribution-group select{height:46px!important;font-size:13px!important;border-radius:10px!important;padding:12px!important}
.contribution-group .plan-hint,.contribution-group .eligibility-card,.contribution-group .pool-id-line,.contribution-group .key-note,.contribution-group .schedule-fields,.contribution-group>button{grid-column:1/-1;margin:0}
html[data-theme] .contribution-group .eligibility-card{background:var(--surface-2);border-color:var(--line)}
html[data-theme] .contribute-side{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}
html[data-theme] .settings-view{max-width:1440px;text-align:left}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:24px 0}
html[data-theme] .appearance-panel{margin:0;padding:28px;display:flex;flex-direction:column;gap:22px;align-items:stretch;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
html[data-theme] .appearance-panel>div>strong{font-size:19px}.appearance-panel small{display:block;font-size:12px!important;line-height:1.8;margin-top:10px}.theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-options button{flex:1;min-height:44px;font-size:12px!important;justify-content:center}
.preferences-panel h3,.service-rules h3{font-size:19px;margin:0 0 20px}.preferences-panel label{margin-top:18px}.preferences-panel p{color:var(--muted);font-size:12px;line-height:1.8;margin:20px 0 0}
.service-rules dl{margin:0}.service-rules dl>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.service-rules dl>div:last-child{border:0}.service-rules dt{color:var(--muted)}.service-rules dd{margin:0;color:var(--ink)}
/* Account page: retain the real form and its controller, within the same workspace. */
html[data-theme] .auth-backdrop{position:static;grid-column:2;grid-row:2;display:block;width:100%;padding:40px;margin:0;background:transparent!important;backdrop-filter:none;z-index:1}
html[data-theme] .auth-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;background:transparent!important;border:0!important;box-shadow:none;width:100%;max-width:1200px;max-height:none;border-radius:0!important;margin:0 auto;overflow:visible}
html[data-theme] .auth-brand{background:#192b46;border-radius:24px;min-height:580px;padding:40px;gap:30px;justify-content:flex-start}
html[data-theme] .auth-brand img{width:140px;height:140px;margin:8px 0 12px}.auth-brand strong{font-size:32px;line-height:1.4}.auth-brand>span{font-size:13px;line-height:1.8;margin-top:4px}.auth-brand p{font-size:15px}
html[data-theme] .auth-content{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:visible;position:relative}
html[data-theme] .auth-content h2{font-size:24px;padding-right:34px}.auth-content .section-kicker{display:none}.auth-copy{font-size:13px;line-height:1.8}
html[data-theme] .auth-card .modal-close{position:absolute;right:16px;top:16px;width:32px;height:32px}
html[data-theme] .auth-card input:not([type=checkbox]){font-size:14px;height:48px;background:var(--input-bg)}
html[data-theme] .auth-card label>span{font-size:12px;color:var(--ink)}.auth-note{font-size:11px!important;line-height:1.8;background:var(--surface-2);border-radius:10px;padding:14px}
body.is-auth-open .main-content>[id^="view-"]{display:none!important}
.mobile-menu-toggle,.nav-scrim{display:none}
@media(max-width:1180px){html[data-theme] .topbar{grid-template-columns:190px minmax(0,1fr) auto;padding:0 24px;gap:12px}html[data-theme] .language-picker{max-width:115px}html[data-theme] .intro-row{grid-template-columns:minmax(0,1fr) 260px;padding:30px}html[data-theme] .main-content>[id^="view-"],html[data-theme] .auth-backdrop{padding:28px}}
@media(max-width:920px){html[data-theme] .app-shell{display:block;min-height:100dvh}html[data-theme] .topbar{display:grid;grid-template-columns:1fr auto;height:auto;min-height:64px;padding:12px 20px;gap:10px;position:sticky;top:0}html[data-theme] .topbar .brand-block{grid-column:1;grid-row:1}html[data-theme] .topbar .brand-name{font-size:20px}html[data-theme] .topbar .brand-mark{width:28px;height:28px}html[data-theme] .topbar .brand-mark img{width:28px;height:28px}html[data-theme] .breadcrumb{display:none}html[data-theme] .mobile-menu-toggle{display:grid;grid-column:2;grid-row:1;width:40px;height:40px;border:1px solid var(--line)}html[data-theme] .topbar-actions{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-start;gap:12px;padding-top:4px}html[data-theme] .topbar-actions .theme-toggle,html[data-theme] .topbar-actions .language-picker,html[data-theme] .topbar-actions .auth-topbar-button{height:32px;min-height:32px;padding:4px;font-size:11px}html[data-theme] .sidebar{display:none;position:fixed;left:0;top:116px;bottom:0;height:calc(100dvh - 116px);width:min(300px,85vw);padding:24px;z-index:60;overflow-y:auto;border-right:1px solid var(--line)}body.nav-open .sidebar{display:flex!important}.nav-scrim:not([hidden]){display:block;position:fixed;inset:116px 0 0;border:0;background:#07142666;z-index:55}body.nav-open{overflow:hidden}html[data-theme] .main-content>[id^="view-"],html[data-theme] .auth-backdrop{padding:24px;min-height:calc(100dvh - 116px)}html[data-theme] .intro-row{grid-template-columns:minmax(0,1fr) 260px;padding:28px}.overview-discover{gap:20px}html[data-theme] .auth-brand{min-height:500px;padding:28px}html[data-theme] .auth-brand strong{font-size:26px}}
@media(max-width:680px){html[data-theme] .main-content>[id^="view-"],html[data-theme] .auth-backdrop{padding:20px}html[data-theme] .intro-row{display:flex;flex-direction:column;gap:22px;padding:26px;border-radius:22px;margin-bottom:20px}html[data-theme] .intro-row h1{font-size:34px;line-height:1.24;margin:18px 0}html[data-theme] .intro-row .intro-copy{font-size:13px}.intro-actions{order:1;width:100%}.intro-actions .button{width:100%;min-height:46px}html[data-theme] .intro-actions .button-outline{display:inline-flex}html[data-theme] .brand-insight{display:flex!important;order:2;width:100%;padding:20px;gap:12px}html[data-theme] .hero-grid,.overview-discover,.settings-grid{grid-template-columns:1fr;gap:20px;margin:20px 0}.overview-account,.capacity-card,.overview-model-card,.pool-browser,.preferences-panel,.service-rules{padding:22px;border-radius:18px}.overview-account-value{font-size:38px}html[data-theme] .pro-membership-primary{grid-template-columns:1fr!important;gap:20px;padding:22px!important}html[data-theme] .pro-membership-offer{width:100%}html[data-theme] .overview-discover .game-network-card{padding:22px;gap:18px}html[data-theme] .game-network-cta{width:100%;align-self:stretch}html[data-theme] .reserve-intro h2,html[data-theme] .ledger-intro h2,html[data-theme] .contribute-intro h2,html[data-theme] .routing-intro h2,html[data-theme] .company-intro h2,html[data-theme] .settings-view>h2{font-size:28px}html[data-theme] .reserve-meter,html[data-theme] .reserve-health-card,html[data-theme] .rate-card,html[data-theme] .consumer-api-panel,html[data-theme] .time-shift-card,html[data-theme] .transfer-panel{padding:22px;margin:20px 0}.pool-browser-fields,.contribution-group{grid-template-columns:1fr}.pool-browser-row{grid-template-columns:1fr;gap:6px}.contribution-group{padding:22px;border-radius:18px;gap:16px}.contribution-group legend{font-size:18px}html[data-theme] .contribute-side{grid-template-columns:1fr}.service-rules dl>div{grid-template-columns:1fr;gap:7px;padding:14px 0}html[data-theme] .auth-card{display:flex;flex-direction:column;gap:20px;width:100%!important;max-height:none!important}html[data-theme] .auth-brand{display:flex;min-height:0;width:100%;padding:24px;gap:14px;border-radius:20px}html[data-theme] .auth-brand img{width:64px;height:64px;margin:0}.auth-brand strong{font-size:24px!important}.auth-brand p{font-size:13px!important}.auth-brand>span{display:none}.auth-mobile-brand{display:none!important}html[data-theme] .auth-content{width:100%;padding:24px}html[data-theme] .acu-account-card{padding:26px}.ledger-summary.four{grid-template-columns:1fr 1fr!important}}
html[data-motion="reduce"] *,html[data-motion="reduce"] *:before,html[data-motion="reduce"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html{scroll-behavior:auto}
#contribution-form{display:flex;flex-direction:column;gap:24px}
.contribution-group:has(#contribution-model) label:has(#contribution-model){grid-column:1/-1}
.contribution-group:has(#contribution-api-key) label,.contribution-group:has(#contribution-window)>.contribution-field{grid-column:1/-1}
html[data-theme] .acu-account-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-height:280px}
html[data-theme] .acu-account-card>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
html[data-theme] .ledger-balance-line{display:flex;align-items:baseline;gap:10px}
html[data-theme] .ledger-balance-line strong{font-size:52px!important;line-height:1.2;color:#fff!important;font-weight:700!important;letter-spacing:-.04em}
html[data-theme] .ledger-balance-line small{font-size:32px;color:#fff}
html[data-theme] .acu-account-card>p{margin:0;font-size:12px;line-height:1.8}
html[data-theme] .acu-account-tags{display:flex;gap:12px;flex-wrap:wrap}
html[data-theme] #contribution-form{background:transparent;border:0;padding:0;box-shadow:none}

/* Quiet reading palette and a clearer hierarchy across the workspace. */
html[data-theme="light"] {
  --bg:#f5f3ed; --surface:#fffdf8; --surface-2:#edf1ea;
  --ink:#182d26; --muted:#4e6258; --line:#ccd5ca; --input-bg:#f8f9f4;
  --lime:#205941; --lime-dark:#174530; --orange:#91502e;
  --blue:#27634c; --soft-accent:#e6efe3;
  --wt-hero:#18372d; --wt-accent:#cde1bc; --wt-accent-ink:#173227;
  color-scheme:light;
}
html[data-theme="dark"] {
  --bg:#131d19; --surface:#1c2a24; --surface-2:#283a30;
  --ink:#edf3e9; --muted:#b7c9bd; --line:#42594c; --input-bg:#17251e;
  --lime:#cde1bc; --lime-dark:#b7d2a3; --orange:#f3b590;
  --blue:#b4d8bc; --soft-accent:#2d4436;
  --wt-hero:#18372d; --wt-accent:#cde1bc; --wt-accent-ink:#173227;
  color-scheme:dark;
}
body { font-size:15px; line-height:1.65 }
html[data-theme] .intro-row {
  background:linear-gradient(135deg,#18372d,#25483a);
  padding:clamp(24px,4vw,54px);
}
html[data-theme] .intro-row h1 {
  font-size:clamp(34px,4.4vw,64px); line-height:1.14; letter-spacing:-.045em;
  font-weight:750; overflow-wrap:anywhere;
}
html[data-theme] .intro-row h1 em { color:#d5e8c4 }
html[data-theme] .intro-row .intro-copy { color:#e0ebe3; font-size:15px; line-height:1.8 }
html[data-theme] .intro-row .section-kicker { color:#e6efdb; background:#ffffff14 }
html[data-theme] .brand-insight { background:#ffffff09; border-color:#ffffff29 }
html[data-theme] .brand-insight p { color:#e0ebe3 }
html[data-theme] .intro-row .button-outline { border-color:#94aa99; color:#f5f9f3 }
html[data-theme] .intro-row .button-outline:hover { background:#ffffff18 }
html[data-theme] .section-heading h2,html[data-theme] .empty-view h2 {
  color:var(--ink); font-size:clamp(26px,3vw,40px); line-height:1.24;
  letter-spacing:-.035em; text-wrap:balance;
}
html[data-theme] .section-heading.compact h2 { font-size:clamp(20px,2.2vw,28px) }
html[data-theme] .section-heading p:not(.section-kicker) { color:var(--muted); line-height:1.75 }
html[data-theme] .auth-brand,html[data-theme] .acu-account-card { background:var(--wt-hero) }
html[data-theme] .nav-item.active { background:var(--soft-accent); color:var(--ink); font-weight:700 }
html[data-theme] .button-accent { font-weight:700 }
html[data-theme] .button-accent:hover:not(:disabled) { background:#bcd6a8; color:#173227 }
html[data-theme] .contribution-group label>span,html[data-theme] .auth-card label>span { font-size:14px }
html[data-theme] .contribution-group :is(input,select) { font-size:15px!important }
html[data-theme] .auth-note { color:var(--muted); font-size:13px!important }
@media(max-width:680px) {
  html[data-theme] .intro-row h1 { font-size:clamp(30px,8vw,43px); letter-spacing:-.035em }
  html[data-theme] .intro-row .intro-copy { font-size:14px }
  html[data-theme] .intro-actions .button { min-height:44px }
  html[data-theme] .contribution-group :is(input,select),
  html[data-theme] .auth-card input:not([type=checkbox]) { font-size:16px!important }
}