.xp-core { position:relative; isolation:isolate; width:244px; height:208px; margin:0 auto; color:var(--xp-accent); }
.xp-core-planet { position:absolute; width:208px; height:208px; object-fit:contain; left:18px; top:0; filter:grayscale(1) drop-shadow(0 12px 10px #0005); animation:xp-float 7s ease-in-out infinite; }
.xp-core-lines { position:absolute; width:244px; height:244px; top:-18px; left:0; stroke-width:1.2; }
.xp-core-guide { stroke:#c8d5cc; opacity:.12; stroke-dasharray:2 7; }
.xp-core-geometry { opacity:.65; }
.xp-core-upgrades { opacity:.4; stroke-width:1.5; }
.xp-core-geometry circle { fill:#242a27; stroke-width:2; }
.xp-core-seal { position:absolute; right:9px; bottom:12px; width:36px; height:36px; display:grid; place-items:center; background:linear-gradient(145deg,#3a423d,#1c201e); border:1px solid #78867a; border-radius:12px; box-shadow:0 3px 5px #0005,inset 0 1px 1px #ffffff22; }
.xp-core-seal .xp-icon { width:20px; height:20px; }
.xp-core-health .xp-core-planet { width:184px; height:184px; left:30px; top:12px; }
.xp-core-finance .xp-core-lines { transform:rotate(8deg); }
.xp-core[data-level=Architect] .xp-core-guide,.xp-core[data-level=Apex] .xp-core-guide { stroke-dasharray:none; opacity:.3; }
.xp-core[data-level=Apex] .xp-core-lines { filter:drop-shadow(0 1px 1px #dad9c844); }
.xp-core-shadow { position:absolute; bottom:0; left:22%; right:22%; height:8px; border-radius:50%; background:#0004; filter:blur(4px); }
.xp-company-orbit { position:absolute; inset:0; z-index:3; pointer-events:none; }
.xp-company-badge { position:absolute; display:flex; flex-direction:column; align-items:center; gap:3px; }
.xp-company-face { display:grid; place-items:center; width:58px; height:38px; padding:6px; border:1px solid #ffffffa0; border-radius:11px; background:#f4f3ef; box-shadow:0 3px 7px #0004; }
.xp-company-logo { display:block; width:100%; height:24px; min-width:0; min-height:0; object-fit:contain; }
.xp-company-badge small { font-size:11px; font-weight:550; color:#d2d7d1; letter-spacing:.04em; line-height:1.2; padding:1px 4px; border-radius:3px; background:#1b201c; }
.xp-company-position-0 { top:12px; left:-27px; }
.xp-company-position-1 { top:65px; right:-28px; }
.xp-company-position-2 { bottom:18px; left:-12px; }
.xp-company-caption { position:absolute; bottom:2px; left:56px; right:10px; font-size:11px; text-align:center; color:#aeb8af; }
.xp-core-with-companies .xp-core-planet { width:192px; height:192px; left:26px; top:5px; }
.xp-core-with-companies.xp-core-health .xp-core-planet { width:180px; height:180px; left:32px; top:11px; }
.xp-company-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:4px 0 10px; }
.xp-company-row > span { font-size:11px; color:#aeb8af; }
.xp-company-row ul { display:flex; align-items:center; gap:6px; list-style:none; padding:0; margin:0; }
.xp-company-row li { display:grid; place-items:center; width:44px; height:28px; padding:5px; background:#f4f3ef; border:1px solid #ffffff80; border-radius:7px; }
.xp-company-row .xp-company-logo { height:16px; }
.xp-company-row .xp-logo-msft,.xp-company-badge .xp-logo-msft { max-width:26px; }
.xp-company-row .xp-logo-nvo,.xp-company-badge .xp-logo-nvo { max-width:26px; }
.xp-company-row .xp-logo-msft,.xp-company-row .xp-logo-nvo { max-width:16px; }
.xp-company-face:has(.xp-logo-jpm) { width:70px; }
.xp-company-row li:has(.xp-logo-jpm) { width:56px; }
@media(max-width:360px) { .xp-company-position-0 { left:-13px; } .xp-company-position-1 { right:-12px; } .xp-company-position-2 { left:-4px; bottom:17px; } .xp-company-face { width:50px; height:33px; padding:5px; } .xp-company-face:has(.xp-logo-jpm) { width:60px; } }
/* Live xStock surface: same Urbanist and metal as the approved preview. */
body.xstock-live { background:#101211; --xp-accent:#c9d5ce; --xp-line:#424943; }
.xstock-live .app-shell { max-width:680px; padding:18px 20px calc(110px + env(safe-area-inset-bottom)); background:linear-gradient(165deg,#202221,#141615 70%); }
.xstock-live .topbar { margin-bottom:14px; }
.xstock-live .brand { font-size:21px; font-weight:550; }
.xstock-live .brand small { display:block; font-size:12px; font-weight:450; color:#b3bcb6; margin-top:1px; }
.xstock-live .brand-logo { width:36px;height:36px; }
.xstock-live .home-asset-dock { display:grid!important; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 12px; position:static; }
.xstock-live .asset-account { min-width:0; padding:11px 12px; border:1px solid #424943; border-radius:18px; background:linear-gradient(140deg,#2b2e2b,#202421); text-align:start; }
.xstock-live .asset-account-label { font-size:12px; gap:5px; }
.xstock-live .asset-account-label img { width:18px;height:18px; }
.xstock-live .asset-account strong { font-size:23px; margin:5px 0 0; display:flex; align-items:baseline; gap:5px; flex-wrap:wrap; }
.xstock-live .asset-account strong b { font-weight:550; overflow-wrap:anywhere; }
.xstock-live .asset-account strong small { font-size:12px; }
.xstock-live .asset-account em { font-size:12px; color:#abb8b1; }
.xstock-live .cosmos-hero { display:block!important; background:none!important; border:0!important; padding:0!important; min-height:0!important; }
.xstock-live .cosmos-hero .planet-console { display:none!important; }
.xstock-live .energy-panel { margin:14px 0!important; padding:16px!important; width:100%!important; border:1px solid #465048!important; border-radius:20px!important; background:linear-gradient(140deg,#282e29,#1c211e)!important; box-shadow:inset 0 1px #ffffff10!important; }
.xstock-live .mission-control-kicker,.xstock-live .energy-burst,.xstock-live .collection-meter { display:none; }
.xstock-live .mission-control-heading { margin-bottom:4px; }
.xstock-live .mission-control-heading strong { font-size:13px; font-weight:450; }
.xstock-live .pending-line { margin:2px 0!important; justify-content:flex-start; gap:8px; }
.xstock-live #pending-energy { font-size:30px!important; font-weight:550; }
.xstock-live .production-line { font-size:12px; margin-top:4px; }
.xstock-live .quick-actions { margin:8px 0; }
.xstock-live .collect-button { min-height:48px!important; margin-top:10px; border-radius:14px!important; background:linear-gradient(145deg,#314c3e,#243b30)!important; border:1px solid #5e806d!important;border-bottom-width:3px!important;color:#f4f2ee!important; box-shadow:inset 0 1px #ffffff13!important; }
.xstock-live .collect-button:disabled { background:#252c28!important; border-color:#424944!important; color:#969f99!important; }
.xstock-live .collect-button strong { font-size:15px; }
.xstock-live .collect-button small { font-size:12px; }
.xstock-live .week-rail-card { margin-top:14px; }
.xstock-live .bottom-nav { max-width:680px; background:#181e1a; border-color:#434e46; }
.xstock-live .bottom-nav small { display:block!important; font-size:11px; }
.xstock-live .bottom-nav button { gap:4px; }
.xstock-live .document-card { display:none; } /* Previous PDF describes the retired Mining Core narrative. */
.xs-agent { margin:16px 0 0; }
.xs-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.xs-heading p { font-size:12px; margin:0 0 4px; color:#9dac9f; }
.xs-heading h1 { font-size:25px; line-height:1.1; font-weight:550; margin:0;letter-spacing:-.5px; }
.xs-meta { display:flex;align-items:center;gap:9px;font-size:12px;color:#b2bcb4;margin:10px 0 7px; }
.xs-level { border:1px solid #697869; padding:3px 9px;border-radius:7px;color:#dce3d8; }
.xs-icon-button { display:grid;place-items:center;background:#ffffff03;border:1px solid #485249;border-radius:50%;width:34px;height:34px;flex:none; }
.xp-icon { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55; }
.xp-core-lines { fill:none;stroke:currentColor; }
.xs-market { display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:10px 0; }
.xs-market span { color:#adb7af;font-size:12px; }
.xs-market strong { display:block;font-size:23px;color:var(--xp-accent);font-weight:550; }
.xs-market-date { font-size:12px;color:#a7b6ad; }
.xs-text-button { display:inline-flex;align-items:center;gap:3px;background:none;border:0;padding:6px 0;color:#b6d9c7;font-size:12px; }
.xs-text-button svg { width:16px;height:16px; }
.xs-actions { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px; }
.xs-button { display:flex;justify-content:center;align-items:center;gap:7px;width:100%;min-height:46px;padding:10px 12px;font-size:14px;font-weight:550;color:#f4f2ee;border:1px solid #5e806d;border-bottom-width:3px;border-radius:14px;background:linear-gradient(145deg,#314c3e,#243b30);box-shadow:inset 0 1px #ffffff13; }
.xs-button.secondary { background:#ffffff03;border-color:#515c53;border-bottom-width:1px;box-shadow:none; }
.xs-button:disabled { background:#252c28;color:#98a49c;border-color:#424944;box-shadow:none; }
.xs-note { font-size:12px;color:#aeb8b0;line-height:1.5;margin:8px 0; }
.xs-note a { color:#b6d9c7;text-decoration:underline; }
.xs-theme-list { display:grid;gap:14px; }
.xs-theme-card { border:1px solid #454e47;border-radius:20px;padding:16px;background:linear-gradient(140deg,#282d29,#1b211d); }
.xs-theme-card.selected { border-color:#869b8c; }
.xs-card-head { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.xs-card-head h2 { font-size:23px;font-weight:550;line-height:1.1;margin:0; }
.xs-card-head p { font-size:12px;color:#aeb8b0;margin:7px 0;max-width:220px; }
.xs-card-head .xp-core-small { width:110px;height:110px;flex:none;margin:0; }
.xp-core-small .xp-core-lines { width:110px;height:110px;left:0;top:0; }
.xp-core-small .xp-core-planet { width:104px;height:104px;left:3px;top:3px; }
.xp-core-small .xp-core-seal { right:0;bottom:0;width:27px;height:27px;border-radius:9px; }
.xp-core-small .xp-core-seal svg { width:17px;height:17px; }
.xs-theme-return { display:flex;justify-content:space-between;gap:10px;margin:12px 0;color:#acb6ad;font-size:12px; }
.xs-theme-return b { color:var(--xp-accent);font-size:20px;font-weight:550; }
.xs-switch-info { font-size:12px;color:#b3c4b7;margin:10px 0 16px; }
.xs-detail,.xs-rules { color:#d7ded8;line-height:1.6; }
.xs-detail p { font-size:13px;overflow-wrap:anywhere; }
.xs-rules p { margin:0 0 18px; }
.xstock-live [data-page=themes] .page-title p { font-size:13px;color:#aeb8b0; }
.xstock-live button:focus-visible,.xstock-live a:focus-visible { outline:2px solid #b6d9c7;outline-offset:3px; }
@keyframes xp-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)} }
@media(prefers-reduced-motion:reduce) { .xstock-live .xp-core-planet { animation:none; } }
@media(max-width:380px) { .xstock-live .app-shell { padding-inline:12px; } .xs-card-head h2 { font-size:21px; } .xs-heading h1 { font-size:23px; } .xs-actions { gap:7px; } .xs-button { font-size:12px; } }
[dir=rtl] .xp-core { direction:ltr; }
.xstock-live .bottom-nav button { display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px 2px!important; }
.xstock-live .bottom-nav small { width:100%;white-space:normal;overflow-wrap:normal;line-height:1.15;text-align:center; }
.xstock-live #home-wallet { display:flex!important;margin:14px 0;padding:12px;border:1px solid #465048;border-radius:16px;background:#202722; }
.xstock-live #home-wallet .wallet-copy { flex:1;min-width:0; }
.xstock-live #home-wallet button { background:#2c4637;border-color:#688873;color:#f4f2ee; }
.xstock-live #free-core-card:not([data-phase=activate]):not([data-phase=loading]) { display:none!important; }
.xstock-live .xp-company-caption { font-size:11px; }
.xstock-live .free-core-card { background:linear-gradient(145deg,#29352c,#1d251f); }
.xstock-live .free-core-card button { background:#2c4939;color:#f4f2ee;border-color:#688873; }
.xstock-live .energy-panel .quick-actions,.xstock-live .energy-panel .production-line { display:none; }
.xstock-live .xs-agent>.xp-core { margin-block:-7px; }
.xstock-live .daily-energy-total { display:grid;grid-template-columns:auto auto;column-gap:6px;text-align:end; }
.xstock-live .daily-energy-total>span { grid-column:1/-1; }
.xstock-live #week-reset-time { display:block;margin-inline-start:6px;font-size:12px; }
/* Reference charts share the existing Agent palette. No timers or decorative chart animations. */
.xs-market-slot{min-height:62px;margin:4px 0 12px}.xs-sparkline{display:block;width:100%;height:56px;overflow:visible}.xs-market-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#aabbb2}.xs-market-slot .xs-note{margin:2px 0;font-size:12px}.xs-chart{background:#151c19;border:1px solid #33483b;border-radius:18px;padding:14px 10px;min-width:0}.xs-chart h3{margin:0 4px 12px;font-size:17px;line-height:1.3}.xs-chart-controls{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.xs-chart-controls>div{display:flex;gap:3px}.xs-chart-controls button{border:0;border-radius:8px;background:transparent;color:#acbcb2;padding:9px 8px;font:inherit;font-size:12px;min-height:36px}.xs-chart-controls button[aria-pressed=true]{background:#2b4336;color:#e2f1e8}.xs-chart-controls button:focus-visible{outline:2px solid #9bd6bd;outline-offset:1px}.xs-chart [data-chart-host]{height:230px;width:100%;direction:ltr}.xs-chart-value{height:18px;margin:10px 4px 2px;font-size:12px;color:#c5d3cc;font-variant-numeric:tabular-nums}.xs-chart-source{margin:12px 0;font-size:12px;color:#acbcb2}.xs-chart-source summary{cursor:pointer;padding:8px 0}.xs-chart-source p{line-height:1.6}.xs-chart-source a{color:#9bd6bd}.xs-chart [data-chart-status]:empty{display:none}
.xs-chart [hidden]{display:none!important}

/* Home hierarchy is explicit: funds, collect, theme, then secondary activity.
   This overrides the legacy Mini App flex order that pushed balances below art. */
.xstock-live .page[data-page=home].active { display:flex;flex-direction:column;gap:14px; }
.xstock-live .page[data-page=home] > * { order:10;min-width:0; }
.xstock-live .page[data-page=home] > .home-asset-dock { order:0;margin:0; }
.xstock-live .page[data-page=home] > #xstock-collect { order:1; }
.xstock-live .page[data-page=home] > #xstock-agent { order:2;margin:0; }
.xstock-live .page[data-page=home] > .hud-strip { order:3;margin:0; }
.xstock-live .page[data-page=home] > #free-core-card { order:4; }
.xstock-live .page[data-page=home] > .cosmos-hero { display:none!important; }
.xstock-live .asset-account { min-height:124px;padding:12px 13px; }
.xstock-live .asset-account::after { display:none; }
.xstock-live .asset-account strong { margin-top:7px;font-size:clamp(23px,6.5vw,30px);font-variant-numeric:tabular-nums; }
.xstock-live .asset-account strong b { white-space:normal;overflow-wrap:anywhere; }
.xstock-live .asset-account em { white-space:normal;line-height:1.3; }
.asset-account-action { display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:11px;font-size:12px;font-weight:600;color:#c7e5d5; }
.xs-collector { position:relative;border:1px solid #4b574e;border-radius:22px;padding:14px 15px 16px;background:linear-gradient(135deg,#29312b,#1b211d);box-shadow:inset 0 1px #ffffff12; }
.xs-collector-head,.xs-collector-head>div,.xs-collector-tools { display:flex;align-items:center;gap:8px; }
.xs-collector-head { justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #ffffff0d; }
.xs-collector-head h2 { margin:0;font-size:16px;font-weight:550; }
.xs-collector-head .xs-level { font-size:12px;padding:2px 6px; }
.xs-collector-head .xs-icon-button { width:28px;height:28px; }
.xs-collector-head .xs-text-button { font-size:12px; }
.xs-collector-body { display:grid;grid-template-columns:minmax(100px,.85fr) minmax(0,1fr);align-items:center;gap:12px;padding-top:12px; }
.xs-collector-art { min-width:0;display:grid;place-items:center; }
.xs-collector-art .xp-core { width:138px;height:148px;margin:0; }
.xs-collector-art .xp-core-lines { width:146px;height:146px;left:-4px;top:0;animation:xs-orbit 28s linear infinite; }
.xs-collector-art .xp-core-planet { width:128px;height:128px;left:5px;top:9px;animation:xs-agent-float 5s ease-in-out infinite; }
.xs-collector-art .xp-core-planet.xp-core-crystal { width:148px;height:148px;left:-5px;top:0;filter:none;animation:none;pointer-events:none; }
/* The crystal draws its own rings, so the static SVG orbit would double them. */
.xs-collector-art .xp-core-has-crystal .xp-core-lines,.xs-collector-art .xp-core-has-crystal .xp-core-shadow { display:none; }
.xs-collector-art .xp-core-seal { display:none; }
.xstock-live .xs-collector .energy-panel { display:block!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important; }
.xstock-live .xs-collector .energy-panel::before,.xstock-live .xs-collector .mission-control-kicker { display:none!important; }
.xstock-live .xs-collector .mission-control-heading strong { font-size:12px;line-height:1.25;color:#b6c8bc; }
.xstock-live .xs-collector #pending-energy { font-size:34px!important;font-variant-numeric:tabular-nums;line-height:1.15; }
.xs-collector .pending-line em { font-style:normal; }
.xs-collector #xstock-reward-note { font-size:12px;margin:4px 0 8px; }
.xstock-live .xs-collector .collect-button { min-height:45px!important;margin:8px 0 0!important;padding:7px 9px!important; }
.xstock-live .xs-collector .collect-button strong { font-size:14px; }
.xstock-live .xs-collector .collect-button::after { font-size:23px; }
.xstock-live .xs-collector .collect-button::before { display:none; }
.xstock-live .xs-collector .collect-button small { font-size:12px;color:#b4ccbe; }
.xs-collector:has(.collecting) .xp-core-lines { animation-duration:5s; }
.xs-collector .xp-core-planet.is-receiving { animation:xs-agent-receive 600ms cubic-bezier(.22,1,.36,1) both; }
.xs-collector.collect-success { border-color:#9bd6bd;transition:border-color 350ms; }
.xs-agent .xs-heading { align-items:center; }
.xs-agent .xs-heading h1 { font-size:18px;line-height:1.25;letter-spacing:-.2px; }
.xs-agent>.xs-note { margin:5px 0 10px; }
.xs-home-choices { border-top:1px solid #3b453e; }
.xs-home-choice { display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;border:0;border-bottom:1px solid #ffffff10;background:none;color:#e2e7e3;text-align:start; }
.xs-home-choice-name { min-width:0;flex:1; }
.xs-home-choice-name>strong { display:block;font-size:13px;font-weight:550;line-height:1.25; }
.xs-home-choice .xp-company-row { margin:6px 0 0;justify-content:flex-start; }
.xs-home-choice .xp-company-row>span { display:none; }
.xs-home-choice .xp-company-row li { width:29px!important;height:19px;padding:3px;border-radius:4px; }
.xs-home-choice .xp-company-logo { height:12px; }
.xs-choice-quote { font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums; }
.xs-home-choice>.xp-icon { width:15px;height:15px;color:#a1b1a6; }
.xs-reference-date { display:flex;justify-content:space-between;gap:8px;font-size:12px; }
.xstock-live .hud-pill { min-height:35px;padding:5px 8px;box-shadow:none;background:#202622;border-color:#3a463d; }
.xstock-live .hud-level .hud-badge { height:25px;min-width:29px;font-size:11px; }
.xstock-live .hud-flame { font-size:14px; }
@keyframes xs-agent-float { 0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)} }
@keyframes xs-orbit { to{transform:rotate(360deg)} }
@keyframes xs-agent-receive { 0%,100%{transform:scale(1)}35%{transform:scale(.91)}65%{transform:scale(1.07)} }
.motion-paused .xs-collector-art * { animation-play-state:paused!important; }
@media(max-width:360px) {
 .xstock-live .brand { font-size:17px;gap:5px;letter-spacing:-.5px; }.xstock-live .brand-logo { width:28px;height:28px; }
 .xstock-live .topbar { gap:6px; }.xstock-live .topbar-right { gap:5px; }
 .xs-collector { padding:12px; }.xs-collector-body { grid-template-columns:105px minmax(0,1fr);gap:8px; }
 .xs-collector-art .xp-core { transform:scale(.8);width:138px;margin-inline:-16px; }
 .xs-collector-head h2{font-size:14px}.xs-collector-head .xs-level{font-size:11px}.xs-collector-head .xs-text-button{max-width:88px;line-height:1.2;}
 .xstock-live .xs-collector #pending-energy { font-size:29px!important; }
}
@media(prefers-reduced-motion:reduce) { .xs-collector-art .xp-core-lines,.xs-collector-art .xp-core-planet { animation:none!important; } }
/* Compact company constellation: logos remain upright and clear of the claim. */
.xs-collector-art .xp-core { height:166px; }
.xs-collector-art .xp-core-planet { width:100px;height:100px;left:19px;top:30px; }
.xs-collector-art .xp-core-lines { top:7px; }
.xs-collector-art .xp-company-badge { gap:1px;animation:xs-company-float 6s ease-in-out infinite; }
.xs-collector-art .xp-company-face { width:36px;height:25px;padding:4px;border-radius:7px;border-color:#ffffff70; }
.xs-collector-art .xp-company-logo { height:17px; }
.xs-collector-art .xp-company-badge small { font-size:11px;padding:0 2px;line-height:1.2; }
.xs-collector-art .xp-company-position-0 { top:0;left:5px;animation-delay:-1s; }
.xs-collector-art .xp-company-position-1 { top:0;right:5px;animation-delay:-3s; }
.xs-collector-art .xp-company-position-2 { top:65px;bottom:auto;left:-2px;animation-delay:-2s; }
.xs-collector-art .xp-company-position-3 { top:65px;right:-2px;animation-delay:-4s; }
.xs-collector-art .xp-company-position-4 { top:126px;left:51px;animation-delay:-5s; }
.xs-collector-art .xp-company-caption { bottom:-8px;left:0;right:0;font-size:11px; }
@keyframes xs-company-float { 0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)} }
@media(prefers-reduced-motion:reduce) { .xs-collector-art .xp-company-badge { animation:none!important; } }
.xs-collector-art { padding:0;border:0;background:none;color:inherit;cursor:pointer;border-radius:14px; }
.xs-collector-art:focus-visible { outline:2px solid #a9d6ca;outline-offset:3px; }
.xs-collector-art .xp-core { pointer-events:none; }
.xs-collector-footer { display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff0d;margin-top:10px;padding-top:9px;font-size:12px;color:#b9c9bf; }
.xs-principal { display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff18;margin-top:10px;padding-top:10px;color:#b9c9bf;font-size:12px; }
.xs-principal span { display:inline-flex;align-items:center;gap:5px; }
.xs-principal b,.xs-principal time { color:#e3f1e8;font-variant-numeric:tabular-nums;font-weight:600; }
.xs-principal .xp-icon { width:16px;height:16px;color:#b8d99d; }
.xs-collector-footer>span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.xs-collector-footer button { flex-shrink:0;font-size:12px; }
.xstock-live .page[data-page=home]>#home-team { order:2; }
.xstock-live .page[data-page=home]>#daily-quests { order:99; }
.xs-team-card { padding:16px;border:1px solid #424d46;border-radius:20px;background:#202723; }
.xs-team-open { display:block;width:100%;padding:0;border:0;background:none;text-align:start;color:inherit;cursor:pointer; }
.xs-team-title { display:flex;align-items:center;gap:9px;font-size:16px; }
.xs-team-title .xp-icon:last-child { margin-inline-start:auto;width:15px; }
.xs-team-stats { display:grid;grid-template-columns:1fr 1.3fr;gap:18px;margin:17px 0; }
.xs-team-stats>span { display:flex;flex-direction:column;gap:6px;min-width:0; }
.xs-team-stats small { color:#b3c1b8;font-size:12px; }
.xs-team-stats b { font-size:23px;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums; }
.xs-team-foot { display:flex;justify-content:space-between;align-items:center;color:#add3bf;font-size:12px; }
.xs-team-card>.xs-note { margin:10px 0 0;font-size:12px; }
.xs-team-card h2 { font-size:17px;margin:0 0 12px; }
.xs-team-card h3 { font-size:13px;margin:22px 0 8px;color:#c1cec5; }
.xs-commission-total { font-size:30px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.xs-commission-total small { font-size:13px;color:#a9d6ca; }
.xs-commission-list { list-style:none;padding:0;margin:0; }
.xs-commission-list li { display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ffffff12;padding:12px 0;font-size:13px; }
.xs-commission-list li>span { display:flex;flex-direction:column;gap:5px; }
.xs-commission-list small { font-size:12px;color:#a7baad; }
.xs-commission-list b { text-align:end;overflow-wrap:anywhere;min-width:0;color:#a9d6ca; }
.xs-team-paging { display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:12px; }
.xs-team-card button:disabled { opacity:.4;cursor:default; }
.xstock-live [data-page=withdraw] .wallet-history-shortcut button { background:#25312a;border-color:#48594d;color:#d9e9df; }
.xstock-live .xs-collector .mission-control-heading { display:block; }
.xstock-live .xs-collector .mission-control-heading>strong { min-width:0;font-size:12px;margin:0;text-align:start; }
.xs-collector-quote { display:flex;flex-direction:column;align-items:flex-end;gap:3px;border:0;background:none;padding:0;color:#aebcb3;cursor:pointer;max-width:76px;transform:translateY(6px); }
.xs-collector-quote b { font-size:14px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap; }
.xs-collector-quote small { font-size:12px;line-height:1.2;color:#a6b3ab;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.xs-collector-quote[data-direction=up] b { color:#9bd6bd; }
.xs-collector-quote[data-direction=down] b { color:#df9d96; }
.xs-collector-quote:focus-visible { outline:2px solid #a9d6ca;outline-offset:4px;border-radius:3px; }
[dir=rtl] .xs-collector .mission-control-heading>strong { direction:rtl;text-align:right; }
@media(max-width:360px) { .xs-collector-quote { max-width:70px; }.xstock-live .xs-collector .mission-control-heading>strong { font-size:11px; } }

.xstock-live .xs-collector .pending-line { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;direction:ltr; }
.xs-collector .pending-line .xs-pending-amount { display:flex;align-items:center;gap:3px;min-width:0;color:#f2f4f1; }
.xstock-live .xs-collector .pending-line .token-icon { width:16px;height:16px;flex-shrink:0; }
@media(max-width:360px) { .xstock-live .xs-collector #pending-energy { font-size:26px!important; }.xstock-live .xs-collector .pending-line .token-icon { width:12px;height:12px; } }

/* Approved compact home: a shared balance rail and small duotone action marks. */
.xp-icon{stroke-linecap:round;stroke-linejoin:round}.xp-icon .xp-tone{fill:currentColor;fill-opacity:.16;stroke:none}
.xstock-live .home-asset-dock{gap:0;padding:14px 0;border:1px solid #44594c;border-radius:22px;background:linear-gradient(145deg,#253029,#1c251f);box-shadow:inset 0 1px #ffffff0d}
.xstock-live .page[data-page=home]>.xs-home-tagline{order:-1;margin:-2px 2px -7px;color:#e8f1e9;font-size:15px;line-height:1.2;font-weight:650;letter-spacing:-.01em}
.xstock-live .home-asset-dock .asset-account{padding:0 16px;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;color:#f1f5f2;overflow:visible}
.xstock-live .home-asset-dock .asset-account+.asset-account{border-inline-start:1px solid #52645666}
.xstock-live .home-asset-dock .asset-account::after{display:none}.xstock-live .asset-account-label{display:flex;align-items:center;font-size:12px;gap:8px;padding:0;color:#c7d8cd}.xstock-live .asset-account-label img{width:24px;height:24px;object-fit:contain}
.xstock-live .home-asset-dock .asset-account strong{width:100%;align-items:center;flex-wrap:nowrap;gap:8px;margin:9px 0 10px;font-size:30px;line-height:1.05;letter-spacing:-.03em;white-space:normal}.xstock-live .home-asset-dock .asset-account strong b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xstock-live .home-asset-dock .asset-account strong .asset-balance-icon{width:32px;height:32px;flex:none;margin-inline-start:auto}.xstock-live .home-asset-dock .asset-account strong small{display:none}.xstock-live .home-asset-dock .asset-account-spcxx strong b{color:#f1f5f2}
.xstock-live .asset-account-action{display:flex;align-items:center;gap:7px;color:#a4dfbe;font-size:12px;font-weight:550;min-height:24px}.asset-account-action>[data-home-icon]{display:grid;place-items:center;color:#80dbb2}.asset-account-action .xp-icon{width:20px;height:20px}.asset-account-spcxx .asset-account-action,.asset-account-spcxx .asset-account-action>[data-home-icon]{color:#74d8df}.asset-account-action>span:last-child{font-size:18px;margin-inline-start:2px}
.xstock-live .xs-collector .mission-control-heading{display:none}.xs-collector-art .xp-company-badge small,.xs-collector-art .xp-company-caption{display:none}
.xs-collector-head [data-xs-upgrade]{color:#edc274;min-height:34px}.xs-collector-head [data-xs-upgrade] .xp-icon{background:#b7862320;border-radius:7px;padding:3px;width:25px;height:25px}.xs-collector-head [data-xs-info]{color:#8dc6df;border-color:#749caf66;width:34px;height:34px}
.xs-collector #xstock-reward-note{display:flex;align-items:center;gap:6px;font-size:12px;color:#bacbbf;margin:8px 0 9px}.xs-collector #xstock-reward-note>.xp-icon{width:18px;height:18px;color:#80c7e9;flex:none}.xs-collector #xstock-reward-note>span{display:flex;align-items:center;gap:4px}.xs-collector #xstock-reward-note img{object-fit:contain}
.xstock-live .xs-collector .collect-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px!important}.xstock-live .xs-collector .collect-button .collect-icon{display:grid;color:#91e5b7}.xstock-live .xs-collector .collect-icon .xp-icon{width:23px;height:23px}.xstock-live .xs-collector .collect-button::after{display:none!important}.xstock-live .xs-collector .collect-button[data-collection-state=ready] small,.xstock-live .xs-collector .collect-button[data-collection-state=collecting] small{display:none}.xstock-live .xs-collector .collect-button:disabled .collect-icon{color:#829e8a}
.xs-collector-footer{min-height:36px;padding-top:9px;cursor:pointer}.xs-collector-footer>span{display:flex;align-items:center;gap:8px;font-size:12px;white-space:normal}.xs-collector-footer>span .xp-icon{flex:none;width:19px;height:19px;color:#83cbe4}.xs-collector-footer [data-xs-themes]{min-width:62px;min-height:36px;justify-content:flex-end;color:#9fe0b8}.xs-collector-footer [data-xs-themes] .xp-icon:first-child{width:21px;height:21px}.xs-collector-footer [data-xs-themes] .xp-icon:last-child{width:14px;height:14px;color:#bac8bf}
#home-team{padding:12px 14px;border-color:#45574a}#home-team .xs-team-open{display:flex;align-items:center;gap:10px;min-height:38px}#home-team .xs-team-title{gap:8px;font-size:14px;flex-shrink:0}#home-team .xs-team-title>.xp-icon{width:30px;height:30px;padding:4px;color:#edc274;background:#b98c2920;border-radius:9px;margin:0}#home-team .xs-team-title strong{font-weight:550}#home-team .xs-team-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 12px;margin:0;margin-inline-start:auto;min-width:0}#home-team .xs-team-stats>span{flex-direction:row;align-items:center;gap:5px}#home-team .xs-team-stats>span+span{padding-inline-start:12px;border-inline-start:1px solid #67786955}#home-team .xs-team-stats b{font-size:14px;font-weight:550}#home-team .xs-team-stats small{font-size:12px}#home-team .xs-team-stats .xp-icon{width:16px;height:16px;color:#c7af7a}#home-team .xs-team-open>.xp-icon{width:14px;height:14px;flex:none;color:#b9cbbd}
.xstock-live .page[data-page=home]>#daily-quests{padding:0;margin:0;background:#202b24;border-color:#45574a;box-shadow:none}.home-goals summary{display:flex;align-items:center;gap:10px;min-height:60px;padding:12px 14px;list-style:none;cursor:pointer}.home-goals summary::-webkit-details-marker{display:none}.home-goals summary>.xp-icon:first-child{width:30px;height:30px;padding:4px;color:#85cdeb;background:#3882a220;border-radius:9px}.home-goals summary strong{font-size:14px;font-weight:550}.home-goals summary>span{margin-inline-start:auto;font-size:13px;color:#c9ded0;font-variant-numeric:tabular-nums}.home-goals summary>.xp-icon:last-child{width:14px;height:14px;color:#b9cbbd}.home-goals[open] summary>.xp-icon:last-child{transform:rotate(90deg)}.home-goals .quest-list{padding:0 12px 12px;margin-top:0}.home-goals .quest-icon{color:#8fd6c5;background:#263f34;border-color:#486b58}.home-goals .quest-icon .xp-icon{width:21px;height:21px}.home-goals summary:focus-visible,.xs-team-open:focus-visible{outline:2px solid #b3dca0;outline-offset:3px;border-radius:12px}
.xstock-live .bottom-nav [data-page-target=home] svg{color:#d9e989}.xstock-live .bottom-nav [data-page-target=withdraw] svg{color:#75cad5}.xstock-live .bottom-nav [data-page-target=tasks] svg{color:#8ebfe9}.xstock-live .bottom-nav [data-page-target=network] svg{color:#e2bb74}.xstock-live .bottom-nav [data-page-target=profile] svg{color:#dfab95}.xstock-live .bottom-nav button:not(.active)>span{opacity:.72}.xstock-live .bottom-nav button.active>span{opacity:1;background:#ffffff0b;border-radius:9px}.xstock-live .bottom-nav button.active small{color:#e9f0dc}
@media(max-width:360px){.xstock-live .home-asset-dock .asset-account{padding:0 8px}.xstock-live .home-asset-dock .asset-account strong{gap:5px;font-size:24px}.xstock-live .home-asset-dock .asset-account strong .asset-balance-icon{width:26px;height:26px}.xstock-live .asset-account-action{gap:5px;font-size:11px}.xs-collector-footer>span{font-size:11px}.xs-collector-footer>span .xp-icon{width:16px;height:16px}#home-team{padding:9px 11px}#home-team .xs-team-open{gap:7px}#home-team .xs-team-title{font-size:12px;gap:5px}#home-team .xs-team-stats{column-gap:7px}#home-team .xs-team-stats>span+span{padding-inline-start:7px}#home-team .xs-team-stats b{font-size:12px}}

/* Crystal collector: a larger crystal beside a one-line claim amount; the
   daily market move sits in the footer beside the Agent's name. */
.xs-collector-body { grid-template-columns:172px minmax(0,1fr);padding-top:4px; }
.xs-collector-art .xp-core,.xs-collector-art .xp-core.xp-core-has-crystal { width:172px;height:172px;margin:0;transform:none; }
.xs-collector-art .xp-core-planet.xp-core-crystal { width:100%;height:100%;left:0;top:0;-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent);mask-image:radial-gradient(closest-side,#000 80%,transparent); }
.xstock-live .xs-collector .pending-line { grid-template-columns:minmax(0,1fr); }
.xs-collector .pending-line .xs-pending-amount { flex-wrap:nowrap;gap:6px;white-space:nowrap; }
.xstock-live .xs-collector #pending-energy { white-space:nowrap;letter-spacing:-.02em; }
.xstock-live .xs-collector .pending-line .token-icon { width:22px;height:22px; }
.xs-collector-footer .xs-collector-quote { flex-direction:row;align-items:center;gap:6px;max-width:none;min-width:0;margin-inline-start:auto;transform:none; }
.xs-collector-quote>.xp-icon { flex:none;width:18px;height:18px;color:#83cbe4; }
.xs-collector-quote>span { display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0; }
.xs-collector-quote[data-direction=up]>.xp-icon { color:#9bd6bd; }
.xs-collector-quote[data-direction=down]>.xp-icon { color:#df9d96;transform:scaleY(-1); }
.xs-collector-footer [data-xs-themes] { min-width:44px; }
@media(max-width:360px) {
 .xs-collector-body { grid-template-columns:128px minmax(0,1fr); }
 .xs-collector-art .xp-core,.xs-collector-art .xp-core.xp-core-has-crystal { width:128px;height:128px;margin-inline:0;transform:none; }
 .xstock-live .xs-collector .pending-line .token-icon { width:18px;height:18px; }
 .xs-collector-quote>.xp-icon { width:15px;height:15px; }
}
/* Hero: the SpaceX 30-day trend card (spcxx-hero.js, drawn on a canvas in the style of the
   "crypto card" Rive reference) fills the art slot; the ▲/▼ badge is HTML. The Agent crystal
   sits in the header's top-right corner in place of the "?" button and opens the rules. */
/* The hero's caption, between the Agent header and the trend card, across the whole card. */
.xs-hero-title { display:flex;align-items:center;gap:6px;margin:10px 0 2px;color:#b6c8bc;font-size:13px;font-weight:600;line-height:1.3; }
.xs-hero-title span { min-width:0; }
.xs-collector-art.xs-hero { position:relative;width:172px;height:172px;cursor:default; }
.xs-hero-chart { position:absolute;inset:0;padding:0;border:0;border-radius:18px;background:none;color:inherit;cursor:pointer;overflow:hidden;direction:ltr; }
.xs-hero-canvas { position:absolute;inset:0;display:block;width:100%;height:100%;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%),linear-gradient(to left,transparent,#000 16%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent,#000 24%),linear-gradient(to left,transparent,#000 16%);mask-composite:intersect; }
.xs-hero-badge { position:absolute;left:15%;top:13%;display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 4px;border-radius:5px;background:#19e27a;color:#03130a;font-size:12px;font-weight:800;line-height:16px;font-variant-numeric:tabular-nums;animation:xs-hero-blink 1.6s ease-in-out infinite; }
.xs-hero-badge[hidden] { display:none; }
.xs-hero-badge i { font-style:normal;font-size:9px; }
.xs-hero-badge[data-direction=down] { background:#ff6b6b;color:#1c0505; }
@keyframes xs-hero-blink { 50% { opacity:.55; } }
.xs-hero-chart:focus-visible { outline:2px solid #a9d6ca;outline-offset:2px; }
/* Higher specificity than the old .xs-collector-head [data-xs-info] (34px "?" button). */
.xs-collector-head .xs-agent-orb { position:relative;flex:none;width:44px;height:44px;margin:-6px -4px -6px 0;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer; }
.xs-agent-orb .xp-core { width:100%;height:100%;margin:0;pointer-events:none; }
.xs-agent-orb .xp-core-lines,.xs-agent-orb .xp-core-shadow,.xs-agent-orb .xp-core-seal { display:none; }
.xs-agent-orb .xp-core-planet.xp-core-crystal { left:0;top:0;width:100%;height:100%;filter:none;animation:none;-webkit-mask-image:radial-gradient(closest-side,#000 82%,transparent);mask-image:radial-gradient(closest-side,#000 82%,transparent); }
.xs-agent-orb:focus-visible { outline:2px solid #a9d6ca;outline-offset:1px; }
.xs-rules .xs-rules-themes { margin-top:6px; }
.motion-paused .xs-hero-badge { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .xs-hero-badge { animation:none; } }
@media(max-width:360px) {
 .xs-collector-art.xs-hero { width:128px;height:128px; }
 .xs-collector-head .xs-agent-orb { width:40px;height:40px; }
 .xs-hero-badge { font-size:11px;line-height:15px; }
}
/* Header Stake & Upgrade: a gold pill whose Lottie arrow sits in a solid
   gold disc (static arrow until the lazy player is ready). */
.xs-collector-head [data-xs-upgrade] { gap:7px;min-height:32px;padding:3px 3px 3px 12px;border-radius:999px;border:1px solid #edc27499;background:linear-gradient(180deg,#43381e,#2b2515);color:#f6d892;font-size:12px;font-weight:700;line-height:1.15;white-space:nowrap;box-shadow:0 0 0 3px #edc27412,0 4px 14px #edc27424; }
.xs-collector-head [data-xs-upgrade]:focus-visible { outline:2px solid #f6d892;outline-offset:2px; }
.xs-upgrade-mark { position:relative;display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#f7d98c,#d9a441);color:#2b2210; }
.xs-collector-head [data-xs-upgrade] .xs-upgrade-mark .xp-icon { width:16px;height:16px;padding:0;background:none;border-radius:0; }
.xs-upgrade-mark [data-upgrade-lottie] { position:absolute;inset:2px; }
.xs-upgrade-mark [data-upgrade-lottie] svg { display:block;width:100%;height:100%; }
.xs-upgrade-mark [data-upgrade-lottie] svg path { stroke:#2b2210!important; }
.xs-upgrade-mark:has([data-ready=true]) .xp-icon { visibility:hidden; }
@media(max-width:360px) { .xs-collector-head .xs-text-button[data-xs-upgrade] { max-width:none;gap:5px;padding:2px 2px 2px 9px;font-size:11px; }.xs-upgrade-mark { width:22px;height:22px; } }

/* The claim amount split as free + staking: a quiet free figure beside the
   staking figure in a gold box that also opens Stake & Upgrade. */
.xs-collector .pending-line .xs-pending-amount { justify-content:center; }
.xstock-live .xs-collector #xstock-reward-note { justify-content:center;text-align:center; }
.xstock-live .xs-collector #xstock-reward-note.xs-split { align-items:center;gap:5px;margin:4px 0 10px; }
#xstock-reward-note.xs-split em { display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:11px;white-space:nowrap; }
#xstock-reward-note.xs-split .xp-icon { width:12px;height:12px;flex:none; }
#xstock-reward-note.xs-split>.xs-part { display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:0;white-space:nowrap; }
#xstock-reward-note.xs-split .xs-part b { font:800 17px/1 Urbanist,sans-serif;letter-spacing:-.01em; }
#xstock-reward-note.xs-split>.xs-part-free { padding:6px 2px;color:#9fb3a6; }
#xstock-reward-note.xs-split>.xs-part-free b { color:#f2f4f1; }
#xstock-reward-note.xs-split>.xs-part-free .xp-icon { color:#8fd6c5; }
#xstock-reward-note.xs-split>.xs-plus { font:700 15px Urbanist,sans-serif;color:#6f8577; }
#xstock-reward-note.xs-split>.xs-part-stake { flex:1;padding:6px 8px;border-radius:12px;border:1px solid #edc27488;background:linear-gradient(180deg,#edc2742e,#edc2740d);box-shadow:0 0 12px #edc27422;color:#f0d493;font:inherit;font-weight:600;cursor:pointer; }
#xstock-reward-note.xs-split>.xs-part-stake:focus-visible { outline:2px solid #f6d892;outline-offset:2px; }
#xstock-reward-note.xs-split>.xs-part-stake b { font-size:21px;color:#f6d892;text-shadow:0 0 10px #edc27466; }
#xstock-reward-note.xs-split>.xs-part-stake .xp-icon { color:#edc274; }
#xstock-reward-note.xs-split>.xs-part-stake .xs-part-chev { width:10px;height:10px; }
[dir=rtl] #xstock-reward-note.xs-split .xs-part-chev { transform:scaleX(-1); }
@media(max-width:360px) { .xs-collector-head .xs-text-button[data-xs-upgrade] { white-space:normal;max-width:128px;text-align:end;border-radius:16px;box-shadow:0 3px 10px #edc27424; }.xs-collector-head>div:first-child { min-width:0; }.xs-collector-head .xs-level { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0; } }
#xstock-reward-note.xs-split>.xs-part-stake { min-width:0; }@media(max-width:360px) { #xstock-reward-note.xs-split em { flex-wrap:wrap;justify-content:center;white-space:normal;text-align:center; }#xstock-reward-note.xs-split em>.xp-icon:not(.xs-part-chev) { display:none; }#xstock-reward-note.xs-split>.xs-part-stake { padding:6px 5px; } }

/* Asset dock marks: a Rive canvas twice the icon's size, centred on the
   static image it replaces once ready (the artboard's logo sits at 48,52 of
   96). Sparkles and coins overflow the icon; clicks pass through. */
.xstock-live .home-asset-dock .asset-account strong .asset-icon-motion { position:relative;display:inline-grid;flex:none;margin-inline-start:auto; }
.xstock-live .home-asset-dock .asset-account strong .asset-icon-motion .asset-balance-icon { margin:0; }
.asset-icon-rive { position:absolute;left:-50%;top:-58.333%;width:200%;height:200%;pointer-events:none;filter:drop-shadow(0 3px 5px #0008); }
.asset-icon-motion:not([data-rive-ready]) .asset-icon-rive,.asset-icon-motion[data-rive-ready] .asset-balance-icon { visibility:hidden; }

/* Audit fixes: unstyled and wrapping buttons, honest disabled states and
   no repeated titles. */
#view-pending { flex:none;white-space:nowrap;min-width:56px;padding:9px 14px; }
#purchase-history.wallet-secondary-button { display:block;width:100%;min-height:46px;margin-top:10px;padding:10px 14px;border:1px solid #4f5653;border-radius:12px;background:#2a302c;color:#dfe8e2;font:inherit;font-weight:550;box-shadow:inset 0 1px #ffffff0c,0 3px 8px #0003; }
#purchase-history.wallet-secondary-button:active { transform:scale(.98); }
.xstock-live #home-wallet button.is-unavailable { background:#2a2f2c;border-color:#4f5853;color:#9aa69f;box-shadow:none; }
#next-task-description:empty { display:none; }
.withdraw-panel input:disabled { opacity:.55; }
.withdraw-panel input[type=checkbox]:disabled + * { opacity:.6; }
/* The withdraw page already titles itself; the panel's own header is for the sheet. */
.page[data-page=withdraw] .withdraw-panel > header:not(:has([data-wd-close])) { display:none; }

/* Collect: the amount that just landed, rising beside the balance. */
.fx-gain { position:fixed;z-index:61;pointer-events:none;white-space:nowrap;color:#dff66a;font:700 15px/1 Urbanist,system-ui,sans-serif;letter-spacing:-.01em;text-shadow:0 0 10px #dff66a66,0 2px 6px #000a; }

/* Audit round 4. One card language: the grey striped "metal" panels take the
   home screen's green card style, without the white tab that read as a drag
   handle. */
.xstock-live :is(.evolution-card,.chrome-panel,.progress-panel,.network-hero,.order-builder,.milestone-panel,.mission-preview,.withdraw-panel,#invite-list,.leaderboard-panel) { border-color:#44594c;background:linear-gradient(145deg,#253029,#1c251f);box-shadow:inset 0 1px #ffffff0d,0 12px 26px -16px #000d; }
.xstock-live :is(.evolution-card,.chrome-panel,.progress-panel,.network-hero,.order-builder,.milestone-panel,.mission-preview,.withdraw-panel,.leaderboard-panel)::before { display:none; }
/* The black game tiles (7-day rail, wheel, milestones) and the red envelope keep their own looks. */

/* Invite page tabs. */
.net-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin:-4px 0 14px;border:1px solid #44594c;border-radius:14px;background:#1a211d; }
.net-tabs [role=tab] { min-height:38px;border:0;border-radius:10px;background:none;color:#a9bcaf;font:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s; }
.net-tabs [role=tab][aria-selected=true] { background:linear-gradient(145deg,#35503f,#2a3d31);color:#eef5ef;box-shadow:inset 0 1px #ffffff14,0 3px 8px #0006; }
.net-tabs [role=tab]:focus-visible { outline:2px solid #a9d6ca;outline-offset:1px; }
.page[data-page=network][data-net-tab=friends] > [data-net-tab]:not([data-net-tab=friends]),
.page[data-page=network][data-net-tab=earnings] > [data-net-tab]:not([data-net-tab=earnings]),
.page[data-page=network][data-net-tab=rewards] > [data-net-tab]:not([data-net-tab=rewards]) { display:none; }

/* Web sign-out, now at the end of the profile page. */
.page[data-page=profile] > .web-sign-out:not([hidden]) { display:block;width:100%;min-height:46px;margin:22px 0 4px;border:1px solid #6a4b47;border-radius:12px;background:#2b2220;color:#e9b6ad;font:inherit;font-size:14px; }

/* Streak flame: drawn, flickering while alive, a pop on the first open each day. */
.hud-flame { display:inline-grid;place-items:center;font-size:0; }
.hud-flame svg { width:18px;height:18px;overflow:visible;transform-origin:50% 90%;animation:flame-dance 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 5px #ff9a3c88); }
.hud-flame .hud-flame-core { transform-origin:50% 85%;animation:flame-core 1.1s ease-in-out infinite alternate; }
.hud-streak.is-cold .hud-flame svg { animation:none;filter:grayscale(1) brightness(.75);opacity:.75; }
.hud-streak.is-cold .hud-flame .hud-flame-core { animation:none; }
.hud-streak.is-igniting .hud-flame svg { animation:flame-ignite .9s cubic-bezier(.3,1.5,.5,1) both; }
@keyframes flame-dance { 0% { transform:scale(1,1) rotate(-2deg); } 50% { transform:scale(1.04,1.08) rotate(1deg); } 100% { transform:scale(.98,1.03) rotate(2deg); } }
@keyframes flame-core { from { transform:scale(.9); opacity:.85; } to { transform:scale(1.08,1.15); opacity:1; } }
@keyframes flame-ignite { 0% { transform:scale(.3) translateY(4px);filter:drop-shadow(0 0 0 #ff9a3c00); } 55% { transform:scale(1.45);filter:drop-shadow(0 0 12px #ffb347); } 100% { transform:scale(1);filter:drop-shadow(0 0 5px #ff9a3c88); } }

/* Empty states: a small 1A coin bobbing above the message. */
.empty-state::before { content:"";display:block;width:40px;height:40px;margin:0 auto 10px;background:url(./assets/oneagent-token-logo.png) center/contain no-repeat;filter:drop-shadow(0 7px 6px #000a);animation:empty-bob 3.2s ease-in-out infinite; }
@keyframes empty-bob { 0%,100% { transform:translateY(0) rotate(-5deg); } 50% { transform:translateY(-6px) rotate(5deg); } }

/* Bottom navigation: the tapped icon springs. */
.bottom-nav svg.nav-bounce { animation:nav-bounce .42s cubic-bezier(.3,1.6,.5,1); }
@keyframes nav-bounce { 0% { transform:scale(1); } 35% { transform:translateY(-4px) scale(1.16); } 70% { transform:scale(.95); } 100% { transform:scale(1); } }

/* Skeletons for values that have not arrived yet. */
.is-skeleton { display:inline-block;min-width:3.2em;border-radius:8px;color:transparent!important;background:linear-gradient(90deg,#ffffff0b 0%,#ffffff1f 45%,#ffffff0b 90%) 0 0/220% 100%;animation:skeleton-sheen 1.3s linear infinite; }
.is-skeleton * { visibility:hidden; }
@keyframes skeleton-sheen { from { background-position:100% 0; } to { background-position:-120% 0; } }

@media (prefers-reduced-motion: reduce) {
  .hud-flame svg,.hud-flame .hud-flame-core,.empty-state::before,.bottom-nav svg.nav-bounce,.is-skeleton { animation:none!important; }
}

/* Audit round 5. One heading hierarchy: page titles and sheet/section titles
   were 300–400 weight beside 550–700 card titles, and two card titles were
   letter-spaced capitals. */
.xstock-live .page-title h1 { font-weight:600;letter-spacing:-.025em; }
.xstock-live .page h2,.xstock-live .bottom-sheet h2,.xstock-live .activity-dialog h2 { font-weight:600;letter-spacing:-.01em; }
.miniapp-mode .week-rail-heading>div:first-child strong,.miniapp-mode .home-action-card strong { text-transform:none;letter-spacing:-.005em; }
.miniapp-mode .home-action-card strong { font-size:13px; }

/* History lists open as the same bottom sheet as every other panel. */
.activity-dialog { width:min(100%,480px);max-width:100%;max-height:86dvh;margin:auto auto 0;padding:30px 22px calc(24px + env(safe-area-inset-bottom));border:1px solid #505f59;border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(145deg,#333034,#1a1e1c);box-shadow:0 -12px 40px #0009; }
.activity-dialog[open] { animation:sheet-in-v2 330ms var(--ease-soft, cubic-bezier(.2,.8,.2,1)) both; }
.activity-dialog::before { content:"";position:absolute;top:10px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:2px;background:#ffffff38; }
.activity-dialog > header { position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px; }
.activity-dialog > header h2 { margin:0;font-size:22px; }
.activity-dialog > header [data-close] { flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #596560;border-radius:50%;background:#353e3a;color:#c9d8d3;font-size:22px;line-height:1;box-shadow:none; }

/* Withdraw options are alternatives, not steps: each gets an icon in the same circle. */
.withdraw-steps button i.withdraw-step-icon { display:grid;place-items:center;flex:none;color:currentColor; }
.withdraw-steps button i.withdraw-step-icon svg { width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round; }
@media (prefers-reduced-motion: reduce) { .activity-dialog[open] { animation:none; } }
@media (max-width:360px) { .xstock-live .hud-level small { font-size:11px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0; } }
@media (max-width:360px) { .xstock-live .hud-strip { gap:6px; }.xstock-live .hud-pill { padding:8px 9px;gap:6px; }.xstock-live .hud-streak small { font-size:11px; } }

/* Copy invite: a moment of confirmation on the button itself. */
#copy-invite.is-copied { background:linear-gradient(180deg,#dff66a,#b9d64e);color:#1b2410;animation:copied-pop .38s cubic-bezier(.3,1.6,.5,1); }
@keyframes copied-pop { 0% { transform:scale(.92); } 60% { transform:scale(1.06); } 100% { transform:scale(1); } }
.xs-collector-footer.is-pressed,.home-goals summary.is-pressed { filter:brightness(1.08); }
@media (prefers-reduced-motion: reduce) { #copy-invite.is-copied { animation:none; } }

/* A toast that must stay readable over the wallet modal (z-index above AppKit's). */
.toast.is-top { z-index:2147483600;top:calc(14px + env(safe-area-inset-top));bottom:auto;transform:translate(-50%,-12px);width:min(440px,calc(100% - 32px));text-align:center;line-height:1.45; }
.toast.is-top.show { transform:translate(-50%,0); }

/* Wallet: stalled-connection bar above the wallet modal. */
.wallet-stall { position:fixed;z-index:2147483600;left:50%;top:calc(14px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(440px,calc(100% - 32px));padding:10px 10px 10px 16px;border:1px solid #edc27488;border-radius:14px;background:#2b2515f2;color:#f6d892;font-size:14px;box-shadow:0 10px 30px #000a; }
.wallet-stall[hidden] { display:none; }
.wallet-stall span { flex:1;min-width:0; }
.wallet-stall button { flex:none;min-height:36px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(180deg,#f7d98c,#d9a441);color:#2b2210;font:inherit;font-weight:700; }

/* Payment by transfer: the order's deposit address as a QR code. */
.deposit-qr { width:min(220px,64vw);aspect-ratio:1;margin:14px auto 12px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0008; }
.deposit-qr svg { display:block;width:100%;height:100%; }
.deposit-checkout .deposit-wallet-pay { margin-top:10px; }
/* Withdrawal address check before sending. */
.withdraw-confirm { display:grid;gap:8px;margin:12px 0 4px;padding:14px;border:1px solid #edc27477;border-radius:14px;background:#2a261a; }
.withdraw-confirm[hidden] { display:none; }
.withdraw-confirm strong { color:#f6d892;font-size:15px; }
.withdraw-confirm p { margin:0;color:#d8d2c0;font-size:13px;line-height:1.45; }
.withdraw-confirm code { display:block;padding:10px;border-radius:10px;background:#11140f;color:#cfd8d2;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;word-break:break-all; }
.withdraw-confirm code mark { background:none;color:#f6d892;font-size:16px;font-weight:700; }
.withdraw-confirm .withdraw-confirm-warning { color:#f0b9a8; }
.withdraw-confirm-actions { display:grid;grid-template-columns:1fr 1.6fr;gap:8px; }
.withdraw-confirm-actions button { margin:0; }
/* The global `svg` rule (round caps, 1.5 width) would smear QR modules into each other. */
.deposit-qr svg { stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;fill:none; }
.deposit-qr svg path { stroke-width:1;stroke-linecap:butt; }
.deposit-checkout .wallet-secondary-button { display:block;width:100%;min-height:46px;padding:10px 14px;border:1px solid #4f5653;border-radius:12px;background:#2a302c;color:#dfe8e2;font:inherit;font-weight:550;box-shadow:inset 0 1px #ffffff0c,0 3px 8px #0003; }

/* Reward purchasing power, not a token holding: the swap happens at withdrawal. */
.asset-account-spcxx .stock-reward-value{display:block;font-size:12px;color:#cfddd5;font-variant-numeric:tabular-nums;text-align:start}
.asset-account-spcxx .stock-reward-estimate{display:block;margin-top:3px;font-size:10px;line-height:1.3;color:#9aac9e}
.xstock-live .home-asset-dock .asset-account-spcxx strong{font-size:24px;gap:5px;margin-bottom:6px}
.asset-account-spcxx .asset-account-action{color:#b5e4cb;line-height:1.25}
.asset-account-spcxx .asset-account-action>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.stock-reward-convert{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #415b4a;border-radius:12px;margin:12px 0}
.stock-reward-convert p{flex:1 1 170px;margin:0;color:#b8cbbc;font-size:12px;line-height:1.45}
.stock-reward-convert button{border:1px solid #577664;background:#244736;border-radius:10px;padding:9px 12px;color:#c7efdb;font:inherit;font-size:12px}