.delete-confirmation { width:min(460px,calc(100vw - 40px)); box-sizing:border-box; padding:26px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); box-shadow:var(--shadow); }
.image-viewer .image-navigation { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.image-viewer .image-navigation button { min-width:44px; min-height:44px; align-self:center; }
.image-viewer .image-navigation [hidden] { display:none; }
.image-viewer .image-navigation span { flex:1; text-align:center; white-space:nowrap; }
.image-viewer img { touch-action:pan-y pinch-zoom; user-select:none; }
.invite-picker { border:1px solid var(--field-border); background:var(--surface); color:var(--text); border-radius:6px; }
.invite-picker>summary { padding:12px; cursor:pointer; }
.invite-menu { border-top:1px solid var(--border); }
.invite-search { padding:12px; background:var(--subtle); }
.invite-search label { display:block; margin-bottom:6px; }
.invite-search input { width:100%; box-sizing:border-box; }
.invite-options { max-height:260px; overflow-y:auto; padding:6px 12px; }
.invite-option { display:flex; gap:10px; align-items:center; min-height:44px; padding:4px; cursor:pointer; }
.invite-option[hidden] { display:none; }
.invite-option input { width:20px; height:20px; flex:0 0 20px; margin:0; }
.invite-option small { display:block; color:var(--secondary); font-weight:normal; }
.invite-option:has(input:disabled) { cursor:default; color:var(--secondary); }
.invite-count { padding:10px 12px; border-top:1px solid var(--border); background:var(--subtle); font-size:13px; }
.calendar td.calendar-today { background:var(--selected); box-shadow:inset 0 0 0 2px var(--accent); }
.calendar-today .calendar-day { font-weight:700; color:var(--heading); }
.event-past { text-decoration:line-through !important; text-decoration-thickness:1px; }
.delete-confirmation h2 { margin-top:0; color:var(--heading); }
.delete-confirmation p { line-height:1.6; }
.delete-confirmation .form-actions { justify-content:flex-end; flex-wrap:wrap; margin-top:24px; }
.delete-confirmation [data-delete-confirm] { background:var(--danger); color:var(--on-danger); border-color:var(--danger); }
.delete-confirmation::backdrop { background:var(--backdrop); }
/* Account theme tokens. Legacy sheets provide layout; this sheet owns color.
   Classic palette references and design notes: README-themes.md.
   v1.4.3: accessibility — every theme's --field-border is at least 3:1 on cards, the subtle fill and the page, so a box
   can be told from its background (WCAG 1.4.11); Library's quiet text and links are at least 4.5:1 and its focus ring
   3:1 on its tan page too (they were 3.0:1, 3.6:1 and 2.7:1); Forest's quiet text is 4.5:1 on its selected green. */
:root, .theme-sample[data-theme="facebook"] {
  color-scheme:light;
  --page:#fff; --surface:#fff; --subtle:#f7f7f7; --selected:#d8dfea;
  --text:#333; --secondary:#626262; --heading:#333; --link:#3b5998;
  --accent:#3b5998; --on-accent:#fff; --border:#d8dfea; --field-border:#778eb6;
  --header:#3b5998; --on-header:#fff; --header-border:#6d84b4; --trim:#6d84b4;
  --focus:#3b5998; --danger:#a12c2c; --danger-bg:#fff0ef; --success:#285c35; --success-bg:#eef6ed;
  /* Text on danger fills; light themes inherit white (all at least 7:1). */
  --on-danger:#fff;
  --page-art:none; --surface-art:none; --header-art:none; --reader-art:none;
  --shadow:0 3px 16px #18294018; --backdrop:#17223ecc;
  --title-font:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}
:root[data-theme="library"], .theme-sample[data-theme="library"] {
  color-scheme:light;
  --page:#d7b381; --surface:#fff7e4; --subtle:#f1e3c7; --selected:#e5c99d;
  --text:#493726; --secondary:#564634; --heading:#4b311e; --link:#634221;
  --accent:#67452d; --on-accent:#fff9e9; --border:#c9ad81; --field-border:#785e3c;
  --header:#5a3e2b; --on-header:#fff3d9; --header-border:#aa8350; --trim:#b7894f;
  --focus:#875921; --danger:#982f2d; --danger-bg:#fbe8d7; --success:#375634; --success-bg:#e9efd8;
  --page-art:url("../img/parchment-grain.svg"),radial-gradient(ellipse at 15% 20%,#f4dfb5,transparent 65%),radial-gradient(ellipse at 90% 80%,#aa78452b,transparent 60%);
  --surface-art:url("../img/parchment-grain.svg");
  --header-art:url("../img/parchment-grain.svg");
  --reader-art:url("../img/parchment-grain.svg"),radial-gradient(ellipse at 0 0,#ba8d4a29,transparent 55%);
  --shadow:0 3px 12px #55341721; --backdrop:#24190edb;
  --title-font:Georgia,"Times New Roman",serif;
}
:root[data-theme="dark"], .theme-sample[data-theme="dark"] {
  color-scheme:dark;
  --page:#14171c; --surface:#20252d; --subtle:#2a313c; --selected:#343f53;
  --text:#e3e7ed; --secondary:#acb6c4; --heading:#f2f4f8; --link:#abc8ff;
  --accent:#a9c5fa; --on-accent:#182337; --border:#424b59; --field-border:#6d7c91;
  --header:#1b2029; --on-header:#edf2fc; --header-border:#53617a; --trim:#8198bf;
  --focus:#d2b5ff; --danger:#ffb0ae; --danger-bg:#442a30; --success:#b6dcb6; --success-bg:#293e34;
  --on-danger:#14171c; /* 10.3:1 on the pale danger fill; white was 1.7:1 */
  --page-art:none; --surface-art:none; --header-art:none; --reader-art:none;
  --shadow:0 4px 18px #0003; --backdrop:#03070ddd;
  --title-font:Arial,Helvetica,sans-serif;
}
:root[data-theme="forest"], .theme-sample[data-theme="forest"] {
  color-scheme:light;
  --page:#e3eade; --surface:#f8faf1; --subtle:#eaf0e1; --selected:#d3e2c6;
  --text:#293d2b; --secondary:#53664f; --heading:#23442c; --link:#32603b;
  --accent:#335a3c; --on-accent:#f7faee; --border:#b7c7ab; --field-border:#748b5e;
  --header:#254532; --on-header:#f1f6e4; --header-border:#819b6a; --trim:#a7ba7b;
  --focus:#7d581a; --danger:#9b3529; --danger-bg:#fbede1; --success:#2c562f; --success-bg:#deedd6;
  --page-art:radial-gradient(ellipse at 0 20%,#89a97333,transparent 55%),radial-gradient(ellipse at 100% 80%,#b7ca982e,transparent 55%);
  --surface-art:none; --header-art:linear-gradient(110deg,#193d2b,#355d3e); --reader-art:none;
  --shadow:0 3px 14px #17342016; --backdrop:#10291cdd;
  --title-font:Georgia,"Times New Roman",serif;
}
:root[data-theme="rainbow"], .theme-sample[data-theme="rainbow"] {
  color-scheme:light;
  --page:#faf7ff; --surface:#fff; --subtle:#f5effa; --selected:#eee0fb;
  --text:#3c3048; --secondary:#6e5d7b; --heading:#563265; --link:#764291;
  --accent:#754296; --on-accent:#fff; --border:#d9c9e6; --field-border:#9d7eb6;
  --header:#684486; --on-header:#fff; --header-border:#ddcaf1; --trim:#a576c4;
  --focus:#71359e; --danger:#a42b45; --danger-bg:#ffedf2; --success:#256440; --success-bg:#e6f5eb;
  --page-art:linear-gradient(120deg,#ffe6eb66,#fff0d566 20%,#fff9d666 38%,#e0f6e866 55%,#e3eeff88 75%,#efe2ff88);
  --surface-art:none; --reader-art:none;
  --header-art:linear-gradient(100deg,#933c62,#96552d 19%,#72621d 36%,#32684d 53%,#345f8b 73%,#764792);
  --shadow:0 3px 14px #633a8915; --backdrop:#382343cc;
  --title-font:Arial,Helvetica,sans-serif;
}
:root[data-theme="mystical"], .theme-sample[data-theme="mystical"] {
  color-scheme:dark;
  --page:#21162f; --surface:#332442; --subtle:#3e2c50; --selected:#54386a;
  --text:#f0e6fa; --secondary:#c4afd9; --heading:#f7eafa; --link:#ddbcff;
  --accent:#d5b4f5; --on-accent:#301e44; --border:#684b82; --field-border:#9571b1;
  --header:#2d173f; --on-header:#faf0ff; --header-border:#9269b3; --trim:#c3a0e0;
  --focus:#f4d898; --danger:#ffb9c8; --danger-bg:#542b43; --success:#bee6c6; --success-bg:#2c4340;
  --on-danger:#21162f; /* 10.7:1 on the pale danger fill; white was 1.6:1 */
  --sparkles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190' viewBox='0 0 190 190'%3E%3Cpath d='M28 22l1.5 5.5L35 29l-5.5 1.5L28 36l-1.5-5.5L21 29l5.5-1.5zM144 114l1 4 4 1-4 1-1 4-1-4-4-1 4-1z' fill='%23e8c9ff' fill-opacity='.35'/%3E%3Ccircle cx='114' cy='51' r='1' fill='%23f5dda7' fill-opacity='.6'/%3E%3Ccircle cx='60' cy='151' r='.8' fill='%23e8c9ff' fill-opacity='.6'/%3E%3C/svg%3E");
  --page-art:var(--sparkles),radial-gradient(ellipse at 20% 10%,#7d44914a,transparent 65%);
  --surface-art:none; --reader-art:radial-gradient(ellipse at top,#76508a25,transparent 70%);
  --header-art:var(--sparkles),linear-gradient(115deg,#2d173f,#563373 65%,#3c225a);
  --shadow:0 4px 20px #11081c4d; --backdrop:#140b24e6;
  --title-font:Georgia,"Times New Roman",serif;
}

/* v1.3.1: four more themes, from the user's list. --button-art paints the default (accent) buttons only: buttons
   with a look of their own replace the whole background. v1.3.2: The Adventurer's Tavern was removed. */
:root[data-theme="gothic"], .theme-sample[data-theme="gothic"] {
  color-scheme:dark;
  --page:#120d10; --surface:#1e161b; --subtle:#291e25; --selected:#3d1f2b;
  --text:#e9e2e8; --secondary:#bdb3bd; --heading:#f3eef3; --link:#f59aa6;
  --accent:#c8344a; --on-accent:#fff; --border:#4a2f3a; --field-border:#8f6a7c;
  --header:#16090e; --on-header:#f1e6ea; --header-border:#6b2335; --trim:#8e2a44;
  --focus:#f0b7c2; --danger:#ff9aa8; --danger-bg:#3d1820; --success:#a9d8b4; --success-bg:#1d3326;
  --on-danger:#120d10;
  --page-art:radial-gradient(ellipse at 50% -10%,#5a1a2c80,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='160'%3E%3Cpath d='M20 160V70Q20 22 60 8Q100 22 100 70V160' fill='none' stroke='%23c0bac4' stroke-opacity='.05' stroke-width='2'/%3E%3C/svg%3E");
  --surface-art:none; --reader-art:radial-gradient(ellipse at top,#5a1a2c40,transparent 70%);
  --header-art:linear-gradient(180deg,#2a0f19,#16090e);
  --button-art:linear-gradient(180deg,#c8344a,#a3263a);
  --shadow:0 4px 20px #0009; --backdrop:#070305e6;
  --title-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
:root[data-theme="pixel"], .theme-sample[data-theme="pixel"] {
  color-scheme:light;
  --page:#cfe6b8; --surface:#fdf6e3; --subtle:#f3e9cf; --selected:#e2eec4;
  --text:#1f2a44; --secondary:#4a5675; --heading:#1d2f5e; --link:#1f4fa0;
  --accent:#2f7a3c; --on-accent:#fff; --border:#c7bc98; --field-border:#263a6b;
  --header:#263a6b; --on-header:#fff8e1; --header-border:#e6c65a; --trim:#e6c65a;
  --focus:#c2410c; --danger:#a32222; --danger-bg:#fde8e4; --success:#2b6b34; --success-bg:#e3f2dc;
  --page-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 0h12v12H0zM12 12h12v12H12z' fill='%234e9a5a' fill-opacity='.13'/%3E%3C/svg%3E");
  --surface-art:none; --reader-art:none;
  --header-art:repeating-linear-gradient(0deg,#ffffff0d 0 2px,transparent 2px 4px);
  --button-art:linear-gradient(180deg,#2f7a3c 0 50%,#256131 50%);
  --shadow:4px 4px 0 #263a6b40; --backdrop:#16223fdd;
  --title-font:"Lucida Console","Courier New",monospace;
}
:root[data-theme="clockwork"], .theme-sample[data-theme="clockwork"] {
  color-scheme:light;
  --page:#e2d3b3; --surface:#fbf5e8; --subtle:#f1e6cf; --selected:#e4d2ab;
  --text:#2b2620; --secondary:#5e5240; --heading:#1f3a3a; --link:#82401d;
  --accent:#8f4a26; --on-accent:#fff8ec; --border:#cdb88f; --field-border:#8a734c;
  --header:#233636; --on-header:#f5e9d2; --header-border:#c9a15e; --trim:#b8863c;
  --focus:#1f6f6f; --danger:#9a2f22; --danger-bg:#fbe9df; --success:#2f5a3a; --success-bg:#e4efe0;
  /* A brass gear: its teeth are the dashes of a thick circle. */
  --gear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' opacity='.4'%3E%3Cg fill='none' stroke='%23c9a15e'%3E%3Ccircle cx='50' cy='50' r='38' stroke-width='12' stroke-dasharray='9.95 9.95'/%3E%3Ccircle cx='50' cy='50' r='28' stroke-width='6'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='9' fill='%23c9a15e'/%3E%3C/svg%3E");
  --page-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='none' stroke='%237a5a28' stroke-opacity='.09'%3E%3Ccircle cx='70' cy='70' r='38' stroke-width='12' stroke-dasharray='9.95 9.95'/%3E%3Ccircle cx='70' cy='70' r='28' stroke-width='6'/%3E%3Ccircle cx='178' cy='170' r='24' stroke-width='9' stroke-dasharray='7.54 7.54'/%3E%3Ccircle cx='178' cy='170' r='17' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
  /* Brass rivets in the corners of panels and menus. */
  --surface-art:radial-gradient(circle at 10px 10px,#c9a15e 0 2.5px,#8a6a2e 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 10px) 10px,#c9a15e 0 2.5px,#8a6a2e 3px,transparent 3.5px),radial-gradient(circle at 10px calc(100% - 10px),#c9a15e 0 2.5px,#8a6a2e 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#c9a15e 0 2.5px,#8a6a2e 3px,transparent 3.5px);
  --header-art:var(--gear),linear-gradient(115deg,#1d2e2e,#2f4848 55%,#233636);
  --reader-art:radial-gradient(ellipse at 0 0,#b8863c26,transparent 55%);
  --button-art:linear-gradient(180deg,#a05a30,#8f4a26 55%,#7a3d1f);
  --shadow:0 3px 14px #1f2a2a2b; --backdrop:#132020dd;
  --title-font:"Book Antiqua","Palatino Linotype",Palatino,Georgia,serif;
}

/* v1.3.2: five more themes, from the user's list (11–15), with the four colours of each swatch. */
:root[data-theme="pirate"], .theme-sample[data-theme="pirate"] {
  color-scheme:light;
  --page:#e8d6ad; --surface:#fbf3df; --subtle:#f3e6c6; --selected:#e6d3a6;
  --text:#22303f; --secondary:#4f5a63; --heading:#16324f; --link:#245866;
  --accent:#2c6470; --on-accent:#fff; --border:#d4bd8c; --field-border:#8f7445;
  --header:#16324f; --on-header:#f4e6c4; --header-border:#b28a50; --trim:#b28a50;
  --focus:#a0621a; --danger:#9b2f22; --danger-bg:#fbe6d6; --success:#2f5e3a; --success-bg:#e4efdc;
  /* A compass rose for the header's corner. */
  --compass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' opacity='.4'%3E%3Cg fill='none' stroke='%23e2bd78'%3E%3Ccircle cx='50' cy='50' r='42' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='35' stroke-dasharray='2 4'/%3E%3C/g%3E%3Cpath d='M50 26l4 20 20 4-20 4-4 20-4-20-20-4 20-4z' transform='rotate(45 50 50)' fill='%23b28a50'/%3E%3Cpath d='M50 4l7 39 39 7-39 7-7 39-7-39-39-7 39-7z' fill='%23e2bd78'/%3E%3C/svg%3E");
  /* An old chart: faint grid lines and a dashed course to an X, darker at the edges. */
  --page-art:radial-gradient(ellipse at 50% 40%,transparent 55%,#8a6a3533),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cpath d='M0 .5h320M.5 0v320M0 160.5h320M160.5 0v320' stroke='%237d5f33' stroke-opacity='.12'/%3E%3Cpath d='M40 270Q110 200 170 230T282 84' fill='none' stroke='%239b2f22' stroke-opacity='.2' stroke-width='2' stroke-dasharray='5 6'/%3E%3Cpath d='M274 70l18 18M292 70l-18 18' stroke='%239b2f22' stroke-opacity='.3' stroke-width='3'/%3E%3C/svg%3E");
  --surface-art:url("../img/parchment-grain.svg");
  --header-art:var(--compass),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='14'%3E%3Cpath d='M0 10Q7.5 4 15 10T30 10T45 10T60 10' fill='none' stroke='%23fff' stroke-opacity='.08' stroke-width='1.5'/%3E%3C/svg%3E"),linear-gradient(180deg,#1d3d5e,#16324f 60%,#102640);
  --reader-art:url("../img/parchment-grain.svg"),radial-gradient(ellipse at 0 0,#b28a502e,transparent 55%);
  --button-art:linear-gradient(180deg,#36707d,#2a5d68);
  --shadow:0 3px 14px #16324f26; --backdrop:#0c1a2bdd;
  --title-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
:root[data-theme="frozen"], .theme-sample[data-theme="frozen"] {
  color-scheme:light;
  --page:#e9f5fa; --surface:#f7fcff; --subtle:#e3f1f8; --selected:#cfe7f3;
  --text:#15283d; --secondary:#44607a; --heading:#152d48; --link:#1f6491;
  --accent:#2a6f99; --on-accent:#fff; --border:#bcdbea; --field-border:#5f8aa8;
  --header:#152d48; --on-header:#eaf6fb; --header-border:#5fb4d0; --trim:#5fb4d0;
  --focus:#1f86b0; --danger:#a12c3a; --danger-bg:#fdecef; --success:#22613f; --success-bg:#e3f4ea;
  /* Snowflakes on a frosted page, under the northern lights. */
  --page-art:radial-gradient(ellipse at 50% -15%,#9edae8a6,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg stroke='%235fb4d0' stroke-opacity='.3' stroke-linecap='round'%3E%3Cpath d='M34 22v24M23.6 28l20.8 12M23.6 40l20.8-12M34 22l-3-3M34 22l3-3M34 46l-3 3M34 46l3 3'/%3E%3Cpath d='M104 92v14M97.9 95.5l12.2 7M97.9 102.5l12.2-7'/%3E%3C/g%3E%3C/svg%3E");
  /* Frost on glass: a cold sheen across each panel. */
  --surface-art:linear-gradient(160deg,#ffffffcc,#dff1f900 45%,#cfe7f340);
  --header-art:radial-gradient(ellipse 45% 140% at 18% -20%,#2fd6a6a6,transparent 70%),radial-gradient(ellipse 35% 120% at 62% -30%,#8b6cf08c,transparent 70%),linear-gradient(180deg,#1b3a5c,#152d48);
  --reader-art:radial-gradient(ellipse at top,#9edae840,transparent 70%);
  /* Crystal-cut buttons: three facets of sapphire. */
  --button-art:linear-gradient(135deg,#337aa3 0 45%,#2a6f99 45% 55%,#235f85 55%);
  --shadow:0 4px 18px #2a6f9924; --backdrop:#0b1a2bdd;
  --title-font:Cambria,"Hoefler Text",Georgia,serif;
}
:root[data-theme="celestial"], .theme-sample[data-theme="celestial"] {
  color-scheme:dark;
  --page:#0f1834; --surface:#1a2547; --subtle:#222f58; --selected:#2e3d6e;
  --text:#e3e8f4; --secondary:#aeb8d3; --heading:#f0f3fa; --link:#e3c472;
  --accent:#d8b76a; --on-accent:#101b39; --border:#344470; --field-border:#7181b0;
  --header:#0b1230; --on-header:#e8ecf7; --header-border:#4a5b8f; --trim:#d8b76a;
  --focus:#f0d68c; --danger:#ffb0b8; --danger-bg:#3d1f33; --success:#a8dcc0; --success-bg:#1d3a3a;
  --on-danger:#0f1834;
  /* Stars, and a constellation drawn in starlight gold. */
  --stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='18' cy='30' r='1' opacity='.7'/%3E%3Ccircle cx='96' cy='12' r='.7' opacity='.5'/%3E%3Ccircle cx='170' cy='48' r='1.2' opacity='.8'/%3E%3Ccircle cx='60' cy='110' r='.8' opacity='.6'/%3E%3Ccircle cx='200' cy='150' r='.7' opacity='.5'/%3E%3Ccircle cx='30' cy='190' r='1.1' opacity='.7'/%3E%3Ccircle cx='128' cy='204' r='.6' opacity='.5'/%3E%3C/g%3E%3Cg fill='%23d8b76a' opacity='.55'%3E%3Ccircle cx='112' cy='92' r='1.6'/%3E%3Ccircle cx='140' cy='112' r='1.3'/%3E%3Ccircle cx='160' cy='100' r='1.6'/%3E%3Ccircle cx='150' cy='140' r='1.3'/%3E%3C/g%3E%3Cpath d='M112 92L140 112L160 100M140 112L150 140' fill='none' stroke='%23d8b76a' stroke-opacity='.25'/%3E%3C/svg%3E");
  /* An astrolabe for the header's corner. */
  --astrolabe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' opacity='.45'%3E%3Cg fill='none' stroke='%23d8b76a'%3E%3Ccircle cx='50' cy='50' r='44' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='38' stroke-width='5' stroke-dasharray='1 5.97'/%3E%3Ccircle cx='50' cy='50' r='24'/%3E%3Cellipse cx='50' cy='50' rx='44' ry='16' transform='rotate(-25 50 50)'/%3E%3Cpath d='M6 50h88M50 6v88'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='4' fill='%23d8b76a'/%3E%3C/svg%3E");
  --page-art:var(--stars),radial-gradient(ellipse at 85% 0,#35497699,transparent 60%),radial-gradient(ellipse at 0 100%,#2a2f6b66,transparent 55%);
  --surface-art:none; --reader-art:radial-gradient(ellipse at top,#35497659,transparent 70%);
  --header-art:var(--astrolabe),var(--stars),linear-gradient(115deg,#0b1230,#1b2550 60%,#0e1636);
  --button-art:linear-gradient(180deg,#e3c47a,#cfa955);
  --shadow:0 4px 20px #050a1c80; --backdrop:#050a1ce6;
  --title-font:Constantia,"Lucida Bright",Georgia,serif;
}
:root[data-theme="neon"], .theme-sample[data-theme="neon"] {
  color-scheme:dark;
  --page:#0b0b16; --surface:#15142a; --subtle:#1d1c38; --selected:#2a2450;
  --text:#ecebf7; --secondary:#a9a7c8; --heading:#f4f3ff; --link:#4fe6f2;
  --accent:#00ddeb; --on-accent:#0b0b16; --border:#3a2f6b; --field-border:#7a6fb0;
  --header:#0e0d1d; --on-header:#f2f1ff; --header-border:#f13dae; --trim:#8249f5;
  --focus:#f13dae; --danger:#ff8fb0; --danger-bg:#3a1530; --success:#7ef0c0; --success-bg:#10302a;
  --on-danger:#0b0b16;
  /* A violet grid under magenta and cyan light. */
  --page-art:radial-gradient(ellipse at 50% 115%,#f13dae38,transparent 60%),radial-gradient(ellipse at 0 0,#00ddeb21,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 .5h40M.5 0v40' stroke='%238249f5' stroke-opacity='.16'/%3E%3C/svg%3E");
  /* Holographic cards: a faint shimmer of the three neons. */
  --surface-art:linear-gradient(125deg,#00ddeb14,#f13dae0f 45%,#8249f514 70%,#00ddeb0a);
  --header-art:linear-gradient(90deg,#00ddeb17,#f13dae14 50%,#8249f517),linear-gradient(180deg,#14122a,#0e0d1d);
  --reader-art:radial-gradient(ellipse at top,#8249f526,transparent 70%);
  /* Lit from within: a bright core at the top of each button. */
  --button-art:radial-gradient(ellipse at 50% -20%,#bdfaff,transparent 70%),linear-gradient(180deg,#00ddeb,#00b8d4);
  --shadow:0 0 18px #8249f526; --backdrop:#05050de6;
  --title-font:Bahnschrift,"DIN Alternate","Arial Narrow","Roboto Condensed",Arial,sans-serif;
}
:root[data-theme="dragon"], .theme-sample[data-theme="dragon"] {
  color-scheme:dark;
  --page:#1b1513; --surface:#261e1b; --subtle:#30261f; --selected:#45261f;
  --text:#f3e7dc; --secondary:#c4b0a0; --heading:#f0c75e; --link:#f29a5a;
  --accent:#e3b851; --on-accent:#231c1a; --border:#4a352c; --field-border:#8d6c58;
  --header:#1a1210; --on-header:#f8ead8; --header-border:#8f3025; --trim:#e57a32;
  --focus:#ff9d4d; --danger:#ff9e8f; --danger-bg:#3d1a16; --success:#b5dca0; --success-bg:#23331d;
  --on-danger:#1b1513;
  /* A dragon's eye for the header's corner: molten gold round a slit pupil. */
  --dragon-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' opacity='.6'%3E%3Cdefs%3E%3CradialGradient id='i'%3E%3Cstop offset='0' stop-color='%23ffd36b'/%3E%3Cstop offset='.6' stop-color='%23e57a32'/%3E%3Cstop offset='1' stop-color='%238f3025'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M4 30Q60-14 116 30Q60 74 4 30z' fill='url(%23i)' stroke='%23e3b851' stroke-width='2'/%3E%3Cpath d='M60 9Q69 30 60 51Q51 30 60 9z' fill='%231a1210'/%3E%3C/svg%3E");
  /* Dragon scales over the charcoal, with embers glowing from below. */
  --page-art:radial-gradient(ellipse at 50% 115%,#e57a3238,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 12A12 12 0 0 0 24 12M-12 24A12 12 0 0 0 12 24M12 24A12 12 0 0 0 36 24M-12 0A12 12 0 0 0 12 0M12 0A12 12 0 0 0 36 0' fill='none' stroke='%23e3b851' stroke-opacity='.07'/%3E%3C/svg%3E");
  --surface-art:none; --reader-art:radial-gradient(ellipse at top,#8f302533,transparent 70%);
  --header-art:var(--dragon-eye),linear-gradient(180deg,#2a1714,#1a1210);
  /* Treasure: buttons of polished gold. */
  --button-art:linear-gradient(180deg,#f0cd6c,#e3b851 45%,#c99a35);
  --shadow:0 4px 20px #0009; --backdrop:#0d0908e6;
  --title-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}

/* Every route shares the same palette, including the archive's separate layout. */
body {
  --blue:var(--accent); --deep:var(--heading); --green:var(--accent); --gold:var(--trim);
  --paper:var(--surface); --line:var(--border); --ink:var(--text); --muted:var(--secondary);
  background-color:var(--page); background-image:var(--page-art); color:var(--text);
}
a {color:var(--link)}
h1,h2,h3,h4,.panel h2,.folder-heading h2 {color:var(--heading)}
h1,.brand,.archive-hall h1,.archive-card h2,.parchment-heading h1,.folder-heading h2,.archive-folder-nav h2,.folder-tile strong {font-family:var(--title-font)}
.eyebrow,.quiet,.footer,.member span,.profile-list span,.character-count,.search-results p,.composer-hint,.reaction-summary,.reaction-status,.chat-message-heading time,.chat-system {color:var(--secondary)}
:focus-visible,.archive-card:focus-within {outline:3px solid var(--focus);outline-offset:3px}
button,input[type=submit] {background:var(--button-art,none) var(--accent);color:var(--on-accent);border-color:var(--accent)}
button:disabled,input:disabled {background:var(--subtle);color:var(--secondary);border-color:var(--border)}
input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select,.archive-editor {
  background:var(--surface);color:var(--text);border-color:var(--field-border);
}
input::placeholder,textarea::placeholder {color:var(--secondary);opacity:1}
input[type=radio],input[type=checkbox] {accent-color:var(--accent)}
.masthead {background-color:var(--header);background-image:var(--header-art);color:var(--on-header);border-bottom-color:var(--header-border)}
.brand,.brand span,.realm,.header-menu>summary {color:var(--on-header)}
.header-menu>summary {border-color:var(--header-border)}
/* v1.4.3: accessibility — the focus ring on the header's own buttons (not inside their menus) is the colour of the
   header's words: --focus was the header's own colour in Facebook and Rainbow (1:1) and under 3:1 in five more themes. */
.masthead :focus-visible:not(.header-dropdown *) {outline-color:var(--on-header)}
/* v1.2.4: an open header menu (Coin, the bell, Search, ☰) glows as Messages does while it is open, and as the current
   page's Home and Groups: a light wash and a white outline. The picture menu keeps its own white ring.
   v1.3.2: the wash alone was a thin ring round each button's badge, hard to see. A button whose menu is open (the
   picture's too), and Messages and Groups while they are open over the page, now glow: a ring and a soft halo in the
   colour of the header's words (--on-header), which every theme keeps light on its dark header. Hovering keeps it.
   v1.3.3: the current page's button glows the same way: Home (a phone's header) while the news feed is showing, and
   Groups on a page of Groups opened on its own. */
.header-menu[open]>summary,.header-menu[open]>summary:hover,.header-link[aria-expanded=true],.header-actions .header-home[aria-current=page],.header-link[aria-current=page] {background:color-mix(in srgb,var(--on-header) 22%,transparent);border-color:var(--on-header);color:var(--on-header);box-shadow:0 0 0 2px var(--on-header),0 0 12px 4px color-mix(in srgb,var(--on-header) 70%,transparent),0 0 26px 8px color-mix(in srgb,var(--on-header) 30%,transparent)}
.account-menu[open]>summary,.account-menu[open]>summary:hover {background:transparent}
/* v1.3.3: only one button glows at a time: while a menu (the picture's too) or Messages or Groups is open, the current
   page's button stops glowing until it closes again. */
.masthead:has(.header-menu[open]>summary,.header-link[aria-expanded=true]) :is(.header-actions .header-home,.header-link)[aria-current=page] {background:transparent;border-color:var(--header-border);box-shadow:none}
.global-search {background:var(--surface);border-color:var(--header-border)}
.global-search button {background:transparent;color:var(--link);border:0}
.panel,.header-dropdown,.media-picker,.image-viewer,.reaction-tooltip {background-color:var(--surface);background-image:var(--surface-art);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}
.panel {border-top-color:var(--trim)}
.page-heading,.member,.public-link,.footer,hr,.wall-comment,.comment-reply,.message-preview,.profile-list li,.chat-list>li,.chat-shell>.wall-search,.chat-compose,.chat-message,.chat-transcript,.search-results li,.calendar th,.calendar td {border-color:var(--border)}
.seal {background:var(--accent);color:var(--on-accent)}
nav a[aria-current=page] {background:var(--selected);border-color:var(--accent)}
.text-button,.reply-form summary,.mention-picker summary {background:transparent;color:var(--link);border:0}
.composer-field {background:var(--surface);border-color:var(--field-border)}
.composer-field:focus-within {outline-color:var(--focus)}
.profile-form .composer-field textarea,.composer-field .archive-editor {background:transparent;border:0;color:var(--text)}
.composer-toolbar {border-color:var(--border)}
.composer-toolbar .composer-icon {color:var(--link);background:transparent}
.composer-toolbar .composer-icon:hover,.media-picker-results button,.reaction-palette button:hover {background:var(--subtle);color:var(--text)}
.composer-tools:has(.composer-file:focus-visible) .image-control {outline-color:var(--focus)}
.media-picker-results button {border-color:var(--border)}
.reaction-palette {background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}
.reaction-palette button {background:transparent;color:var(--text)}
.reaction-palette button[aria-pressed=true] {background:var(--selected);color:var(--text);outline-color:var(--accent)}
/* Like is outlined until pressed, so its pressed state is visible (not just announced). */
.reaction-form .like-button {background:var(--surface);color:var(--link);border-color:var(--field-border)}
.reaction-form .like-button[aria-pressed=true] {background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.reaction-count {background:transparent;color:var(--secondary);border:0}
.reaction-options>summary {border-color:var(--border)}
.chat-badge {background:var(--accent);color:var(--on-accent)}
.header-menu .chat-badge,.header-messages .chat-badge {background:#e41e3f;color:#fff}
.chat-transcript,.chat-message,.upload-preview img {background:var(--subtle);color:var(--text);border-color:var(--border)}
.chat-mine,.wall-comment:target {background:var(--selected);color:var(--text)}
.chat-system {background:transparent}
.flash,.field-error {color:var(--danger)}
.flash {background:var(--danger-bg);border-color:var(--danger)}
.flash.success {color:var(--success);background:var(--success-bg);border-color:var(--success)}
.demo-banner {background:var(--subtle);color:var(--secondary);border-bottom:1px solid var(--border)}
.demo-banner select {background:var(--surface);color:var(--text);border-color:var(--field-border)}
.skip {background:var(--surface);color:var(--link)}

/* The archive keeps its reader and folder layout, but inherits the member's theme. */
.archive-hall {background:var(--subtle);color:var(--text);border-color:var(--border);border-top-color:var(--trim)}
.archive-hall h1,.archive-hall a,.archive-card h2 a {color:var(--heading)}
.archive-hall .eyebrow,.archive-excerpt,.archive-card-number,.archive-card-footer,.entry-folder-path,.archive-results,.archive-breadcrumbs,.folder-heading p,.folder-tile small {color:var(--secondary)}
.hall-mark {color:var(--border);opacity:.45}
.archive-card {background-color:var(--surface);background-image:var(--surface-art);border-color:var(--border);border-left-color:var(--trim);box-shadow:var(--shadow)}
.archive-card-footer {border-color:var(--border)}
.archive-card-number span {color:var(--trim)}
.archive-card-footer a,.parchment-prose a,.parchment-footer a {color:var(--link)}
.archive-folder-nav,.folder-tile {background:var(--subtle);border-color:var(--border);color:var(--text)}
.archive-folder-nav ul,.archive-folder-nav .folder-create {border-color:var(--border)}
.folder-tile {border-top-color:var(--trim)}
.folder-tile:hover,.folder-actions a {background:var(--selected);color:var(--link);border-color:var(--border)}
.parchment-dialog {color:var(--text);scrollbar-color:var(--trim) var(--surface)}
.parchment-sheet {background-color:var(--surface);background-image:var(--reader-art);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.parchment-sheet::before {border-color:var(--border)}
.parchment-prose,.parchment-prose h2,.parchment-prose h3,.parchment-prose h4,.parchment-heading h1 {color:var(--text)}
.parchment-prose>p:first-child::first-letter {color:var(--heading)}
.parchment-catalog,.parchment-byline,.parchment-heading .eyebrow,.parchment-end,.parchment-illustrations figcaption,.parchment-illustrations .quiet {color:var(--secondary)}
.parchment-close {color:var(--link)}
.parchment-tools,.parchment-footer,.parchment-prose blockquote {border-color:var(--border)}
.parchment-divider {color:var(--trim)}
.parchment-divider::before,.parchment-divider::after {background:var(--border)}
.archive-seal {background:var(--accent);color:var(--on-accent);border-color:var(--trim);box-shadow:0 2px 5px #0002}
.parchment-footer button {background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.parchment-illustrations img {border-color:var(--surface);outline-color:var(--border)}
.archive-delete-review button {background:var(--danger);color:var(--on-danger)}
.archive-delete-review .form-actions a {border-color:var(--border)}
dialog::backdrop,.media-picker::backdrop,.image-viewer::backdrop,.parchment-dialog::backdrop {background:var(--backdrop)}

/* The miniature previews keep their own palettes inside the active theme. */
.theme-dialog {width:760px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:26px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 18px 70px #0005;overflow:auto}
.theme-dialog-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}
.theme-dialog-heading h2 {font:26px/1.2 var(--title-font);margin:0;color:var(--heading)}
.theme-close {background:transparent;color:var(--secondary);font-size:28px;padding:0;min-width:44px;min-height:44px;border:0}
.theme-choices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:22px 0 14px;border:0;min-width:0}
.theme-choice {position:relative;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-width:0;padding:10px;border:2px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}
.theme-choice:hover {border-color:var(--trim)}
.theme-choice:has(input:checked) {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--subtle)}
.theme-choice:has(input:focus-visible) {outline:3px solid var(--focus);outline-offset:3px}
.theme-choice>input {position:absolute;right:17px;top:17px;width:19px;height:19px;z-index:1;margin:0;accent-color:var(--accent)}
.theme-sample {display:block;height:94px;border:1px solid var(--border);border-radius:4px;background-color:var(--page);background-image:var(--page-art);overflow:hidden;pointer-events:none}
.sample-header {display:flex;height:23px;align-items:center;gap:10px;padding:0 9px;background-color:var(--header);background-image:var(--header-art)}
.sample-header>span {width:42%;height:4px;background:var(--on-header);opacity:.85;border-radius:1px}
.sample-header>i {width:22%;height:7px;background:var(--surface);opacity:.8;border-radius:2px}
.sample-layout {display:flex;gap:9px;padding:9px;height:70px}
.sample-sidebar {display:grid;align-content:start;gap:6px;width:21%}
.sample-sidebar i {height:3px;background:var(--secondary);opacity:.45}
.sample-post {display:grid;gap:5px;flex:1;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:2px}
.sample-post i {height:3px;background:var(--secondary);opacity:.35}
.sample-post i:first-child {width:45%;background:var(--link);opacity:1}
.sample-post i:nth-child(3) {width:75%}
.sample-post b {display:block;width:24px;height:5px;background:var(--accent)}
.theme-name {display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-weight:bold;font-size:14px;color:var(--heading)}
.theme-name small {font-weight:normal;font-size:12px;color:var(--secondary)} /* v1.4.3: was 10px */
.theme-description {font-size:12px;line-height:1.45;color:var(--secondary)}
.theme-status {font-size:13px;color:var(--secondary);min-height:20px;margin:0 0 10px}
.theme-dialog-actions {display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid var(--border);padding-top:16px}
.theme-dialog-actions>span {margin-right:auto;font-size:12px;color:var(--secondary)}
.theme-dialog-actions button {min-height:44px}
.secondary-button {background:var(--subtle);color:var(--text);border-color:var(--border)}

/* Small period details: flat blue bar, square panels, white page, blue-gray rules. */
:root[data-theme="facebook"] body {font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif}
:root[data-theme="facebook"] .masthead {border-bottom-width:1px}
:root[data-theme="facebook"] :is(.panel,.archive-card,.archive-hall) {box-shadow:none;border-radius:0;border-top-width:1px}
:root[data-theme="facebook"] :is(.global-search,.composer-field) {border-radius:2px}
:root[data-theme="facebook"] :is(.parchment-prose,.archive-excerpt) {font-family:inherit}
:root[data-theme="facebook"] .parchment-prose>p:first-child::first-letter {font-size:inherit;line-height:inherit}
:root[data-theme="facebook"] .parchment-heading h1 {font-size:30px}
:root[data-theme="library"] .panel {border:1px solid #b6966740}
:root[data-theme="rainbow"] .masthead {border-image:linear-gradient(90deg,#e67488,#d9ab58,#d9ca67,#71b48b,#6e9fce,#ae83ce) 1}
:root[data-theme="mystical"] .brand span {color:#f4d898}
:root[data-theme="mystical"] .archive-seal {box-shadow:0 0 18px #c598f03d}
/* v1.3.1. Gothic: a silver name, a fine burgundy frame inside each panel, a crimson edge under the header, and crimson
   glowing counts. Pixel Quest: chunky navy frames with a hard shadow. Clockwork: a brass name and a brass gear turning
   up from the header's corner. (v1.3.2: the Tavern's candlelit name went with it.) */
:root[data-theme="gothic"] .brand {color:#e6dfe8}
:root[data-theme="gothic"] .panel:not(.market-card) {box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px #6b2335,var(--shadow)}
:root[data-theme="gothic"] .masthead {box-shadow:0 1px 0 #8e2a44,0 3px 0 #16090e,0 4px 0 #6b2335}
:root[data-theme="gothic"] :is(.header-menu,.header-messages) .chat-badge {background:#c8344a;box-shadow:0 0 8px #c8344aa6}
:root[data-theme="pixel"] :is(.panel:not(.market-card),.header-dropdown) {border:3px solid #263a6b;border-radius:0}
:root[data-theme="pixel"] .brand {color:#e6c65a}
:root[data-theme="clockwork"] .brand {color:#e2bf7a}
:root[data-theme="clockwork"] .masthead {background-repeat:no-repeat;background-position:right -18px bottom -30px,0 0;background-size:96px,auto}
.theme-sample[data-theme="clockwork"] .sample-header {background-repeat:no-repeat;background-position:right -6px bottom -8px,0 0;background-size:26px,auto}
/* v1.3.2. Pirate's Cove: rope round each panel, an antique-gold name, a compass rose in the header's corner over the
   waves. Frozen Citadel: panels of frosted glass with an icy rim, an icy glow along the header's edge under the
   northern lights. Celestial Observatory: a constellation across the top of each panel, a starlight-gold name, an
   astrolabe in the header's corner. Neon Nexus: luminous violet outlines, a magenta glow under the header, a glowing
   cyan name. Dragon's Hoard: a band of scales along the top of each panel, an ember glow under the header and round
   the counts, a dragon's eye in the header's corner. */
:root[data-theme="pirate"] .panel:not(.market-card) {border:4px solid #b28a50;border-image:repeating-linear-gradient(45deg,#d1ad6e 0 3px,#8a6a35 3px 5px,#b28a50 5px 8px) 4}
:root[data-theme="pirate"] .brand {color:#e2bd78}
:root[data-theme="pirate"] .masthead {background-repeat:no-repeat,repeat-x,no-repeat;background-position:right -20px center,0 100%,0 0;background-size:92px,60px 14px,auto}
.theme-sample[data-theme="pirate"] .sample-header {background-repeat:no-repeat,repeat-x,no-repeat;background-position:right -4px center,0 100%,0 0;background-size:22px,30px 7px,auto}
:root[data-theme="frozen"] .panel:not(.market-card) {background-color:#f7fcffd9;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #d8eef7,var(--shadow)}
:root[data-theme="frozen"] .brand {color:#bfeaf5}
:root[data-theme="frozen"] .masthead {box-shadow:0 1px 0 #9edae8,0 2px 14px #5fb4d099}
:root[data-theme="celestial"] .panel:not(.market-card) {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='14'%3E%3Cpath d='M8 9L40 4L66 10L100 5L132 9L160 3' fill='none' stroke='%23d8b76a' stroke-opacity='.35'/%3E%3Cg fill='%23d8b76a' fill-opacity='.7'%3E%3Ccircle cx='8' cy='9' r='1.5'/%3E%3Ccircle cx='40' cy='4' r='1.2'/%3E%3Ccircle cx='66' cy='10' r='1.6'/%3E%3Ccircle cx='100' cy='5' r='1.1'/%3E%3Ccircle cx='132' cy='9' r='1.5'/%3E%3Ccircle cx='160' cy='3' r='1.2'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-position:0 2px}
:root[data-theme="celestial"] .brand {color:#ecd28f}
:root[data-theme="celestial"] .masthead {background-repeat:no-repeat,repeat,no-repeat;background-position:right -22px center,0 0,0 0;background-size:96px,auto,auto}
.theme-sample[data-theme="celestial"] .sample-header {background-repeat:no-repeat,repeat,no-repeat;background-position:right -6px center,0 0,0 0;background-size:24px,110px,auto}
:root[data-theme="neon"] .panel:not(.market-card) {box-shadow:0 0 0 1px #8249f566,0 0 16px #8249f540,inset 0 1px 0 #ffffff14}
:root[data-theme="neon"] .masthead {box-shadow:0 1px 0 #f13dae,0 0 18px #f13dae8c}
:root[data-theme="neon"] .brand {color:#5cf0fa;text-shadow:0 0 8px #00ddebb3}
:root[data-theme="neon"] :is(h1,.brand) {letter-spacing:.04em}
/* v1.4.3: a near-black number on the magenta count (5.5:1; white was 3.5:1). */
:root[data-theme="neon"] :is(.header-menu,.header-messages) .chat-badge {background:#f13dae;color:#0b0b16;box-shadow:0 0 8px #f13daeb3}
:root[data-theme="dragon"] .panel:not(.market-card) {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9'%3E%3Cpath d='M0 0A8 8 0 0 0 16 0z' fill='%238f3025' fill-opacity='.55' stroke='%23e3b851' stroke-opacity='.55'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:0 0}
:root[data-theme="dragon"] .brand {color:#f0c75e;text-shadow:0 0 10px #e57a3280}
:root[data-theme="dragon"] .masthead {box-shadow:0 1px 0 #8f3025,0 2px 12px #e57a3266;background-repeat:no-repeat,no-repeat;background-position:right -10px center,0 0;background-size:110px 55px,auto}
.theme-sample[data-theme="dragon"] .sample-header {background-repeat:no-repeat,no-repeat;background-position:right 2px center,0 0;background-size:30px 15px,auto}
:root[data-theme="dragon"] :is(.header-menu,.header-messages) .chat-badge {background:#e57a32;color:#1a1210;box-shadow:0 0 8px #e57a32b3}
@media(max-width:650px) {
  .theme-dialog {padding:18px}
  .theme-choices {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .theme-description {font-size:12px} /* v1.4.3: was 11px */
  .theme-dialog-actions>span {flex-basis:100%}
  .theme-dialog-actions button {flex:1}
  .theme-name {font-size:13px}
}
@media(max-width:360px) {.theme-choices{grid-template-columns:1fr}}
@media print {
  body,.parchment-sheet {background:#fff;color:#000}
  .theme-dialog,.post-reactions {display:none!important}
}