/* XinXin 16 · Glass · page layouts (home, console header, metrics, auth) */
html[data-color-mode] body.app-body:not(#_) .wrap.app-frame{max-width:1480px!important;padding:14px clamp(14px,2.4vw,40px) 36px!important}
html[data-color-mode] body.app-body:not(#_) .page-main{padding-top:6px}
html[data-color-mode] body.app-body:not(#_) .multipage-shell.console-shell{grid-template-columns:248px minmax(0,1fr)!important;gap:22px!important;margin-top:20px!important}
html[data-color-mode] body.app-body:not(#_) :is(.user-page-sidebar,.admin-sidebar-v6).console-sidebar{position:sticky!important;top:92px!important}
html[data-color-mode] body.app-body:not(#_) .multipage-content{display:grid;gap:20px;align-content:start}

/* ── Shared display type ────────────────────────────────── */
.g-display{
  margin:22px 0 0;font-size:clamp(38px,4.3vw,64px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.045em!important;
  background:linear-gradient(180deg,var(--g-ink) 30%,color-mix(in srgb,var(--g-ink) 55%,var(--g-a1)));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--g-ink);
  text-wrap:balance;
}
.g-lead{max-width:560px;margin:20px 0 0;font-size:clamp(15px,1.15vw,17.5px);line-height:1.75;color:var(--g-ink-2)!important}
.g-overline{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:var(--g-r-pill);
  background:var(--g-glass);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--g-ink-2)}
.g-btn-lg{min-height:52px!important;padding:0 26px!important;font-size:15px!important;border-radius:var(--g-r-md)!important;display:inline-flex!important;align-items:center;gap:10px}
.g-btn-lg span{transition:transform .25s var(--g-ease)}
.g-btn-lg:hover span{transform:translateX(3px)}

/* ── Home hero ──────────────────────────────────────────── */
.g-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center;
  min-height:min(78vh,720px);padding:clamp(40px,6vw,88px) clamp(8px,2vw,24px) clamp(28px,4vw,56px);
}
.g-hero-copy{position:relative;z-index:2;min-width:0}
.g-endpoint{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-top:30px;padding:6px 6px 6px 8px;
  border-radius:var(--g-r-md);background:var(--g-glass);border:1px solid var(--g-line);box-shadow:var(--g-shadow);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.g-endpoint-tag{padding:5px 9px;border-radius:var(--g-r-sm);background:var(--g-tint);color:var(--g-accent-ink);font-size:10px;font-weight:760;letter-spacing:.12em;white-space:nowrap}
html[data-color-mode] body.app-body:not(#_) .g-endpoint code{background:none!important;border:0!important;padding:0 4px!important;color:var(--g-ink)!important;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html[data-color-mode] body.app-body:not(#_) .g-copy{min-height:34px;padding:0 14px;border-radius:var(--g-r-sm)!important;border:1px solid var(--g-line-2)!important;background:var(--g-glass-2)!important;color:var(--g-ink)!important;font-weight:680;font-size:12.5px;cursor:pointer;box-shadow:inset 0 1px 0 var(--g-edge)!important;transition:background .2s,color .2s}
html[data-color-mode] body.app-body:not(#_) .g-copy:hover{background:var(--g-tint)!important;color:var(--g-accent-ink)!important}
.g-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.g-bonus{display:inline-flex;align-items:center;gap:10px;margin:18px 0 0!important;font-size:13px;color:var(--g-ink-2)!important}
.g-bonus span{padding:2px 8px;border-radius:var(--g-r-pill);background:var(--g-grad);color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em}
.g-bonus strong{color:var(--g-accent-ink)}
.g-stats{display:flex;flex-wrap:wrap;gap:0;margin:40px 0 0;padding:0}
.g-stats>div{padding:0 clamp(16px,2vw,30px);border-left:1px solid var(--g-line-2)}
.g-stats>div:first-child{padding-left:0;border-left:0}
.g-stats dt{font-size:11.5px;color:var(--g-mute);font-weight:600;letter-spacing:.04em}
.g-stats dd{margin:4px 0 0;font-size:clamp(24px,2.2vw,32px);font-weight:780;letter-spacing:-.03em;color:var(--g-ink);font-variant-numeric:tabular-nums}

/* 3D stage */
.g-stage{position:relative;z-index:1;height:clamp(380px,40vw,520px);perspective:1400px;display:grid;place-items:center}
.g-orb{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),transparent 22%),radial-gradient(circle at 50% 50%,var(--g-a3),var(--g-a1) 52%,var(--g-a2) 100%);
  filter:blur(1px);opacity:.88;box-shadow:0 40px 120px -20px var(--g-glow),inset -30px -40px 80px rgba(40,20,140,.45),inset 20px 20px 60px rgba(255,255,255,.35);
  animation:g-float 9s ease-in-out infinite}
.g-orb i{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,var(--g-glow),transparent 62%);filter:blur(40px);z-index:-1}
.g-ring{position:absolute;border-radius:50%;border:1px solid var(--g-line-2);transform:rotateX(72deg);pointer-events:none}
.g-ring-a{width:96%;aspect-ratio:1;animation:g-spin 40s linear infinite}
.g-ring-b{width:78%;aspect-ratio:1;border-style:dashed;opacity:.7;animation:g-spin 28s linear infinite reverse}
.g-ring::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--g-a2);box-shadow:0 0 14px var(--g-a2)}
.g-scene{position:relative;width:min(400px,86%);aspect-ratio:1.18;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-18deg);transition:transform .6s var(--g-ease)}
.g-plate{position:absolute;inset:0;border-radius:var(--g-r-xl);border:1px solid var(--g-line-2);
  background:linear-gradient(150deg,var(--g-glass-2),var(--g-glass-3));
  -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--g-shadow-lift)}
.g-plate-back{transform:translateZ(-90px) translate(34px,-30px);opacity:.45}
.g-plate-mid{transform:translateZ(-45px) translate(17px,-15px);opacity:.7}
.g-plate-front{transform:translateZ(0);padding:22px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.g-plate-front::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%);background-size:250% 100%;animation:g-sheen 7s ease-in-out infinite}
.g-plate-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--g-ink)}
.g-plate-head span{display:inline-flex;align-items:center;gap:8px}
.g-plate-head b{padding:3px 10px;border-radius:var(--g-r-pill);background:rgba(47,174,143,.14);color:var(--g-ok);font-size:10.5px;letter-spacing:.1em}
.g-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.g-route-node{padding:12px 14px;border-radius:var(--g-r-md);background:var(--g-glass-in);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge)}
.g-route-node small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--g-mute);font-weight:700}
.g-route-node strong{display:block;margin-top:3px;font-size:13.5px;color:var(--g-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-route-node.is-accent{background:var(--g-grad);border-color:transparent;box-shadow:var(--g-shadow-btn)}
.g-route-node.is-accent :is(small,strong){color:#fff}
.g-route-line{position:relative;width:36px;height:2px;border-radius:2px;background:var(--g-line-2);overflow:hidden}
.g-route-line i{position:absolute;inset:0;width:40%;background:var(--g-grad);animation:g-flow 1.8s var(--g-ease) infinite}
.g-plate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px}
.g-plate-grid div{padding:10px 12px;border-radius:var(--g-r-md);background:var(--g-glass-3);border:1px solid var(--g-line)}
.g-plate-grid small{display:block;font-size:11px;color:var(--g-mute)}
.g-plate-grid strong{font-size:22px;letter-spacing:-.03em;color:var(--g-ink)}
.g-bars{display:flex;align-items:flex-end;gap:7px;height:56px;margin-top:auto}
.g-bars i{flex:1;height:var(--h);border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--g-a3),var(--g-a1));opacity:.85;transform-origin:bottom;animation:g-bar 3.6s var(--g-ease) infinite alternate}
.g-bars i:nth-child(2n){animation-delay:-1.2s;background:linear-gradient(180deg,var(--g-a2),var(--g-a1))}
.g-bars i:nth-child(3n){animation-delay:-2.1s}
.g-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--g-r-md);
  background:var(--g-glass-2);border:1px solid var(--g-line-2);box-shadow:var(--g-shadow-lift);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12.5px;font-weight:650;color:var(--g-ink);white-space:nowrap}
.g-chip b{padding:2px 7px;border-radius:var(--g-r-sm);background:var(--g-tint-2);color:var(--g-accent-ink);font-size:10px;letter-spacing:.08em}
.g-chip-a{left:-12%;bottom:12%;transform:translateZ(70px);animation:g-float 7s ease-in-out -2s infinite}
.g-chip-b{right:-10%;top:8%;transform:translateZ(110px);animation:g-float 8s ease-in-out -5s infinite}

@keyframes g-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes g-spin{to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes g-sheen{0%,60%{background-position:150% 0}100%{background-position:-50% 0}}
@keyframes g-flow{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
@keyframes g-bar{0%{transform:scaleY(.72)}100%{transform:scaleY(1)}}

/* Home sections */
.g-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px}
.g-feature{padding:24px!important}
.g-feature h3{margin:18px 0 6px!important;font-size:16.5px!important}
.g-feature p{margin:0;font-size:13.5px;line-height:1.65;color:var(--g-mute)!important}
.g-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--g-r-md);background:var(--g-grad);box-shadow:var(--g-shadow-btn)}
.g-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.g-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px;border-radius:var(--g-r-lg);overflow:hidden;
  border:1px solid var(--g-line);background:var(--g-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--g-shadow)}
.g-steps>div{display:grid;gap:3px;padding:20px 22px;border-left:1px solid var(--g-line)}
.g-steps>div:first-child{border-left:0}
.g-steps span{font-family:var(--g-mono);font-size:11px;font-weight:700;color:var(--g-accent-ink)}
.g-steps strong{font-size:14.5px;color:var(--g-ink)}
.g-steps small{font-size:12.5px;color:var(--g-mute)}
.g-section{margin-top:clamp(56px,7vw,96px)}
.g-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.g-section-head h2{margin:10px 0 6px!important;font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.035em!important;font-weight:780!important}
.g-section-head p{margin:0;color:var(--g-mute)!important;font-size:14.5px}
.g-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.g-pool{padding:22px!important;display:flex;flex-direction:column;gap:12px}
.g-pool header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.g-pool header small{font-family:var(--g-mono);font-size:11px;color:var(--g-faint);letter-spacing:.06em;text-transform:uppercase}
.g-pool h3{margin:4px 0 0!important;font-size:18px!important}
.g-pool p{margin:0;font-size:13px;color:var(--g-mute)!important}
.g-pool ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.g-pool li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--g-r-md);background:var(--g-glass-in);border:1px solid var(--g-line)}
html[data-color-mode] body.app-body:not(#_) .g-pool li code{background:none!important;border:0!important;padding:0!important;color:var(--g-ink)!important;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-pool li span{font-size:11.5px;color:var(--g-mute);white-space:nowrap;font-variant-numeric:tabular-nums}
.g-more{color:var(--g-faint)!important;font-size:12px}
.g-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.g-image{padding:20px!important;overflow:hidden}
.g-image-art{position:relative;height:120px;margin:-4px -4px 16px;border-radius:var(--g-r-md);overflow:hidden;
  background:linear-gradient(135deg,var(--g-a3),var(--g-a1) 55%,var(--g-a2))}
.g-image-art i{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(2px)}
.g-image-art i:first-child{width:90px;height:90px;right:-16px;top:-20px;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.1) 60%)}
.g-image-art i:last-child{width:140px;height:140px;left:-30px;bottom:-70px;background:rgba(255,255,255,.18)}
.g-image h3{margin:0 0 6px!important;font-size:16.5px!important}
.g-image p{margin:10px 0 14px;font-size:13px;color:var(--g-mute)!important}
.g-image dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.g-image dl div{padding:8px 10px;border-radius:var(--g-r-md);background:var(--g-glass-in);border:1px solid var(--g-line)}
.g-image dt{font-size:10.5px;color:var(--g-mute);font-weight:650}
.g-image dd{margin:2px 0 0;font-size:14px;font-weight:740;color:var(--g-ink);font-variant-numeric:tabular-nums}
.g-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(56px,7vw,96px);padding:clamp(28px,4vw,48px)!important;border-radius:var(--g-r-xl)!important;overflow:hidden}
.g-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--g-orb-2),transparent 65%);pointer-events:none}
.g-cta h2{margin:12px 0 8px!important;font-size:clamp(24px,2.8vw,38px)!important;letter-spacing:-.035em!important;word-break:break-all}
.g-cta p{margin:0;color:var(--g-mute)!important}
.g-cta>*{position:relative;z-index:1}

/* ── Console page header ────────────────────────────────── */
.g-pagehead{display:flex;justify-content:space-between;align-items:stretch;gap:24px;padding:clamp(22px,2.4vw,32px)!important;border-radius:var(--g-r-xl)!important;overflow:hidden}
.g-pagehead::before{content:"";position:absolute;left:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--g-orb-1),transparent 65%);opacity:.55;pointer-events:none}
.g-pagehead>*{position:relative;z-index:1}
.g-pagehead-main{min-width:0;align-self:center}
.g-crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--g-mute);font-weight:600}
.g-crumb b{color:var(--g-faint);font-weight:400}
.g-crumb strong{color:var(--g-accent-ink)}
.g-pagehead h1{margin:10px 0 8px!important;font-size:clamp(28px,2.8vw,40px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.1!important}
.g-pagehead p{margin:0;max-width:620px;font-size:14px;color:var(--g-mute)!important}
.g-pagehead-side{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:min(300px,100%)}
.g-balance{display:grid;gap:2px;padding:16px 20px;border-radius:var(--g-r-lg);text-decoration:none!important;
  background:var(--g-grad);box-shadow:var(--g-shadow-btn);color:#fff!important;position:relative;overflow:hidden;transition:transform .25s var(--g-ease)}
.g-balance::after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%)}
a.g-balance:hover{transform:translateY(-2px)}
.g-balance small{color:rgba(255,255,255,.78)!important;font-size:11.5px;font-weight:650;letter-spacing:.04em}
.g-balance strong{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff!important}
.g-balance span{color:rgba(255,255,255,.72)!important;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
html[data-color-mode] body.app-body:not(#_) .g-quick a{display:grid;place-items:center;min-height:36px;padding:0 6px;border-radius:var(--g-r-md);font-size:12.5px;font-weight:650;
  color:var(--g-ink-2)!important;background:var(--g-glass-3);border:1px solid var(--g-line);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
html[data-color-mode] body.app-body:not(#_) .g-quick a:hover{background:var(--g-tint);color:var(--g-accent-ink)!important}

/* ── Metrics & charts ───────────────────────────────────── */
html[data-color-mode] body.app-body:not(#_) .metric-grid{gap:14px!important}
html[data-color-mode] body.app-body:not(#_) .metric-card{padding:18px 20px!important;overflow:hidden}
html[data-color-mode] body.app-body:not(#_) .metric-card .metric-top span{color:var(--g-mute)!important;font-size:12px!important;font-weight:640!important}
html[data-color-mode] body.app-body:not(#_) .metric-card .metric-top i{
  font-style:normal;font-family:var(--g-mono);font-size:9.5px!important;font-weight:700;letter-spacing:.08em;
  color:var(--g-accent-ink)!important;background:var(--g-tint)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;padding:3px 7px!important}
html[data-color-mode] body.app-body:not(#_) .metric-card strong{display:block;margin:12px 0 4px;font-size:clamp(24px,2vw,30px)!important;font-weight:800!important;letter-spacing:-.035em!important;color:var(--g-ink)!important;font-variant-numeric:tabular-nums}
html[data-color-mode] body.app-body:not(#_) .metric-card small{color:var(--g-mute)!important;font-size:12px}
html[data-color-mode] body.app-body:not(#_).app-body main .metric-card.featured.featured{background:var(--g-grad)!important;border-color:transparent!important;box-shadow:var(--g-shadow-btn)!important}
html[data-color-mode] body.app-body:not(#_) .metric-card.featured :is(strong,span,small){color:#fff!important}
html[data-color-mode] body.app-body:not(#_) .metric-card.featured small{opacity:.8}
html[data-color-mode] body.app-body:not(#_) .metric-card.featured .metric-top i{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
html[data-color-mode] body.app-body:not(#_) .metric-progress{background:var(--g-tint)!important;border-radius:var(--g-r-pill)!important;height:6px!important;overflow:hidden}
html[data-color-mode] body.app-body:not(#_) .metric-progress i{background:var(--g-grad)!important;border-radius:inherit!important}
html[data-color-mode] body.app-body:not(#_) .chart-title span{color:var(--g-mute)!important}
html[data-color-mode] body.app-body:not(#_) .chart-title h2{font-size:17px!important;margin:4px 0 0!important}
html[data-color-mode] body.app-body:not(#_) .chart-grid{gap:16px!important}

/* Admin overview story */
html[data-color-mode] body.app-body:not(#_).app-body main .overview-story-card.feature-panel.feature-panel{background:var(--g-grad)!important;border-color:transparent!important;box-shadow:var(--g-shadow-btn)!important;overflow:hidden}
html[data-color-mode] body.app-body:not(#_) .overview-story-card.feature-panel :is(h3,b,p,span,small,.story-kicker){color:#fff!important}
html[data-color-mode] body.app-body:not(#_) .overview-story-card.feature-panel p{opacity:.88}
html[data-color-mode] body.app-body:not(#_) .overview-story-card .story-inline-metrics>span{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:var(--g-r-md)!important}
html[data-color-mode] body.app-body:not(#_) .overview-mini-grid>article strong{color:var(--g-ink)!important;letter-spacing:-.03em;font-weight:800}
html[data-color-mode] body.app-body:not(#_) .overview-mini-grid>article :is(small,span){color:var(--g-mute)!important}

/* Inner blocks that legacy layers paint as flat white */
html[data-color-mode] body.app-body:not(#_) :is(.key-command-grid>article,.wallet-quick-stats>*,.inline-info,.pool-public-mini,.key-model-scope,.key-pool-control,.studio-price-preview,.chat-system-panel,.gpt-system-panel,.story-inline-metrics>span,.mini-history,.v15-ledger-row,.pool-logic-strip,.preview-site-cards>*){
  background:var(--g-glass-in)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-md)!important;box-shadow:none!important;color:var(--g-ink-2)!important}
html[data-color-mode] body.app-body:not(#_) :is(.key-command-grid>article,.wallet-quick-stats>*) strong{color:var(--g-ink)!important}

/* ── Auth ───────────────────────────────────────────────── */
html[data-color-mode] body.app-body:not(#_) .auth-shell{min-height:calc(100vh - 220px);align-items:center;gap:clamp(28px,5vw,80px)!important}
html[data-color-mode] body.app-body:not(#_) .auth-copy h1{font-size:clamp(36px,4.4vw,60px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.045em!important;margin:16px 0!important;
  background:linear-gradient(180deg,var(--g-ink) 35%,color-mix(in srgb,var(--g-ink) 55%,var(--g-a1)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-color-mode] body.app-body:not(#_) .auth-copy p{font-size:15px;color:var(--g-ink-2)!important;max-width:460px}
html[data-color-mode] body.app-body:not(#_) .auth-card{padding:clamp(26px,3vw,40px)!important;border-radius:var(--g-r-xl)!important;box-shadow:var(--g-shadow-lift)!important}
html[data-color-mode] body.app-body:not(#_) .auth-card h2{font-size:24px!important;margin:16px 0 4px!important}
html[data-color-mode] body.app-body:not(#_) .auth-logo{width:52px!important;height:52px!important;display:grid!important;place-items:center;font-size:20px!important}
html[data-color-mode] body.app-body:not(#_) .auth-card form button{width:100%;min-height:48px;font-size:15px!important}
html[data-color-mode] body.app-body:not(#_) .register-gift{background:var(--g-glass)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-lg)!important;box-shadow:var(--g-shadow)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
html[data-color-mode] body.app-body:not(#_) .register-gift strong{color:var(--g-accent-ink)!important}

/* ── Responsive ─────────────────────────────────────────── */
@media(max-width:1180px){
  .g-hero{grid-template-columns:1fr;min-height:0;text-align:left}
  .g-stage{height:420px;order:2}
  .g-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-color-mode] body.app-body:not(#_) .multipage-shell.console-shell{grid-template-columns:220px minmax(0,1fr)!important}
}
@media(max-width:960px){
  .g-pagehead{flex-direction:column}
  .g-pagehead-side{min-width:0}
}
@media(max-width:820px){
  html[data-color-mode] body.app-body:not(#_) .wrap.app-frame{padding:8px 12px 28px!important}
  html[data-color-mode] body.app-body:not(#_) .multipage-shell.console-shell{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin-top:12px!important}
  html[data-color-mode] body.app-body:not(#_) :is(.user-page-sidebar,.admin-sidebar-v6).console-sidebar{top:70px!important;padding:6px!important;border-radius:var(--g-r-lg)!important}
  html[data-color-mode] body.app-body:not(#_) .console-sidebar .side-link.active{box-shadow:inset 0 -2px 0 var(--g-a1)!important}
  html[data-color-mode] body.app-body:not(#_) .mobile-console-head{display:none!important}
  .g-hero{padding:36px 2px 12px;gap:8px}
  .g-display{font-size:clamp(34px,10vw,48px)!important}
  .g-stage{height:340px}
  .g-scene{width:min(320px,82%)}
  .g-chip-a{left:-4%}.g-chip-b{right:-4%}
  .g-stats{margin-top:28px;row-gap:16px}
  .g-features{grid-template-columns:1fr;gap:12px}
  .g-feature{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:18px!important}
  .g-feature .g-icon{grid-row:span 2}
  .g-feature h3{margin:2px 0 4px!important}
  .g-steps>div{border-left:0;border-top:1px solid var(--g-line)}
  .g-steps>div:first-child{border-top:0}
  .g-section-head{flex-direction:column;align-items:flex-start}
  .g-pool-grid,.g-image-grid{grid-template-columns:1fr}
  .g-cta{flex-direction:column;align-items:flex-start}
  .g-pagehead{padding:20px!important;gap:16px}
  .g-pagehead h1{font-size:28px!important}
  .g-balance strong{font-size:22px}
}
@media(max-width:430px){
  .g-endpoint{display:flex;width:100%}
  .g-actions .btn{flex:1;justify-content:center}
  .g-stats>div{padding:0 14px}
  .g-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── Motion preferences ─────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  .g-orb,.g-ring,.g-chip,.g-bars i,.g-route-line i,.g-plate-front::before{animation:none!important}
  .g-scene{transition:none}
}
html[data-desktop-motion="off"] :is(.g-orb,.g-ring,.g-chip,.g-bars i,.g-route-line i,.g-plate-front::before){animation:none!important}
@media(max-width:820px){html[data-mobile-motion="off"] :is(.g-orb,.g-ring,.g-chip,.g-bars i,.g-route-line i){animation:none!important}}

/* Sidebar identity card: avatar + name on one row, balance below */
html[data-color-mode] body.app-body:not(#_) .user-sidebar-card{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:4px 12px!important;padding:14px!important;border-radius:var(--g-r-md)!important}
html[data-color-mode] body.app-body:not(#_) .user-sidebar-avatar{width:40px!important;height:40px!important;display:grid!important;place-items:center}
html[data-color-mode] body.app-body:not(#_) .user-sidebar-copy{min-width:0}
html[data-color-mode] body.app-body:not(#_) .user-sidebar-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
html[data-color-mode] body.app-body:not(#_) .user-sidebar-balance{grid-column:1/-1;margin-top:8px;padding:8px 12px!important;border-radius:var(--g-r-sm)!important;background:var(--g-tint)!important;border:1px solid var(--g-line)!important;font-variant-numeric:tabular-nums;text-align:left!important;justify-self:stretch!important}
@media(max-width:820px){html[data-color-mode] body.app-body:not(#_) .user-sidebar-card{display:none!important}}

/* Legacy ui-mobile/ui-desktop rules carry 4-5 class specificity; guard key text colors. */
html[data-color-mode] body.app-body:not(#_):is(.ui-mobile,.ui-desktop,.public-surface,.admin-surface) main .metric-card:not(.featured) strong{color:var(--g-ink)!important}
html[data-color-mode] body.app-body:not(#_):is(.ui-mobile,.ui-desktop,.public-surface,.admin-surface) main .metric-card:not(.featured) :is(small,.metric-top span){color:var(--g-mute)!important}
html[data-color-mode] body.app-body:not(#_):is(.ui-mobile,.ui-desktop,.public-surface,.admin-surface) main :is(.card,.module-card,.chart-card) :is(h2,h3,h4){color:var(--g-ink)!important}
html[data-color-mode] body.app-body:not(#_):is(.ui-mobile,.ui-desktop,.public-surface,.admin-surface) main .metric-card.featured :is(strong,span,small){color:#fff!important}

/* Mobile user table: each row becomes a ~380px card; let off-screen cards skip
   layout so the 50-card page (~20 screens tall) stays responsive. A row with an
   open editor opts out — containment would trap its position:fixed sheet. */
@media(max-width:820px){
  html[data-color-mode] body.app-body:not(#_) #user-table tbody tr{content-visibility:auto;contain-intrinsic-size:auto 380px}
  html[data-color-mode] body.app-body:not(#_) #user-table tbody tr:has(details[open]){content-visibility:visible}
}

/* User edit panel floats over the table (bottom sheet on mobile): must be opaque. */
:root[data-color-mode="light"]{--g-sheet:#f7f8ff}
:root[data-color-mode="dark"]{--g-sheet:#161a38}
html[data-color-mode] body.app-body:not(#_) main .user-edit-panel{
  background:var(--g-sheet)!important;border:1px solid var(--g-line-2)!important;border-radius:var(--g-r-lg)!important;
  box-shadow:0 -8px 40px rgba(20,24,80,.22),var(--g-shadow-lift)!important;text-align:left!important;padding:18px!important}
html[data-color-mode] body.app-body:not(#_) main .user-edit-panel :is(label,small,.field){text-align:left!important}
html[data-color-mode] body.app-body:not(#_) main .user-edit-panel .field{display:grid!important;gap:6px;justify-items:stretch}
html[data-color-mode] body.app-body:not(#_) main .user-edit-panel form{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}

/* Dual wallets and mobile cards. Keep this in the existing final layout layer. */
:root[data-color-mode="light"]{--wallet-vip-ink:#8a5917;--wallet-vip-bg:#fff7e8;--wallet-vip-line:#e6c58a}
:root[data-color-mode="dark"]{--wallet-vip-ink:#f1ce88;--wallet-vip-bg:#2b2330;--wallet-vip-line:#65503b}
html[data-color-mode] body.app-body:not(#_) .wallet-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
html[data-color-mode] body.app-body:not(#_) .wallet-account{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:24px;border-radius:var(--g-r-lg);border:1px solid var(--g-line-2);background:linear-gradient(145deg,var(--g-glass-2),var(--g-tint));box-shadow:var(--g-shadow)}
html[data-color-mode] body.app-body:not(#_) .wallet-account header{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--g-ink-2)}
html[data-color-mode] body.app-body:not(#_) .wallet-account>strong{display:block;color:var(--g-ink);font-size:clamp(24px,3vw,36px);font-weight:780;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:14px 0 8px;overflow-wrap:anywhere;line-height:1.25}
html[data-color-mode] body.app-body:not(#_) .wallet-account p{font-size:12px;line-height:1.65;color:var(--g-ink-2);margin:0 0 18px;flex:1}
html[data-color-mode] body.app-body:not(#_) .wallet-account-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--g-line-2);border-radius:12px;background:var(--g-glass);font-size:20px}
html[data-color-mode] body.app-body:not(#_) .wallet-account-tag{width:fit-content;display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--g-line-2);border-radius:999px;font-size:11px;line-height:1.4;color:var(--g-ink-2);background:var(--g-glass-3)}
html[data-color-mode] body.app-body:not(#_) .wallet-account-vip{background:var(--wallet-vip-bg);border-color:var(--wallet-vip-line)}
html[data-color-mode] body.app-body:not(#_) .wallet-account-vip>strong,html[data-color-mode] body.app-body:not(#_) .wallet-account-vip :is(header,.wallet-account-tag,.wallet-account-symbol),html[data-color-mode] body.app-body:not(#_) .wallet-vip-text{color:var(--wallet-vip-ink)!important}
html[data-color-mode] body.app-body:not(#_) .wallet-account-vip :is(.wallet-account-tag,.wallet-account-symbol){border-color:var(--wallet-vip-line)}
html[data-color-mode] body.app-body:not(#_) .g-balance-vip{border-color:var(--wallet-vip-line)!important;background:var(--wallet-vip-bg)!important}
html[data-color-mode] body.app-body:not(#_) .g-balance-vip :is(small,strong){color:var(--wallet-vip-ink)!important}
html[data-color-mode] body.app-body:not(#_) .user-sidebar-balance{display:grid;gap:6px;font-size:11px}
html[data-color-mode] body.app-body:not(#_) .user-sidebar-balance>span{display:flex;justify-content:space-between;gap:6px;overflow-wrap:anywhere}
html[data-color-mode] body.app-body:not(#_) :is(.wallet-rule,.wallet-rules p){font-size:12px;line-height:1.7;color:var(--g-ink-2);margin:12px 0}
html[data-color-mode] body.app-body:not(#_) .wallet-rules{padding:16px;background:var(--g-tint);border:1px solid var(--g-line);border-radius:var(--g-r-md);margin:0 0 16px}
html[data-color-mode] body.app-body:not(#_) .wallet-rules a{font-size:12px;font-weight:600;color:var(--g-accent-ink)}
html[data-color-mode] body.app-body:not(#_) .mini-history strong>span{display:block;line-height:1.6}
html[data-color-mode] body.app-body:not(#_) .vip-allowance-list{display:grid;gap:10px}
html[data-color-mode] body.app-body:not(#_) .vip-allowance-item{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--g-line);border-radius:var(--g-r-md);background:var(--g-glass-in)}
html[data-color-mode] body.app-body:not(#_) .vip-allowance-item>div{display:grid;gap:6px;min-width:0}
html[data-color-mode] body.app-body:not(#_) .vip-allowance-item strong{font-size:14px;color:var(--g-ink);overflow-wrap:anywhere}
html[data-color-mode] body.app-body:not(#_) .vip-allowance-item span{font-size:12px;color:var(--g-ink-2);line-height:1.6}
html[data-color-mode] body.app-body:not(#_) .vip-allowance-item b{color:var(--wallet-vip-ink)}
html[data-color-mode] body.app-body:not(#_) .vip-allowance-item small{font-size:11px;color:var(--g-mute)}
html[data-color-mode] body.app-body:not(#_) .wallet-ledger-badge{display:inline-flex;border:1px solid var(--g-line-2);border-radius:6px;background:var(--g-tint);padding:3px 6px;white-space:nowrap;font-size:11px;color:var(--g-accent-ink)}
html[data-color-mode] body.app-body:not(#_) .wallet-ledger-badge.is-vip{color:var(--wallet-vip-ink);background:var(--wallet-vip-bg);border-color:var(--wallet-vip-line)}
html[data-color-mode] body.app-body:not(#_) .voucher-preview{padding:20px;background:var(--g-tint);border:1px solid var(--g-line-2);border-radius:var(--g-r-md);grid-column:1/-1}
html[data-color-mode] body.app-body:not(#_) .voucher-preview>div{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
html[data-color-mode] body.app-body:not(#_) .voucher-preview>div>span{font-size:11px;color:var(--g-mute)}
html[data-color-mode] body.app-body:not(#_) .voucher-preview strong{font-size:16px;color:var(--g-ink)}
html[data-color-mode] body.app-body:not(#_) .voucher-preview p{font-size:14px;color:var(--g-ink-2);line-height:1.75;white-space:pre-line;margin:12px 0 8px}
html[data-color-mode] body.app-body:not(#_) .voucher-preview>small{font-size:11px;color:var(--g-mute);line-height:1.65}
html[data-color-mode] body.app-body:not(#_) [data-redeem-field][hidden]{display:none!important}
html[data-color-mode] body.app-body:not(#_) .user-edit-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
html[data-color-mode] body.app-body:not(#_) .user-edit-panel-head strong{font-size:14px;overflow-wrap:anywhere}
html[data-color-mode] body.app-body:not(#_) main .wallet-adjust-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;border-top:1px solid var(--g-line)!important;padding-top:16px!important}
html[data-color-mode] body.app-body:not(#_) .wallet-adjust-form label{display:grid;gap:6px;font-size:12px;color:var(--g-ink-2)}
html[data-color-mode] body.app-body:not(#_) .wallet-adjust-form :is(input,select){width:100%;min-width:0}
html[data-color-mode] body.app-body:not(#_) main .user-edit-panel{max-height:80vh;max-height:80dvh;overflow-y:auto;overscroll-behavior:contain}
.console-menu-toggle{display:none!important}
.console-menu-links{display:contents}

/* Tablets and phones share one accessible, wrapping navigation menu. */
@media(max-width:1180px){
  html[data-color-mode] body.app-body:not(#_) .multipage-shell.console-shell{grid-template-columns:minmax(0,1fr)!important}
  html[data-color-mode] body.app-body:not(#_) #console-navigation.console-sidebar{position:relative!important;top:auto!important;display:block!important;max-height:none!important;overflow:visible!important;min-width:0!important;width:100%!important;padding:6px!important;z-index:12!important}
  html[data-color-mode] body.app-body:not(#_) #console-navigation .console-menu-toggle{display:none!important;width:100%!important;border:0!important;box-shadow:none!important;min-height:50px!important;background:transparent!important;color:var(--g-ink)!important;text-align:left!important;gap:12px!important;padding:8px 12px!important;align-items:center!important;border-radius:var(--g-r-md)!important}
  html[data-color-mode] body.app-body:not(#_) #console-navigation[data-console-ready] .console-menu-toggle{display:flex!important}
  html[data-color-mode] body.app-body:not(#_) #console-navigation .console-menu-toggle>span:first-child{display:grid!important;gap:2px;flex:1;min-width:0}
  html[data-color-mode] body.app-body:not(#_) #console-navigation .console-menu-toggle small{font-size:10px;font-weight:500;color:var(--g-mute)}
  html[data-color-mode] body.app-body:not(#_) #console-navigation .console-menu-toggle strong{font-size:14px;color:var(--g-ink)}
  html[data-color-mode] body.app-body:not(#_) #console-navigation [data-console-toggle-label]{font-size:12px;color:var(--g-accent-ink)}
  html[data-color-mode] body.app-body:not(#_) #console-menu-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain}
  html[data-color-mode] body.app-body:not(#_) #console-menu-links[hidden]{display:none!important}
  html[data-color-mode] body.app-body:not(#_) #console-menu-links :is(.user-sidebar-card,.sidebar-brand-panel,.sidebar-endpoint,.side-title,.admin-mobile-nav-label){display:none!important}
  html[data-color-mode] body.app-body:not(#_) #console-menu-links .user-sidebar-section{display:contents!important}
  html[data-color-mode] body.app-body:not(#_) #console-navigation .side-link{width:100%!important;min-width:0!important;white-space:normal!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;font-size:13px!important;justify-content:flex-start!important;transform:none!important;line-height:1.5!important}
  html[data-color-mode] body.app-body:not(#_) #console-navigation .side-link :is(small,span){display:none!important}
  html[data-color-mode] body.app-body:not(#_) #console-navigation .side-link em{font-size:13px!important;font-style:normal}
}
@media(max-width:820px){
  html[data-color-mode] body.app-body:not(#_) .wrap.app-frame{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
  html[data-color-mode] body.app-body:not(#_) :is(.page-main,.multipage-content,.module-section,.field,.wallet-grid,.record-stack,.pool-package-body,.pool-model-spec-body){min-width:0!important;max-width:100%}
  html[data-color-mode] body.app-body:not(#_) .g-pagehead-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;min-width:0!important;gap:8px}
  html[data-color-mode] body.app-body:not(#_) .g-pagehead-side .g-quick{grid-column:1/-1}
  html[data-color-mode] body.app-body:not(#_) .g-balance{min-width:0!important;padding:12px!important}
  html[data-color-mode] body.app-body:not(#_) .g-balance strong{font-size:20px!important;overflow-wrap:anywhere;line-height:1.3}
  html[data-color-mode] body.app-body:not(#_) .g-balance span{font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere}
  html[data-color-mode] body.app-body:not(#_) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){font-size:16px!important;min-width:0!important;max-width:100%!important;min-height:44px!important}
  html[data-color-mode] body.app-body:not(#_) :is(button,.btn,.button-link,summary){touch-action:manipulation;min-height:44px!important}
  html[data-color-mode] body.app-body:not(#_) .topbar{position:relative!important;top:auto!important;flex-wrap:wrap!important;gap:8px!important}
  html[data-color-mode] body.app-body:not(#_) .nav-utility{min-width:0;gap:6px!important}
  html[data-color-mode] body.app-body:not(#_) .navlinks{flex-wrap:wrap;gap:4px!important}
  html[data-color-mode] body.app-body:not(#_) .brand-copy{min-width:0}
  html[data-color-mode] body.app-body:not(#_) .brand-copy b{display:none!important}
  html[data-color-mode] body.app-body:not(#_) .mobile-top-balance{display:none!important}
  html[data-color-mode] body.app-body:not(#_) .wallet-accounts{gap:10px}
  html[data-color-mode] body.app-body:not(#_) .wallet-account{padding:16px}
  html[data-color-mode] body.app-body:not(#_) .wallet-account>strong{font-size:25px}
  html[data-color-mode] body.app-body:not(#_) .wallet-account header{font-size:13px}
  html[data-color-mode] body.app-body:not(#_) .wallet-account-symbol{width:28px;height:28px;font-size:17px;border-radius:9px}
  html[data-color-mode] body.app-body:not(#_) .wallet-account p{font-size:11px;margin-bottom:12px}
  html[data-color-mode] body.app-body:not(#_) :is(.redeem-generator,.vip-grant-form,.wallet-adjust-form,.pool-settings-form,.pool-quick-create){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  html[data-color-mode] body.app-body:not(#_) :is(.redeem-generator,.vip-grant-form,.pool-settings-form,.pool-quick-create) .span-2{grid-column:1/-1!important}
  html[data-color-mode] body.app-body:not(#_) .redeem-generator .field>small{font-size:12px!important;line-height:1.6!important}
  html[data-color-mode] body.app-body:not(#_) :is(.redeem-user-form,.v15-code-form){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}
  html[data-color-mode] body.app-body:not(#_) :is(.redeem-user-form,.v15-code-form)>:is(input,button){width:100%!important;min-width:0!important;flex:auto!important}
  html[data-color-mode] body.app-body:not(#_) .vip-allowance-item{flex-direction:column;padding:14px;gap:12px}
  html[data-color-mode] body.app-body:not(#_) .voucher-preview{padding:16px}
  html[data-color-mode] body.app-body:not(#_) :is(.mini-history>div,.responsive-table td){overflow-wrap:anywhere;min-width:0}
  html[data-color-mode] body.app-body:not(#_) :is(.responsive-table code,.generated-box pre,.secret-row code,.footer code){max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
  html[data-color-mode] body.app-body:not(#_) .user-edit-popover{position:static!important}
  html[data-color-mode] body.app-body:not(#_) main .user-edit-panel{position:fixed!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-height:78vh!important;max-height:78dvh!important;z-index:110!important}
  html[data-color-mode] body.app-body:not(#_) #user-table tbody tr.editor-open{content-visibility:visible!important;contain:none!important}
  html[data-color-mode] body.app-body:not(#_) .g-ambient,html[data-color-mode] body.app-body:not(#_) .app-mesh,html[data-color-mode] body.app-body:not(#_) .v15-page-ambient{display:none!important}
  html[data-color-mode] body.app-body:not(#_) :is(.card,.module-card,.chart-card,.metric-card,.wallet-account,.pool-package-card,.console-sidebar){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  html[data-color-mode] body.app-body:not(#_) :is(.v15-inview,.aurora-reveal,.reveal-item,.v14-enter){opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}
@media(max-width:480px){
  html[data-color-mode] body.app-body:not(#_) #console-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-color-mode] body.app-body:not(#_) .wallet-accounts{grid-template-columns:minmax(0,1fr)}
  html[data-color-mode] body.app-body:not(#_) .wallet-account{padding:20px}
  html[data-color-mode] body.app-body:not(#_) .wallet-account>strong{font-size:32px}
  html[data-color-mode] body.app-body:not(#_) .wallet-account p{font-size:12px}
  html[data-color-mode] body.app-body:not(#_) .g-pagehead{padding:16px!important}
  html[data-color-mode] body.app-body:not(#_) .g-pagehead h1{font-size:26px!important}
  html[data-color-mode] body.app-body:not(#_) .nav-utility{margin-left:auto}
  html[data-color-mode] body.app-body:not(#_) .theme-mode-trigger [data-theme-mode-current]{display:none!important}
  html[data-color-mode] body.app-body:not(#_) .theme-mode-trigger{min-width:44px!important;padding:10px!important}
}

@media(max-width:820px){html[data-color-mode] body.admin-surface.app-body:not(#_) .g-pagehead-side .g-balance.is-static{grid-column:1/-1}}

body.app-body.user-editor-open .back-to-top{display:none!important}