/* extra themes (22 oct) + the collapsed theme picker */
[data-theme="tomato"] { --paper: #e9d2c0; --card: #f2e2d4; --sunken: #e0c6b1; --ink: #3a2219; --ink2: #5a3a2d; --muted: #8a6757; --faint: #a7877a;
  --line: rgba(58,34,25,.14); --line2: rgba(58,34,25,.26); --field: #f9efe6; --lucky-bg: #efd5a0; --tick: rgba(58,34,25,.12); --flash: #d9e2c2;
  --grid: rgba(58,34,25,.09); --chart-fill: rgba(95,143,55,.20); --green-l: #d3dcc0; }
[data-theme="mozzarella"] { --paper: #f3f1ec; --card: #faf9f6; --sunken: #e9e6df; --ink: #26262a; --ink2: #4a4a50; --muted: #74747c; --faint: #95959c;
  --line: rgba(38,38,42,.12); --line2: rgba(38,38,42,.22); --field: #ffffff; --lucky-bg: #f2e9cf; --tick: rgba(38,38,42,.12); --flash: #e3efdc;
  --grid: rgba(38,38,42,.07); --chart-fill: rgba(143,180,138,.25); --green-l: #dde9d8; }
[data-theme="basil"] { --paper: #1b2419; --card: #232e21; --sunken: #2d3a2a; --ink: #eef2e4; --ink2: #d3dbc6; --muted: #9fab92; --faint: #7a8670;
  --line: rgba(238,242,228,.10); --line2: rgba(238,242,228,.20); --field: #161e15; --lucky-bg: #2d3414; --tick: rgba(238,242,228,.08); --flash: #324a2a;
  --grid: rgba(238,242,228,.07); --chart-fill: rgba(143,180,138,.18); --green: #9ccd7c; --green-d: #5f8f37; --green-l: #2f4228; --gold: #e2b445;
  --gold-l: #3d3412; --red: #e87a66; --btn-ink: #f3f6ee; }
[data-theme="espresso"] { --paper: #241a14; --card: #2e221b; --sunken: #392b22; --ink: #f1e6d6; --ink2: #d8c9b4; --muted: #a8957f; --faint: #83725f;
  --line: rgba(241,230,214,.10); --line2: rgba(241,230,214,.20); --field: #1d140f; --lucky-bg: #3a2a12; --tick: rgba(241,230,214,.08); --flash: #3a4228;
  --grid: rgba(241,230,214,.07); --chart-fill: rgba(134,180,83,.18); --green: #9ac67a; --green-d: #5f8f37; --green-l: #35412a; --gold: #e2b445;
  --gold-l: #45361a; --red: #e47a66; --btn-ink: #f6efe2; }
[data-theme="night"] { --paper: #15181d; --card: #1d2127; --sunken: #262b33; --ink: #e9ecef; --ink2: #c9ced6; --muted: #969ca7; --faint: #727986;
  --line: rgba(233,236,239,.10); --line2: rgba(233,236,239,.20); --field: #11141a; --lucky-bg: #2a2614; --tick: rgba(233,236,239,.08); --flash: #253a2c;
  --grid: rgba(233,236,239,.07); --chart-fill: rgba(134,180,83,.18); --green: #8fcf7a; --green-d: #5f8f37; --green-l: #243326; --gold: #e2b445;
  --gold-l: #3a3112; --red: #e8766a; --btn-ink: #f3f5f7; }
.themebtn { position: fixed; right: 12px; bottom: 12px; z-index: 61; border: 1px solid var(--line2); background: var(--card); color: var(--ink); border-radius: 8px; padding: 7px 11px; font: 600 11px Inter; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.themebtn:hover { background: var(--sunken); }
.themes { display: none !important; bottom: 48px !important; max-width: none !important; flex-direction: column; align-items: stretch; }
.themes.open { display: flex !important; }
.themes button { text-align: left; }
@media (max-width: 700px) { .themebtn { display: none; } }