/* Diezhan appearance v1: warm neutrals from the developer documentation. */
:root, :root[data-theme="light"] {
  color-scheme: light; --dz-scheme:light;
  --dz-page:#faf9f6; --dz-surface:#fffefb; --dz-elevated:#ffffff;
  --dz-subtle:#f5f1eb; --dz-hover:#f7f3ed; --dz-border:#e8e2d9;
  --dz-text:#30291f; --dz-secondary:#665c4f; --dz-muted:#817565;
  --dz-accent:#c85c19; --dz-accent-hover:#ad4810; --dz-accent-soft:#fcf0e5;
  --dz-ref-character:#075985; --dz-ref-character-bg:#e0f2fe;
  --dz-ref-scene:#166534; --dz-ref-scene-bg:#dcfce7;
  --dz-ref-prop:#854d0e; --dz-ref-prop-bg:#fef3c7;
  --dz-on-accent:#ffffff; --dz-success:#18784d; --dz-danger:#b83d32;
  --dz-danger-soft:#fff0ed; --dz-overlay:rgba(88,76,59,.20);
  --dz-preview:rgba(250,249,246,.97); --dz-shadow:0 6px 24px rgba(64,39,0,.045);
  --dz-radius:10px; --dz-focus:0 0 0 3px rgba(200,92,25,.18);
}
:root[data-theme="dark"] {
  color-scheme:dark; --dz-scheme:dark;
  --dz-page:#171819; --dz-surface:#202123; --dz-elevated:#292b2e;
  --dz-subtle:#252629; --dz-hover:#303135; --dz-border:#3a3b3e;
  --dz-text:#f0ede8; --dz-secondary:#c5beb3; --dz-muted:#aaa397;
  --dz-accent:#f1a56c; --dz-accent-hover:#ffc094; --dz-accent-soft:#3c2b20;
  --dz-ref-character:#7dd3fc; --dz-ref-character-bg:#123448;
  --dz-ref-scene:#86efac; --dz-ref-scene-bg:#163a2a;
  --dz-ref-prop:#fcd34d; --dz-ref-prop-bg:#3b3018;
  --dz-on-accent:#26180e; --dz-success:#77cf9e; --dz-danger:#ff9b8d;
  --dz-danger-soft:#3c2423; --dz-overlay:rgba(12,13,15,.58);
  --dz-preview:rgba(23,24,25,.97); --dz-shadow:0 8px 28px rgba(0,0,0,.16);
  --dz-focus:0 0 0 3px rgba(241,165,108,.23);
}
:root {
  --page:var(--dz-page); --surface:var(--dz-surface); --text:var(--dz-text);
  --muted:var(--dz-muted); --line:var(--dz-border); --border:var(--dz-border);
  --orange:var(--dz-accent); --orange-dark:var(--dz-accent); --orange-soft:var(--dz-accent-soft);
  --green:var(--dz-success); --red:var(--dz-danger); --shadow:var(--dz-shadow);
  --ui-accent:var(--dz-accent); --ui-accent-soft:var(--dz-accent-soft);
  --ui-surface:var(--dz-elevated); --ui-text:var(--dz-text); --ui-muted:var(--dz-muted);
  --ui-border:var(--dz-border); --ui-radius:var(--dz-radius); --ui-shadow:var(--dz-shadow);
}
html {background:var(--dz-page)}
body {background:var(--dz-page);color:var(--dz-text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.theme-toggle {display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:46px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:var(--dz-secondary);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}
.theme-toggle:hover {background:var(--dz-accent-soft);color:var(--dz-accent)}
.theme-toggle svg {width:19px;height:19px;flex:0 0 19px;stroke-width:1.9}
.theme-toggle .theme-sun {display:none}
:root[data-theme="dark"] .theme-toggle .theme-sun {display:block}
:root[data-theme="dark"] .theme-toggle .theme-moon {display:none}
:where(button,a,input,textarea,select):focus-visible {outline:2px solid var(--dz-accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}