/* Bob Hub 171: shared palette across real pages. Game canvases retain their own rendering. */
:root{--bg:var(--bh-bg,#f6f7f8);--paper:var(--bh-surface,#fff);--card:var(--bh-surface,#fff);--surface:var(--bh-surface,#fff);--ink:var(--bh-ink,#242834);--text:var(--bh-ink,#242834);--muted:var(--bh-muted,#647082);--line:var(--bh-line,#dcdfe4);--accent:var(--bh-accent,#41537d);--hub-accent:var(--bh-accent,#41537d);--skin-card:var(--bh-surface);--skin-ink:var(--bh-ink);--skin-muted:var(--bh-muted);--skin-border:var(--bh-line);--skin-accent:var(--bh-accent);--skin-glow:transparent;--radius:20px}
html[data-hub-theme][data-hub-mode] body{--skin-card:var(--bh-surface);--skin-ink:var(--bh-ink);--skin-muted:var(--bh-muted);--skin-border:var(--bh-line);--skin-accent:var(--bh-accent);--skin-glow:transparent;background:var(--bh-bg)!important;color:var(--bh-ink)!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;letter-spacing:0}
html[data-hub-theme][data-hub-mode] body:before,html[data-hub-theme][data-hub-mode] body:after{display:none!important}
html[data-hub-theme][data-hub-mode] :where(.panel,.card,.account-hub,.profile-card,.community-chat,.private-chat,.bob-ai,.game-hub,.shop-rebuild,.device-theme-panel-v132,.device-theme-card-v132,.daily-challenge,.ranking-overview,.level-board-top-v122,.ranking-mini,.translator,.focus-timer,.market-lab,.news-hub,.bookshelf-hub,.music-records,.farmers-song,.payment-zone,.tutorial-zone,.live-launcher,.skin-card,.bob-module-v118){background:var(--bh-surface)!important;color:var(--bh-ink)!important;border:1px solid var(--bh-line)!important;box-shadow:none!important;border-radius:20px!important}
html[data-hub-theme][data-hub-mode] :where(.note,.muted,.account-note,.community-note,.shop-note,.auth-config-note,.device-theme-heading-v132 small,.device-theme-card-v132 small,.profile-stat small,.skin-card small,.skin-tagline,.community-empty,.private-toolbar,.account-safety){color:var(--bh-muted)!important}
html[data-hub-theme][data-hub-mode] :where(input,textarea,select):not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]){background:var(--bh-soft)!important;color:var(--bh-ink)!important;border:1px solid var(--bh-line)!important;border-radius:10px!important;box-shadow:none!important;font:inherit}
html[data-hub-theme][data-hub-mode] :where(input,textarea)::placeholder{color:var(--bh-muted)!important;opacity:.8}
html[data-hub-theme][data-hub-mode] :where(button,.btn,.button,.auth-primary,.primary):not(.mine-cell):not(.cell):not(.key):not([data-cell]):not([role=switch]):not(.piano-key){font-family:inherit;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;font-weight:600}
html[data-hub-theme][data-hub-mode] :where(.btn,.auth-primary,.primary,.daily-button,.community-form button,.skin-card button,.device-theme-card-v132 button,.device-theme-heading-v132 button,.skin-category-link,.auth-method-tab,.account-link-button,.focus-actions button){background:var(--bh-accent)!important;color:var(--bh-onAccent)!important;border:1px solid transparent!important;min-height:42px;padding:10px 16px}
html[data-hub-theme][data-hub-mode] :where(.secondary,.ghost,.skin-gift-button,.skin-preview171,.auth-method-tab:not(.active),.skin-category-link:not(.active)){background:var(--bh-soft)!important;color:var(--bh-ink)!important;border-color:var(--bh-line)!important}
html[data-hub-theme][data-hub-mode] :where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--bh-accent)!important;outline-offset:3px}
html[data-hub-theme][data-hub-mode] :where(h1,h2,h3,h4,.account-head h2,.community-head h2,.shop-heading h2,.profile-top,.profile-stat strong){color:var(--bh-ink)!important;text-shadow:none!important}
html[data-hub-theme][data-hub-mode] :where(.auth-method-tabs,.auth-method-panel,.auth-method-intro,.profile-stats,.community-message,.account-chat-locked,.connection-summary,.shop-note,.fold-panel,.name-style-panel,.profile-services,.google-link-panel,.private-call-panel-v116){background:var(--bh-soft)!important;color:var(--bh-ink)!important;border-color:var(--bh-line)!important;box-shadow:none!important}
html[data-hub-theme][data-hub-mode] :where(.community-list,.private-list,.skin-categories,.profile-actions){border-color:var(--bh-line)!important}
html[data-hub-theme][data-hub-mode] :where(.community-bubble,.message-bubble,.private-bubble){background:var(--bh-soft)!important;color:var(--bh-ink)!important;border-color:var(--bh-line)!important}
html[data-hub-theme][data-hub-mode] :where(.coin-pill,.shop-count,.community-count,.skin-tagline,.level-pill){background:var(--bh-tint)!important;color:var(--bh-accent)!important;border-color:var(--bh-line)!important;box-shadow:none!important}
html[data-hub-theme][data-hub-mode] .danger{background:#8f3440!important;color:white!important}
#bh-theme-preview{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:2147483000;display:flex;align-items:center;gap:18px;padding:12px 16px;border-radius:14px;max-width:90vw;background:var(--bh-ink);color:var(--bh-surface);box-shadow:0 8px 35px #0003;font:12px/1.5 system-ui}#bh-theme-preview button{background:var(--bh-surface);color:var(--bh-ink);border:0;padding:8px 12px;white-space:nowrap}
.skin-stage171{height:112px;width:100%;border-radius:12px;padding:11px;box-sizing:border-box;background:var(--preview-bg);border:1px solid var(--preview-line);margin-bottom:10px;display:grid;grid-template-columns:20px 1fr;gap:8px;color:var(--preview-ink);overflow:hidden}.skin-stage171 .stage-side{background:var(--preview-surface);border-radius:5px;display:flex;flex-direction:column;gap:5px;padding:5px}.stage-side i{height:5px;background:var(--preview-accent);border-radius:3px}.stage-main{display:flex;flex-direction:column;gap:6px}.stage-main b{font-size:9px!important;color:var(--preview-ink)!important}.stage-card{border-radius:7px;background:var(--preview-surface);padding:8px;display:flex;gap:5px;align-items:center}.stage-card span{width:15px;height:15px;border-radius:50%;background:var(--preview-accent)}.stage-card i{height:4px;border-radius:2px;width:38%;background:var(--preview-line)}.stage-action{height:15px;width:48%;border-radius:4px;background:var(--preview-accent)}.skin-palette171{display:flex;gap:5px;margin:9px 0}.skin-palette171 i{width:17px;height:17px;border-radius:50%;border:1px solid #80808030}
@media(max-width:760px){#bh-theme-preview{bottom:90px;font-size:11px;gap:9px;width:calc(100% - 30px);box-sizing:border-box}.skin-stage171{height:100px}}
html[data-hub-theme][data-hub-mode][data-hub-mode] :where(.topbar,.toolbar,.app-header,.app-toolbar,.panel-head,.sidebar-panel,.modal-content,.modal-card,.drawer,.dialog-card){background:var(--bh-surface)!important;color:var(--bh-ink)!important;border-color:var(--bh-line)!important;box-shadow:none!important}.bh-details-flat>summary{cursor:default!important;list-style:none!important}.bh-details-flat>summary::before,.bh-details-flat>summary::after,.bh-details-flat>summary::-webkit-details-marker{display:none!important;content:none!important}.bh-details-flat{border-color:var(--bh-line)!important;background:var(--bh-surface)!important;color:var(--bh-ink)!important}

html[data-hub-theme][data-hub-mode] .skin-price-v154 strong{color:var(--bh-accent)!important}html[data-hub-theme][data-hub-mode] .skin-price-v154 em{background:var(--bh-tint)!important;color:var(--bh-accent)!important}html[data-hub-theme][data-hub-mode] .skin-tagline{background:var(--bh-soft)!important;color:var(--bh-muted)!important;font-style:normal!important}html[data-hub-theme][data-hub-mode] .community-message strong{color:var(--bh-accent)}
/* Promotions use the equipped palette, with the existing campaign controls intact. */
html[data-hub-theme][data-hub-mode] .bob-promo-card-v154{background:var(--bh-surface)!important;color:var(--bh-ink)!important;border:1px solid var(--bh-line)!important;border-radius:20px!important}
html[data-hub-theme][data-hub-mode] .bob-promo-item-v154{background:var(--bh-soft)!important;color:var(--bh-ink)!important;border-color:var(--bh-line)!important}
html[data-hub-theme][data-hub-mode] .bob-promo-card-v154 :is(p,small){color:var(--bh-muted)!important}
html[data-hub-theme][data-hub-mode] :is(.bob-promo-actions-v154 button,#bobPromoBadgeV154){background:var(--bh-accent)!important;color:var(--bh-onAccent)!important;box-shadow:none!important}
html[data-hub-theme][data-hub-mode] :is(.bob-promo-close-v154,.bob-promo-actions-v154 .light){background:var(--bh-soft)!important;color:var(--bh-ink)!important}

/* Full-page skin treatment: theme color reaches background, surfaces and navigation. */
html[data-hub-theme][data-hub-mode] body{background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--bh-accent) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 60%,color-mix(in srgb,var(--bh-accent) 12%,transparent),transparent 55%),var(--bh-bg)!important;background-attachment:fixed!important;min-height:100vh;line-height:1.65}
html[data-hub-theme][data-hub-mode] :where(.panel,.card,.account-hub,.profile-card,.bob-module-v118,.device-theme-panel-v132){box-shadow:0 8px 28px color-mix(in srgb,var(--bh-accent) 9%,transparent)!important;border-color:var(--bh-line)!important}
html[data-hub-theme][data-hub-mode] :where(.top,.sidebar,.hub-quick-nav,header.site-header){background:var(--bh-surface)!important;color:var(--bh-ink)!important;border-color:var(--bh-line)!important}
html[data-hub-theme][data-hub-mode] :where(.panel,.card,.skin-card){transition:background-color .2s,border-color .2s,box-shadow .2s}
@media(prefers-reduced-motion:reduce){html[data-hub-theme] *{scroll-behavior:auto!important;transition:none!important}}