/* Whole-site animal appearance. Geometry, user documents and game art stay local.
   Higher-specificity tokens bridge independent public and workspace stylesheets. */
html:root[data-icon-theme="animals"] {
  --coast-bg:#f4f3eb;
  --coast-paper:#fffdf8;
  --coast-soft:#eef2e8;
  --coast-sea:#e2eddf;
  --coast-line:#d6dfd0;
  --coast-ink:#293c30;
  --coast-muted:#606f60;
  --coast-brand:#35664c;
  --coast-hover:#274f3b;
  --coast-coral:#a85b3b;
  --coast-sand:#f3e3c7;
  --coast-shadow:0 3px 15px #314d3510;
  --forest-sidebar:#e9eee2;
  --forest-on-brand:#fffdf8;
  --forest-apricot:#f2d8b7;
  --forest-blue:#e5edf0;
  --forest-lilac:#eee7f0;
  --forest-halo:#d6e3c3;
  --forest-popover-shadow:0 18px 56px #243b2929;
  --gw-bg:var(--coast-bg);--gw-paper:var(--coast-paper);
  --gw-ink:var(--coast-ink);--gw-muted:var(--coast-muted);
  --gw-brand:var(--coast-brand);--gw-line:var(--coast-line);
  --gw-green:var(--coast-sea);--gw-peach:var(--forest-apricot);--gw-gold:#cda16a;
}
html:root[data-icon-theme="animals"][data-theme="dark"] {
  --coast-bg:#18251f;
  --coast-paper:#23352b;
  --coast-soft:#2a3f31;
  --coast-sea:#304a36;
  --coast-line:#445d48;
  --coast-ink:#e9efe5;
  --coast-muted:#b5c5b4;
  --coast-brand:#a7d5b4;
  --coast-hover:#c3e7c9;
  --coast-coral:#e5b18f;
  --coast-sand:#493e2a;
  --coast-shadow:0 3px 16px #09160d24;
  --forest-sidebar:#1e2e24;
  --forest-on-brand:#182a1d;
  --forest-apricot:#584730;
  --forest-blue:#2c4047;
  --forest-lilac:#403649;
  --forest-halo:#344b31;
  --forest-popover-shadow:0 18px 56px #07140d66;
  --gw-gold:#d2b384;
}

/* Shared navigation has its own quiet surface, leaving content cards brighter. */
html:root[data-icon-theme="animals"] body.coast-app>aside[data-primary-sidebar] {
  background:var(--forest-sidebar)!important;
  border-right-color:var(--coast-line);
}
html:root[data-icon-theme="animals"] body.coast-app>header.xiaoxiang-topbar {
  background:var(--coast-paper)!important;
  border-bottom-color:var(--coast-line);
}
html:root[data-icon-theme="animals"] .coast-app :is(.side-nav a.active,.coast-pinned-list a.active) {
  background:var(--coast-paper)!important;
  border-color:var(--coast-line)!important;
  box-shadow:inset 3px 0 var(--coast-brand)!important;
}
html:root[data-icon-theme="animals"] .coast-app .workspace-nav-find {
  background:var(--coast-paper);border-color:var(--coast-line);
}
html:root[data-icon-theme="animals"] .coast-app :is(.account-popover,.notify-popover,.mobile-menu-panel) {
  background:var(--coast-paper)!important;
  box-shadow:var(--forest-popover-shadow)!important;
}
html:root[data-icon-theme="animals"] .coast-app .coast-welcome {
  background:linear-gradient(115deg,var(--coast-paper),var(--coast-soft) 58%,var(--coast-sea));
  border-color:var(--coast-line);box-shadow:var(--coast-shadow);
}
html:root[data-icon-theme="animals"] .coast-app .workspace-directory {
  background:var(--coast-paper);box-shadow:var(--coast-shadow);
}
html:root[data-icon-theme="animals"] .coast-app :is(.workspace-feature,.coast-shortcut) {
  background:var(--coast-paper);border-color:var(--coast-line);
}
html:root[data-icon-theme="animals"] .coast-app :is(.workspace-feature,.coast-shortcut):hover {
  background:var(--coast-soft);border-color:var(--coast-brand);
}
html:root[data-icon-theme="animals"] .coast-app :is(.workspace-directory-filters button[aria-pressed="true"],.settings-tab.active,.content-tab.active) {
  background:var(--coast-sea)!important;color:var(--coast-brand)!important;
}
html:root[data-icon-theme="animals"] .coast-app :is(.mobile-tabbar,.mobile-menu-search,.workspace-feature-search) {
  border-color:var(--coast-line);background:var(--coast-soft);
}
html:root[data-icon-theme="animals"] .coast-app main :is(.btn-primary,.content-button:not(.secondary):not(.ghost):not(.danger),.ai-image-submit,.ai-video-submit,.intel-primary,.birth-primary,.life-button.primary,.vc-button.primary,.software-button.primary,.recharge-pay-button,.recharge-buy,.pc-button.primary,.av-button.primary),
html:root[data-icon-theme="animals"] .coast-app .coast-welcome-actions .primary {
  background:var(--coast-brand)!important;border-color:var(--coast-brand)!important;
  color:var(--forest-on-brand)!important;box-shadow:none!important;
}
html:root[data-icon-theme="animals"] .notepad-main .page-actions>a.button:not(.secondary),
html:root[data-icon-theme="animals"] .notepad-main .notepad-actions>button[type="submit"] {
  background:var(--coast-brand)!important;border-color:var(--coast-brand)!important;
  color:var(--forest-on-brand)!important;
}
html:root[data-icon-theme="animals"] .notepad-main .notepad-item.active>b {
  color:var(--coast-brand)!important;
}
html:root[data-icon-theme="animals"] .coast-app main :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus-visible {
  outline-color:var(--coast-brand);
}
html:root[data-icon-theme="animals"] .coast-auth :is(.login-redesign-visual,.register-visual) {
  background:linear-gradient(140deg,var(--coast-sea),var(--forest-sidebar) 60%,var(--coast-sand))!important;
}
html:root[data-icon-theme="animals"] .coast-auth :is(.login-submit,.register-submit) {
  background:var(--coast-brand)!important;color:var(--forest-on-brand)!important;
}

/* Public shop, product details and all order/support dialogs use the same tokens. */
html:root[data-icon-theme="animals"] .digital-store {
  --ds-bg:var(--coast-bg);--ds-paper:var(--coast-paper);--ds-soft:var(--coast-soft);
  --ds-line:var(--coast-line);--ds-ink:var(--coast-ink);--ds-muted:var(--coast-muted);
  --ds-brand:var(--coast-brand);--ds-button:var(--coast-brand);--ds-button-ink:var(--forest-on-brand);
  --ds-hero:var(--coast-soft);--ds-art-halo:var(--forest-halo);
  --ds-art-paper:var(--coast-paper);--ds-art-sun:var(--forest-apricot);
}
html:root[data-icon-theme="animals"] body.ds-public-body {background:var(--coast-bg)}
html:root[data-icon-theme="animals"] .digital-store :is(.ds-product-card,.ds-panel,.ds-dialog) {box-shadow:var(--coast-shadow)}
html:root[data-icon-theme="animals"] .digital-store .ds-market-top {background:var(--coast-paper)}

/* The public introduction retains its illustrations and content hierarchy. */
html:root[data-icon-theme="animals"] .official-site .gw-header {background:var(--coast-paper)}
html:root[data-icon-theme="animals"] .official-site :is(.gw-mark,h2 span) {color:var(--coast-brand)}
html:root[data-icon-theme="animals"] .official-site .gw-feature-card {--feature-tint:var(--coast-soft)}
html:root[data-icon-theme="animals"] .official-site .gw-feature-tone-1 {--feature-tint:var(--coast-sand)}
html:root[data-icon-theme="animals"] .official-site .gw-feature-tone-2 {--feature-tint:var(--forest-blue)}
html:root[data-icon-theme="animals"] .official-site .gw-feature-tone-3 {--feature-tint:var(--forest-lilac)}
html:root[data-icon-theme="animals"] .official-site :is(.gw-button,.gw-chat-compose-bottom button) {
  background:var(--coast-brand);border-color:var(--coast-brand);color:var(--forest-on-brand);
}
html:root[data-icon-theme="animals"] .official-site .gw-button:hover {
  background:var(--coast-hover);border-color:var(--coast-hover);color:var(--forest-on-brand);
}
html:root[data-icon-theme="animals"] .official-site :is(.gw-invitation,.gw-chat-head) {background:var(--coast-soft);border-color:var(--coast-line)}
html:root[data-icon-theme="animals"] .official-site .gw-invitation>p:not(.gw-eyebrow) {color:var(--coast-muted)}
html:root[data-icon-theme="animals"] .official-site :is(.gw-floating-note,.gw-chat-dialog,.gw-chat-launcher) {
  background:var(--coast-paper);border-color:var(--coast-line);color:var(--coast-ink);
}

/* Public theme picker works for guests too. Its panel overlays, never moves rows. */
.site-appearance {
  --appearance-bg:var(--coast-paper,var(--gw-paper,#fffef9));
  --appearance-ink:var(--coast-ink,var(--gw-ink,#293e35));
  --appearance-muted:var(--coast-muted,var(--gw-muted,#66746b));
  --appearance-line:var(--coast-line,var(--gw-line,#dce3d8));
  --appearance-soft:var(--coast-soft,var(--gw-green,#eef2e9));
  --appearance-brand:var(--coast-brand,var(--gw-brand,#3e725d));
  position:relative;flex:none;color:var(--appearance-ink);font-size:12px;line-height:1.5;
}
html[data-theme="dark"] .site-appearance {
  --appearance-bg:var(--coast-paper,var(--gw-paper,#1c3029));
  --appearance-ink:var(--coast-ink,var(--gw-ink,#eef3e9));
  --appearance-muted:var(--coast-muted,var(--gw-muted,#b2c5b8));
  --appearance-line:var(--coast-line,var(--gw-line,#3e594b));
  --appearance-soft:var(--coast-soft,var(--gw-green,#253c32));
  --appearance-brand:var(--coast-brand,var(--gw-brand,#acd4b8));
}
.site-appearance>summary {display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 9px;list-style:none;cursor:pointer;border:1px solid var(--appearance-line);border-radius:9px;background:var(--appearance-bg);white-space:nowrap}
.site-appearance>summary::-webkit-details-marker {display:none}
.site-appearance[open]>summary {background:var(--appearance-soft)}
.site-appearance-panel {position:absolute;right:0;top:calc(100% + 10px);width:278px;max-width:calc(100vw - 32px);padding:16px;border:1px solid var(--appearance-line);border-radius:15px;background:var(--appearance-bg);box-shadow:var(--forest-popover-shadow,0 18px 56px #20352833);z-index:90}
.site-appearance .icon-theme-control {padding:0;margin:0;border:0}
.site-appearance .icon-theme-title {color:var(--appearance-ink);font-size:12px}
.site-appearance .icon-theme-title small {color:var(--appearance-muted)}
.site-appearance .icon-theme-options button {display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:7px;border:1px solid var(--appearance-line);border-radius:10px;background:var(--appearance-bg);color:var(--appearance-ink);font-size:12px;cursor:pointer}
.site-appearance .icon-theme-options button[aria-pressed="true"] {background:var(--appearance-soft);border-color:var(--appearance-brand);color:var(--appearance-brand)}
.site-appearance .icon-theme-control p {margin:10px 0!important;color:var(--appearance-muted);font-size:11px!important;line-height:1.6}
.site-appearance-modes {display:flex;gap:6px;padding-top:10px;border-top:1px solid var(--appearance-line)}
.site-appearance-modes button {flex:1;min-height:34px;padding:6px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--appearance-muted);font:inherit;cursor:pointer}
.site-appearance-modes button[aria-pressed="true"] {color:var(--appearance-brand);border-color:var(--appearance-line);background:var(--appearance-soft)}
.site-appearance :is(summary,button):focus-visible {outline:2px solid var(--appearance-brand);outline-offset:3px}
@media(max-width:600px){
  .site-appearance-panel {position:fixed;top:74px;right:12px;width:278px;max-height:calc(100dvh - 100px);overflow:auto}
  .official-site .gw-nav-actions {gap:10px}
  .ds-public-site .ds-market-top-inner {flex-wrap:wrap;gap:10px}
  .ds-public-site .ds-market-top nav {flex-wrap:wrap;gap:8px;max-width:100%}
}
@media(prefers-reduced-motion:no-preference){
  html:root[data-icon-theme="animals"] .coast-app :is(.workspace-feature,.coast-shortcut) {transition:background .18s,border-color .18s,box-shadow .18s}
  .site-appearance>summary,.site-appearance button {transition:background .18s,border-color .18s}
}