/* Viewer-owned appearance layer. The default black canon is untouched. */
html {
  --text-10:.625rem;--text-11:.6875rem;--text-12:.75rem;--text-13:.8125rem;
  --text-14:.875rem;--text-16:1rem;--text-20:1.25rem;
  --text-24:1.5rem;--text-28:1.75rem;--text-40:2.5rem;
  --appearance-panel:#0a0a0a;--appearance-ink:#f5f5f5;
  --appearance-dim:#b8b8b8;--appearance-line:#707070;
  --appearance-accent:#d8bb78;--appearance-action-ink:#000;
}

@media screen {
  html[data-glee-appearance="daylight"] {
    color-scheme:light;
    --c-ink:#fff;--c-ink-2:#fff;--c-surface:#fff;--c-surface-2:#eeeae0;
    --c-surface-3:#6b665c;--c-gold:#755100;--c-gold-hi:#684800;
    --c-gold-mid:#755100;--c-paper:#171b1f;--c-paper-hi:#111418;
    --c-muted:#343b42;--c-muted-2:#4a525a;--c-slate:#343b42;
    --c-info:#15598f;--c-link:#20569b;--c-shell-ink:#171b1f;
    --c-shell-ink-2:#343b42;--c-shell-muted:#4a525a;
    --c-shell-hairline:#928c80;--c-shell-panel:#fff;--c-shell-on-gold:#fff;
    --glee-navy-0:#f7f5ef;--glee-navy-1:#fff;--glee-navy-2:#eeeae0;
    --glee-brass:#755100;--glee-brass-hi:#684800;--glee-cyan:#15598f;
    --glee-ivory:#171b1f;--glee-graphite:#343b42;
    --glee-grid:rgba(23,27,31,.045);
    --bg:#f7f5ef;--panel:#fff;--panel2:#eeeae0;--surf:#fff;
    --line:#6b665c;--edge:#6b665c;--edge2:#928c80;
    --ink:#171b1f;--mist:#343b42;--muted:#343b42;--faint:#4a525a;
    --gold:#755100;--sand:#755100;--sand-hi:#684800;
    --accent:#755100;--page-accent:#755100;
    --text:#171b1f;--text-soft:#343b42;--surface:#fff;--graphite:#eeeae0;
    --glee-bg:#f7f5ef;--glee-bg-paper:#fff;
    --gs-ground:#f7f5ef;--gs-panel:#fff;--gs-ink:#171b1f;
    --gs-ink-2:#343b42;--gs-muted:#4a525a;--gs-gold:#755100;
    --gs-gold-hi:#684800;--gs-hairline:#928c80;
    --gs-prism-paper:#f7f5ef;--gs-prism-white:#171b1f;
    --gs-prism-ink:#171b1f;--gs-prism-muted:#343b42;
    --gs-prism-violet:#755100;--gs-prism-lilac:#eeeae0;
    --gs-prism-lime:#fff;--gs-prism-coral:#343b42;
    --gs-prism-line:#928c80;--gs-prism-night:#f7f5ef;
    --gs-prism-night-panel:#eeeae0;--gs-prism-night-muted:#4a525a;
    --gd-canvas:#f7f5ef;--gd-deep:#fff;--gd-panel:#fff;
    --gd-card:#fff;--gd-raised:#eeeae0;
    --gd-hairline:#6b665c;--gd-hairline-soft:#928c80;
    --gd-hairline-gold:#755100;
    --gd-ink:#171b1f;--gd-ink-2:#343b42;
    --gd-muted:#343b42;--gd-faint:#4a525a;
    --gd-gold-hi:#684800;--gd-gold:#755100;--gd-gold-dim:#684800;
    --gd-success:#175c44;--gd-focus:#805000;--gd-warning:#805000;
    --gd-danger:#9d242c;--gd-info:#15598f;--gd-spec:#62409a;
    --gd-unknown:#4a525a;
    --ws-ground:#f7f5ef;--ws-panel:#fff;--ws-raised:#eeeae0;
    --ws-line:#6b665c;--ws-text:#171b1f;--ws-muted:#343b42;
    --ws-accent:#62409a;--ws-gold:#755100;--ws-cyan:#15598f;
    --appearance-panel:#fff;--appearance-ink:#171b1f;
    --appearance-dim:#343b42;--appearance-line:#6b665c;
    --appearance-accent:#755100;--appearance-action-ink:#fff;
  }
  html[data-glee-appearance="contrast"] {
    color-scheme:dark;
    --c-ink:#000;--c-ink-2:#000;--c-surface:#000;--c-surface-2:#000;
    --c-surface-3:#fff;--c-gold:#ffdf54;--c-gold-hi:#ffdf54;
    --c-gold-mid:#ffdf54;--c-paper:#fff;--c-paper-hi:#fff;
    --c-muted:#fff;--c-muted-2:#e0e0e0;--c-slate:#fff;
    --c-info:#8bd6ff;--c-link:#8bd6ff;--c-shell-ink:#fff;
    --c-shell-ink-2:#fff;--c-shell-muted:#e0e0e0;
    --c-shell-hairline:#fff;--c-shell-panel:#000;--c-shell-on-gold:#000;
    --glee-navy-0:#000;--glee-navy-1:#000;--glee-navy-2:#000;
    --glee-brass:#ffdf54;--glee-brass-hi:#ffdf54;--glee-cyan:#8bd6ff;
    --glee-ivory:#fff;--glee-graphite:#fff;--glee-grid:transparent;
    --bg:#000;--panel:#000;--panel2:#000;--surf:#000;
    --line:#fff;--edge:#fff;--edge2:#d6d6d6;
    --ink:#fff;--mist:#fff;--muted:#fff;--faint:#e0e0e0;
    --gold:#ffdf54;--sand:#ffdf54;--sand-hi:#ffdf54;
    --accent:#ffdf54;--page-accent:#ffdf54;
    --text:#fff;--text-soft:#fff;--surface:#000;--graphite:#000;
    --glee-bg:#000;--glee-bg-paper:#000;
    --gs-ground:#000;--gs-panel:#000;--gs-ink:#fff;
    --gs-ink-2:#fff;--gs-muted:#e0e0e0;--gs-gold:#ffdf54;
    --gs-gold-hi:#ffdf54;--gs-hairline:#fff;
    --gs-prism-paper:#000;--gs-prism-white:#fff;
    --gs-prism-ink:#fff;--gs-prism-muted:#fff;
    --gs-prism-violet:#ffdf54;--gs-prism-lilac:#000;
    --gs-prism-lime:#000;--gs-prism-coral:#fff;
    --gs-prism-line:#fff;--gs-prism-night:#000;
    --gs-prism-night-panel:#000;--gs-prism-night-muted:#e0e0e0;
    --gd-canvas:#000;--gd-deep:#000;--gd-panel:#000;
    --gd-card:#000;--gd-raised:#171717;
    --gd-hairline:#fff;--gd-hairline-soft:#d6d6d6;
    --gd-hairline-gold:#ffdf54;
    --gd-ink:#fff;--gd-ink-2:#fff;
    --gd-muted:#fff;--gd-faint:#e0e0e0;
    --gd-gold-hi:#ffdf54;--gd-gold:#ffdf54;--gd-gold-dim:#ffdf54;
    --gd-success:#7dffbf;--gd-focus:#ffdf54;--gd-warning:#ffdf54;
    --gd-danger:#ff8f93;--gd-info:#8bd6ff;--gd-spec:#d0a8ff;
    --gd-unknown:#e0e0e0;
    --ws-ground:#000;--ws-panel:#000;--ws-raised:#171717;
    --ws-line:#fff;--ws-text:#fff;--ws-muted:#e0e0e0;
    --ws-accent:#d0a8ff;--ws-gold:#ffdf54;--ws-cyan:#8bd6ff;
    --appearance-panel:#000;--appearance-ink:#fff;
    --appearance-dim:#fff;--appearance-line:#fff;
    --appearance-accent:#ffdf54;--appearance-action-ink:#000;
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) body {
    background:var(--bg)!important;color:var(--ink)!important;
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gs-shell,
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gs-lnav,
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gtrail {
    background:var(--bg);border-color:var(--gs-hairline);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gs-brand,
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gs-nav-a,
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gtrail {
    color:var(--gs-ink);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gs-nav-a.is-on {
    color:var(--gs-gold);background:var(--glee-navy-2);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gs-session {
    background:var(--c-gold);color:var(--c-shell-on-gold);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .gs-session.is-in {
    background:transparent;color:var(--gs-ink);border-color:var(--gs-hairline);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) body.atelier .ai-entry {
    background:var(--bg)!important;color:var(--ink);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .ai-start textarea {
    background:var(--appearance-panel);color:var(--appearance-ink);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .at-menu-toggle {
    background:var(--appearance-panel);color:var(--appearance-ink);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .at-footer {
    background:var(--bg);color:var(--ink);border-color:var(--appearance-line);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .at-footer p {
    color:var(--appearance-dim);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) body:has(.pricing-grid) {
    --glee-panel:var(--appearance-panel);--glee-text:var(--appearance-ink);
    --glee-muted:var(--appearance-dim);--glee-line:var(--appearance-line);
    --glee-gold:var(--appearance-accent);
    --glee-green:var(--appearance-accent);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .pricing-grid .p-card {
    background:var(--appearance-panel);
  }
  html[data-glee-appearance="daylight"] .p-card.featured,
  html[data-glee-appearance="daylight"] .fuel-explainer {
    background:var(--c-surface-2);
  }
  html[data-glee-appearance="daylight"] .p-btn-secondary,
  html[data-glee-appearance="daylight"] .fuel-box {
    background:var(--c-surface-2);
  }
  html[data-glee-appearance="contrast"] .p-card.featured,
  html[data-glee-appearance="contrast"] .p-btn-secondary,
  html[data-glee-appearance="contrast"] .fuel-explainer,
  html[data-glee-appearance="contrast"] .fuel-box {
    background:var(--appearance-panel);
  }
  html:is([data-glee-appearance="daylight"],[data-glee-appearance="contrast"]) .faq-section h2 {
    color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] .footer a {
    color:var(--c-gold-hi);
  }
  html[data-glee-appearance="contrast"] .footer a {
    color:var(--appearance-accent);
  }
  html[data-glee-appearance="contrast"] :is(.about-page,.support-wrap) {
    --c-ink-2:#fff;
  }
  html[data-glee-appearance="contrast"] .support-btn-primary,
  html[data-glee-appearance="contrast"] body.atelier .at-button {
    color:var(--appearance-action-ink)!important;
  }
  html[data-glee-appearance="contrast"] :is(.statusbox,.stat,.receipt,.step) {
    background:var(--appearance-panel);color:var(--appearance-ink);
  }
  html[data-glee-appearance="contrast"] :is(.step h2,.receipt h3) {
    color:var(--appearance-ink)!important;
  }
  html[data-glee-appearance="contrast"] :is(.go,.mg-go,.button.primary,button.primary,#routego) {
    background:var(--appearance-accent);color:var(--appearance-action-ink)!important;
  }
  html[data-glee-appearance="contrast"] :is(button.add,.pl-control-btn.active) {
    color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] :is(.about-page,.support-wrap) {
    --c-ink-2:#343b42;
  }
  html[data-glee-appearance="daylight"] .support-btn-primary,
  html[data-glee-appearance="daylight"] .hero-btn-primary,
  html[data-glee-appearance="daylight"] .at-button {
    color:var(--appearance-action-ink);
  }
  html[data-glee-appearance="daylight"] body:has([data-game]) button.card,
  html[data-glee-appearance="daylight"] .door {
    background:var(--appearance-panel);color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] .roomrole {
    background:var(--appearance-panel);color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] .roomrole.on {
    background:var(--c-surface-2);color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] .roomcard,
  html[data-glee-appearance="daylight"] .step {
    background:var(--appearance-panel);color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] body:has(.roomroles) .card {
    background:var(--appearance-panel);color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] .step h2 {
    color:var(--c-gold-hi)!important;
  }
  html[data-glee-appearance="daylight"] body:has(.roomroles) button.add {
    color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] .roomcard .detailbtn {
    background:var(--c-surface-2);color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] body.atelier .at-button {
    background:var(--appearance-accent);color:var(--appearance-action-ink)!important;
  }
  html[data-glee-appearance="daylight"] :is(.eyebrow,.ok,.ai-section-label) {
    color:var(--gd-success);
  }
  html[data-glee-appearance="daylight"] :is(.sigil-atlas__kicker,.sigil-card__mode) {
    color:var(--c-gold-hi);
  }
  html[data-glee-appearance="daylight"] .tree-lede {
    color:var(--appearance-dim);
  }
  html[data-glee-appearance="daylight"] .bench-page {
    --bench-bg:#f7f5ef;--bench-panel:#fff;--bench-line:#6b665c;
    --bench-text:#171b1f;--bench-muted:#343b42;--bench-gold:#755100;
    --bench-green:#175c44;--bench-teal:#15598f;--bench-red:#9d242c;
  }
  html[data-glee-appearance="daylight"] .bench-hero-proof {
    background:var(--c-surface-2);
  }
  html[data-glee-appearance="daylight"] .bench-button-primary {
    color:var(--appearance-action-ink);
  }
  html[data-glee-appearance="daylight"] .bench-button-secondary {
    background:var(--appearance-panel);
  }
  html[data-glee-appearance="daylight"] .bench-button-primary:hover {
    color:var(--appearance-action-ink);background:var(--c-gold-hi);
  }
  html[data-glee-appearance="daylight"] .bench-brief {
    background:var(--appearance-panel);
  }
  html[data-glee-appearance="daylight"] .pl-control-btn.active {
    color:var(--appearance-ink);
  }
  html[data-glee-appearance="daylight"] body:has(.page-hero .hero-sub) .hero-sub,
  html[data-glee-appearance="daylight"] body:has(.page-hero .hero-sub) h1 {
    color:var(--appearance-ink);
  }
}

.gs-right .glee-display-trigger {
  min-width:70px;min-height:34px;padding:0 10px;border:1px solid var(--gs-hairline);
  border-radius:8px;background:var(--gs-panel);color:var(--gs-ink);
  font:700 .75rem/1 system-ui,sans-serif;justify-content:center;cursor:pointer;
}
.gs-right .glee-display-trigger:hover,.gs-right .glee-display-trigger:focus-visible {
  border-color:var(--gs-gold);outline:2px solid var(--gs-gold);outline-offset:2px;
}
.glee-display-dialog {
  position:fixed;inset:auto 16px 16px auto;width:min(360px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);overflow:auto;margin:0;padding:20px;
  border:1px solid var(--appearance-line);border-radius:12px;
  background:var(--appearance-panel);color:var(--appearance-ink);
  box-shadow:0 16px 60px rgba(0,0,0,.35);font:1rem/1.45 system-ui,sans-serif;
}
.glee-display-dialog::backdrop {background:rgba(0,0,0,.55)}
.glee-display-head {display:flex;justify-content:space-between;align-items:center;gap:12px}
.glee-display-head h2 {margin:0;color:var(--appearance-ink);font-size:var(--text-20)}
.glee-display-head button {width:36px;height:36px;border:1px solid var(--appearance-line);
  border-radius:8px;background:var(--appearance-panel);color:var(--appearance-ink);
  font-size:var(--text-24);cursor:pointer}
.glee-display-dialog p {margin:8px 0 18px;color:var(--appearance-dim)}
.glee-display-dialog fieldset {display:grid;gap:8px;margin:0 0 18px;padding:0;border:0}
.glee-display-dialog legend {margin-bottom:10px;font-weight:700}
.glee-display-dialog label {display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}
.glee-display-dialog input[type="radio"] {accent-color:var(--appearance-accent);width:18px;height:18px}
.glee-display-dialog .glee-display-size {display:grid;grid-template-columns:1fr auto;gap:8px}
.glee-display-size input {grid-column:1/-1;width:100%;accent-color:var(--appearance-accent)}
.glee-display-size output {font-weight:700}
.glee-display-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.glee-display-actions button {min-height:36px;padding:6px 10px;border:1px solid var(--appearance-line);
  border-radius:8px;background:var(--appearance-panel);color:var(--appearance-ink);cursor:pointer}
.glee-display-actions button:focus-visible,.glee-display-head button:focus-visible,
.glee-display-dialog input:focus-visible {outline:3px solid var(--appearance-accent);outline-offset:2px}
.glee-display-actions [role="status"] {font-size:var(--text-12);color:var(--appearance-dim)}
html[data-glee-appearance] body.studio {
  display:flex;flex-direction:column;min-height:100dvh;
}
html[data-glee-appearance] body.studio :is(.gs-shell,.gtrail,.ws-header,.ws-mobile-tabs) {
  flex-shrink:0;width:100%;
}
html[data-glee-appearance] body.studio .ws-workspace {
  flex:1 1 auto;height:auto;min-height:0;
}
@media (max-width:480px) {.glee-display-dialog{inset:auto 8px 8px;width:calc(100vw - 16px)}}
@media (max-width:600px) {
  html[data-glee-appearance] body.studio .gs-nav,
  html[data-glee-appearance] body.studio .ws-brand > span:last-child {
    display:none;
  }
  html[data-glee-appearance] body.studio .ws-header {
    height:auto;min-height:105px;padding-block:6px;
  }
  html[data-glee-appearance] body.studio .ws-file-actions {
    flex-wrap:wrap;justify-content:flex-start;gap:6px;
  }
  html[data-glee-appearance] body.studio .ws-center {
    grid-template-rows:80px minmax(160px,1fr) 260px 42px;
  }
  html[data-glee-appearance] body.studio .ws-toolbar {
    display:grid;grid-template-columns:1fr;align-content:center;
    min-height:80px;gap:6px;
  }
  html[data-glee-appearance] body.studio :is(.ws-tools,.ws-view-tools) {
    justify-content:space-between;gap:8px;
  }
  html[data-glee-appearance] body.studio .ws-timeline {
    grid-template-rows:repeat(4,auto) minmax(28px,auto);
    overflow-y:auto;align-content:start;gap:8px;
  }
  html[data-glee-appearance] body.studio .ws-time-heading {
    display:grid;grid-template-columns:1fr auto;gap:8px;
  }
  html[data-glee-appearance] body.studio .ws-time-heading h2 {
    grid-column:1/-1;
  }
  html[data-glee-appearance] body.studio .ws-time-heading #capture {
    grid-column:1/-1;justify-self:start;
  }
  html[data-glee-appearance] body.studio :is(.ws-time-heading,.ws-transport,.ws-scrubber) {
    flex-wrap:wrap;min-height:28px;gap:8px;
  }
  html[data-glee-appearance] body.studio .ws-track {
    min-height:32px;
  }
  html[data-glee-appearance] body.studio .ws-viewport-help {
    display:none;
  }
  html[data-glee-appearance] body.presence-lab-body .gs-shell {
    align-self:stretch;width:100%;min-width:0;
  }
  html[data-glee-appearance] body.presence-lab-body .gs-bar {
    box-sizing:border-box;width:100%;min-width:0;
  }
  html[data-glee-appearance] body.presence-lab-body .gs-nav {
    display:none;
  }
  html[data-glee-appearance] .bridge-fixture-lane strong {
    overflow-wrap:anywhere;
  }
}
@media print {html[data-glee-appearance]{font-size:100%!important}.glee-display-trigger,.glee-display-dialog{display:none!important}}