.umd-brand,
.umd-page,
.umd-ldw {
  /* Site palette */
  --umd-red: #e21833;
  --umd-red-deep: #b81227;
  --umd-gold: #ffd200;
  --umd-black: #000000;
  --umd-ink: #212428;        /* headings and names on white */
  --umd-body: #454545;       /* body copy */
  --umd-muted: #595b5e;      /* affiliations, captions */
  --umd-line: #e9ecef;       /* card and table borders */
  --umd-wash: #f8f9fa;       /* table header, zebra rows */

  --umd-font: "Interstate", "Overpass", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --umd-font-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;

  --ov-font: var(--umd-font);
}
.umd-brand { font-family: var(--umd-font); }

#umd-bg-tool-mount.umd-brand[data-theme="dark"],
.umd-ldw[data-theme="dark"],
.umd-ldw background-controls[data-theme="dark"],
html[data-theme="dark"] .umd-ldw,
html[data-theme="dark"] .umd-ldw background-controls {
  --ui-bg-main: #000000;
  --ui-bg-panel: #111213;
  --ui-bg-header: rgba(0, 0, 0, 0.92);
  --ui-bg-card: rgba(0, 0, 0, 0.6);
  --ui-bg-inner: #000000;
  --ui-bg-input: #1b1c1e;
  --ui-text-main: #ffffff;
  --ui-text-muted: #b9bbbe;
  --ui-text-sub: #8a8d91;
  --ui-border: #2c2e31;
  --ui-btn-active-bg: #2b2d30;
  --ui-btn-active-text: #ffffff;
  --ui-btn-active-border: #43464a;
  --ui-btn-inactive-text: #b9bbbe;
  --ui-btn-inactive-hover: #ffffff;
  --umd-page-text: #ffffff;
  --umd-page-muted: #d7d8da;
  --umd-page-rule: rgba(255, 255, 255, 0.3);
  --umd-red-on-dark: #ff3355;
}
#umd-bg-tool-mount.umd-brand[data-theme="light"],
#umd-bg-tool-mount.umd-brand[data-theme="white"],
.umd-ldw[data-theme="light"],
.umd-ldw[data-theme="white"],
.umd-ldw background-controls[data-theme="light"],
.umd-ldw background-controls[data-theme="white"] {
  --ui-bg-main: #f8f9fa;
  --ui-bg-panel: #ffffff;
  --ui-bg-header: rgba(255, 255, 255, 0.95);
  --ui-bg-card: #ffffff;
  --ui-bg-inner: #f8f9fa;
  --ui-bg-input: #ffffff;
  --ui-text-main: #212428;
  --ui-text-muted: #454545;
  --ui-text-sub: #595b5e;
  --ui-border: #e9ecef;
  --ui-btn-active-bg: #ffffff;
  --ui-btn-active-text: #212428;
  --ui-btn-active-border: #c9ccd0;
  --ui-btn-inactive-text: #595b5e;
  --ui-btn-inactive-hover: #000000;
  --umd-page-text: #212428;
  --umd-page-muted: #454545;
  --umd-page-rule: #d5d8dc;
  --umd-red-on-dark: var(--umd-red);
}
#umd-bg-tool-mount.umd-brand[data-theme="white"],
.umd-ldw[data-theme="white"],
.umd-ldw background-controls[data-theme="white"] { --ui-bg-main: #ffffff; }

.umd-brand,
.umd-ldw {
  --ov-card-bg: #ffffff;
  --ov-card-border: var(--umd-line);
  --ov-text: var(--umd-ink);
  --ov-muted: var(--umd-muted);
  --ov-accent: var(--umd-red);
  --ov-accent-text: var(--umd-red);
  --ov-chip-bg: var(--umd-wash);
  --ov-head-bg: var(--umd-wash);
  --ov-row-alt: #fbfbfc;
  --ov-row-line: var(--umd-line);
  --ov-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Reusable brand pieces */
:where(.umd-eyebrow),
.umd-tag,
umd-ldw-tag {
  display: inline-block;
  box-sizing: border-box;
  font-family: var(--umd-font);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--accent, var(--umd-gold));
}
.umd-display,
umd-ldw-heading {
  margin: 0;
  font-family: var(--umd-font-display);
  font-style: italic;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Black band with the site's dot grid */
.umd-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 34px 20px 38px;
  text-align: center;
  color: #ffffff;
  background-color: #000000;
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.34) 0 2px, transparent 2.6px);
  background-size: 34px 34px;
}
.umd-hero .umd-display { font-size: clamp(38px, 6vw, 68px); }
umd-ldw-heading { display: block; font-size: clamp(40px, 7vw, 96px); color: var(--umd-page-text, inherit); }

body.umd-page {
  margin: 0;
  background: #f8f9fa;
  font-family: var(--umd-font);
}

/* Flat, square-cornered cards like the site; pills stay pills */
.umd-brand .rounded-2xl,
.umd-brand .rounded-xl,
.umd-brand .rounded-lg { border-radius: 0 !important; }
.umd-brand .shadow-2xl,
.umd-brand .shadow-lg { box-shadow: none !important; }
.umd-brand .backdrop-blur-md,
.umd-brand .backdrop-blur { backdrop-filter: none; }

.umd-brand .bg-umd-red,
.umd-brand .bg-\[\#e21833\] { background-color: var(--umd-red); }
.umd-brand .hover\:bg-\[\#b81227\]:hover { background-color: var(--umd-red-deep); }
.umd-brand .text-umd-red,
.umd-brand .text-\[\#e21833\] { color: var(--umd-red-on-dark, var(--umd-red)); }
.umd-brand .border-umd-red { border-color: var(--umd-red); }
.umd-brand .accent-\[\#e21833\] { accent-color: var(--umd-red); }
.umd-brand .peer:checked ~ .peer-checked\:bg-\[\#e21833\] { background-color: var(--umd-red); }
.umd-brand .focus\:ring-\[\#e21833\]:focus,
.umd-brand .peer:focus ~ .peer-focus\:ring-\[\#e21833\] { --tw-ring-color: var(--umd-red); }
.umd-brand .shadow-\[\#e21833\]\/20,
.umd-brand .shadow-\[\#e21833\]\/30 { --tw-shadow-color: transparent; box-shadow: none; }
#umd-bg-tool-mount.umd-brand input[type=range]::-webkit-slider-thumb { background: var(--umd-red); border-color: var(--umd-red); }
#umd-bg-tool-mount.umd-brand input[type=range]::-moz-range-thumb { background: var(--umd-red); border-color: var(--umd-red); }

/* Panel header */
.umd-brand h1.tracking-wider,
.umd-brand .app-sidebar__head h1,
.umd-brand .usd-sidebar .app-sidebar__head h1 {
  font-family: var(--umd-font);
  font-weight: 800;
  letter-spacing: 0.02em;
}
.umd-brand .app-sidebar__head { border-bottom: 1px solid var(--ui-border); }
.umd-brand .app-sidebar__head h1::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 1.05em;
  margin-right: 10px;
  vertical-align: -0.16em;
  background: var(--umd-red);
}
/* the tool's rounded red app icon becomes a plain red block */
.umd-brand .w-7.h-7.rounded-lg.bg-\[\#e21833\] { border-radius: 0 !important; }

/* Section titles: uppercase bold with the site's red tick */
.umd-brand .text-xs.font-bold.uppercase.tracking-wider,
.umd-brand .app-section__title {
  font-family: var(--umd-font);
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--ui-text-main);
}
.umd-brand .text-xs.font-bold.uppercase.tracking-wider > i,
.umd-brand .app-section__title > i { display: none; }

/* Inputs and sub-cards: 1px hairline, square */
.umd-brand .app-input,
.umd-brand input[type="text"],
.umd-brand input[type="datetime-local"],
.umd-brand select { border-radius: 2px; border-color: var(--ui-border); }
.umd-brand .app-input:focus,
.umd-brand input:focus-visible,
.umd-brand select:focus-visible { outline: none; border-color: var(--umd-red); box-shadow: 0 0 0 2px rgba(226, 24, 51, 0.35); }

/* Buttons: red / black pills, uppercase bold */
.umd-brand .app-btn,
.umd-brand .theme-toggle-btn.w-full {
  font-family: var(--umd-font);
  font-weight: 800;
  letter-spacing: .02em;
}
.umd-brand .app-btn:not(:focus-visible),
.umd-brand .theme-toggle-btn.w-full:not(:focus-visible) {
  box-shadow: none;
}
.umd-brand .app-btn { background: var(--umd-red); border-radius: 999px; }
.umd-brand .app-btn:hover { background: var(--umd-red-deep); }
.umd-brand .app-btn--dark { background: var(--umd-ink); }
.umd-brand .app-btn--dark:hover { background: #000; }
.umd-brand .app-btn--ghost { background: transparent; color: var(--ui-text-main); border: 1px solid var(--ui-border); }
.umd-brand .app-btn--ghost:hover { background: var(--ui-bg-inner); }
.umd-brand .app-seg { border-radius: 999px; }
.umd-brand .app-seg__btn { font-family: var(--umd-font); font-weight: 700; }
.umd-brand .app-seg__btn[aria-pressed="true"] { background: var(--umd-red); color: #fff; border-color: var(--umd-red); }

.umd-brand #previewMain > header { background: #000; color: #fff; border-color: #000; }
.umd-brand #previewMain > header .ui-text-main { color: #fff; }
.umd-brand #previewMain > header span.uppercase { font-weight: 800; letter-spacing: 0.12em; }
.umd-brand #previewMain > header .ui-bg-inner { background: #1b1c1e; border-color: #2c2e31; color: #d7d8da; }
.umd-brand #previewMain > header button { background: transparent; border-color: #43464a; color: #fff; }
.umd-brand #previewMain > header button:hover { background: #2b2d30; }
html[data-theme="light"] .umd-brand #previewMain > header { background: var(--ui-bg-panel); color: var(--ui-text-main); border-color: var(--ui-border); }
html[data-theme="light"] .umd-brand #previewMain > header .ui-text-main { color: var(--ui-text-main); }
html[data-theme="light"] .umd-brand #previewMain > header .ui-bg-inner { background: var(--ui-bg-input); border-color: var(--ui-border); color: var(--ui-text-muted); }
html[data-theme="light"] .umd-brand #previewMain > header button { background: transparent; border-color: var(--ui-border); color: var(--ui-text-main); }
html[data-theme="light"] .umd-brand #previewMain > header button:hover { background: var(--ui-bg-main); }

/* Site-style badges/pills for the small "UMD LDW" chip */
.umd-brand .rounded-full.uppercase.tracking-wider { background: var(--umd-gold); color: #000; border-color: var(--umd-gold); font-weight: 800; }

.umd-brand .stage-frame { border-radius: 0; border: 1px solid var(--ui-border); box-shadow: none; }

.umd-brand .wr-card {
  width: 1920px;
  height: 1080px;
  padding: 0 128px;
  grid-template-columns: minmax(0, 1fr) 500px;
  column-gap: 104px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  color: var(--umd-page-text);
}
.umd-brand .wr-card__accent { display: none; }
.umd-brand .wr-tag { margin: 0 0 40px; font-size: 30px; }
.umd-brand .wr-title {
  font-family: var(--umd-font-display);
  font-style: italic;
  font-weight: 700;
  font-size: 136px;
  line-height: 0.96;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--umd-page-text);
}
.umd-brand .wr-subtitle {
  margin-top: 52px;
  font-size: 42px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--umd-gold);
}
.umd-brand[data-theme="light"] .wr-subtitle,
.umd-brand[data-theme="white"] .wr-subtitle { color: var(--umd-red); }
.umd-brand .wr-dot { background: var(--umd-red); width: 22px; height: 22px; }
.umd-brand .wr-copy {
  margin-top: 30px;
  max-width: 900px;
  font-size: 32px;
  line-height: 1.45;
  font-weight: 400;
  color: var(--umd-page-muted);
}
/* QR: this is the rule that actually wins on the page */
.umd-brand .wr-qr {
  gap: 0;
  padding: 0 0 32px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-top: 4px solid var(--umd-red);
  border-radius: 28px;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.umd-brand .wr-qr__frame {
  width: 380px;
  height: 380px;
  margin-top: 40px;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}
.umd-brand .wr-qr__url {
  margin-top: 28px;
  max-width: 440px;
  font-family: var(--umd-font);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #ffffff;
}

.umd-brand.usd-app {
  /* Glass tokens: dark canvas */
  --glass-bg: rgba(10, 11, 12, 0.68);
  --glass-solid: rgba(10, 11, 12, 0.94);
  --glass-border: rgba(255, 255, 255, 0.16);
  --glass-tile: rgba(255, 255, 255, 0.06);
  --glass-rule: rgba(255, 255, 255, 0.14);
  --glass-text: #ffffff;
  --glass-muted: #d3d5d8;
  --glass-accent: var(--umd-gold);
  --glass-shadow: 0 calc(var(--u) * 24) calc(var(--u) * 60) rgba(0, 0, 0, 0.4);
  color: var(--umd-page-text);
}
.umd-brand.usd-app[data-theme="light"],
.umd-brand.usd-app[data-theme="white"] {
  --glass-bg: rgba(255, 255, 255, 0.76);
  --glass-solid: rgba(255, 255, 255, 0.97);
  --glass-border: rgba(0, 0, 0, 0.14);
  --glass-tile: rgba(0, 0, 0, 0.045);
  --glass-rule: rgba(0, 0, 0, 0.14);
  --glass-text: #16181b;
  --glass-muted: #43464a;
  --glass-accent: #16181b;
  --glass-shadow: 0 calc(var(--u) * 24) calc(var(--u) * 60) rgba(0, 0, 0, 0.16);
}

.umd-brand .usd-brand { font-family: var(--umd-font); font-weight: 600; letter-spacing: 0.1em; color: var(--umd-page-text); font-size: calc(var(--u) * 20); }
.umd-brand .usd-brand__mark { display: none; }
.umd-brand .usd-wordmark { display: block; height: calc(var(--u) * 84); width: auto; max-width: calc(var(--u) * 1000); }
.umd-brand .usd-wordmark[hidden] { display: none; }

.umd-brand .usd-panel,
.umd-brand .usd-agenda__card {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  backdrop-filter: blur(14px) saturate(1.15);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  color: var(--glass-text);
  border-radius: 0;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .umd-brand .usd-panel, .umd-brand .usd-agenda__card { background: var(--glass-solid); }
}
@media (prefers-reduced-transparency: reduce) {
  .umd-brand .usd-panel, .umd-brand .usd-agenda__card { background: var(--glass-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* The session */
.umd-brand .usd-hero { padding: 0; background: transparent; border: 0; box-shadow: none; }
.umd-brand .usd-panel {
  align-self: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  padding: calc(var(--u) * 56) calc(var(--u) * 64) calc(var(--u) * 60);
  border-left: calc(var(--u) * 4) solid var(--umd-red);
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 26);
}
.umd-brand .usd-tag { align-self: flex-start; margin: 0; font-size: calc(var(--u) * 18); font-weight: 700; color: #000; }
.umd-brand .usd-hero__title {
  font-family: var(--umd-font-display);
  font-style: italic;
  font-weight: 700;
  font-size: calc(var(--u) * 72 * var(--tfit, 1));
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--glass-text);
}
.umd-brand .usd-when { font-weight: 800; letter-spacing: 0.1em; color: var(--glass-accent); }
.umd-brand .usd-presenter__name { font-size: calc(var(--u) * 30); font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--glass-text); }
.umd-brand .usd-presenter__role { font-size: calc(var(--u) * 22); font-weight: 400; color: var(--glass-muted); }
.umd-brand .usd-desc { font-size: calc(var(--u) * 23); font-weight: 400; line-height: 1.5; color: var(--glass-muted); max-width: 36em; }
.umd-brand .usd-note { color: var(--glass-muted); }

/* Coming up */
.umd-brand .usd-agenda { padding: 0; background: transparent; border: 0; box-shadow: none; }
.umd-brand .usd-agenda__card {
  box-sizing: border-box;
  padding: calc(var(--u) * 44) calc(var(--u) * 44) calc(var(--u) * 36);
  border-top: calc(var(--u) * 4) solid var(--umd-gold);
}
.umd-brand .usd-agenda__heading {
  font-family: var(--umd-font-display);
  font-style: italic;
  font-size: calc(var(--u) * 32);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--glass-text);
}
.umd-brand .usd-agenda__hint { font-family: var(--umd-font); font-weight: 600; letter-spacing: 0.1em; color: var(--glass-muted); }
.umd-brand .usd-agenda__empty { color: var(--glass-muted); font-weight: 400; }
.umd-brand .usd-list { gap: 0; margin-top: calc(var(--u) * 20); }
.umd-brand .usd-item {
  padding: calc(var(--u) * 22) 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--glass-rule);
  border-radius: 0;
}
/* Start time: plain gold text (calmer than a filled tag) */
.umd-brand .usd-item__time {
  display: block;
  padding: 0;
  font-family: var(--umd-font);
  font-size: calc(var(--u) * 21);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.25;
  color: var(--glass-muted);
  background: transparent;
  clip-path: none;
}
.umd-brand .usd-item__title { margin-top: calc(var(--u) * 6); font-size: calc(var(--u) * 25); font-weight: 600; line-height: 1.25; color: var(--glass-text); }
.umd-brand .usd-item__by { margin-top: calc(var(--u) * 4); font-size: calc(var(--u) * 20); font-weight: 400; color: var(--glass-muted); }
/* The code sits on white so it scans on any theme */
.umd-brand .usd-item__qr { box-sizing: border-box; width: calc(var(--u) * 88); height: calc(var(--u) * 88); padding: calc(var(--u) * 4); background: #ffffff; }

.umd-brand .usd-toggle { border-radius: 0; background: var(--umd-gold); color: #000; border-color: var(--umd-gold); }
.umd-brand .usd-sidebar { border-radius: 0; }

.umd-brand .usd-when { font-size: calc(var(--u) * 22); font-weight: 600; letter-spacing: 0.08em; }
.umd-brand .usd-presenters { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 300), 1fr)); gap: calc(var(--u) * 18) calc(var(--u) * 44); }
.umd-brand .usd-presenters[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
.umd-brand.usd-app { --host-umd: #ff3b54; --host-btaa: #43b0ea; --host-other: #9a9da3; }
.umd-brand.usd-app[data-theme="light"], .umd-brand.usd-app[data-theme="white"] { --host-umd: #e21833; --host-btaa: #005e8d; --host-other: #8a8d93; }
.umd-brand [data-host-kind] { --host: var(--host-other); }
.umd-brand [data-host-kind="umd"] { --host: var(--host-umd); }
.umd-brand [data-host-kind="btaa"] { --host: var(--host-btaa); }
.umd-brand .usd-dot {
  display: inline-block; width: .5em; height: .5em; margin-right: .45em; border-radius: 50%; background: var(--host); vertical-align: .1em; text-indent: 0;
}
.umd-brand .usd-item__title { padding-left: .95em; text-indent: -.95em; }      /* a wrapped title lines up under its first word */
.umd-brand .usd-item__host { font-family: var(--umd-font); font-weight: 600; letter-spacing: 0.04em; text-transform: none; color: inherit; }
.umd-brand .usd-sep { margin: 0 .5em; font-weight: 400; }
.umd-brand .usd-host { margin-top: calc(var(--u) * -4); font-size: calc(var(--u) * 22); font-weight: 600; color: var(--glass-muted); }
.umd-brand .usd-presenter { min-width: 0; }
.umd-brand .usd-presenter.has-photo { display: flex; align-items: flex-start; gap: calc(var(--u) * 18); }   /* photo's top lines up with the name */
.umd-brand .usd-presenter__photo { flex: none; width: calc(var(--u) * 88); height: calc(var(--u) * 88); border-radius: 50%; object-fit: cover; background: var(--glass-tile); box-shadow: 0 0 0 calc(var(--u) * 3) var(--glass-border); }
.umd-brand .usd-presenters:not([data-count="1"]) .usd-presenter__photo { width: calc(var(--u) * 68); height: calc(var(--u) * 68); }
.umd-brand .usd-presenter__text { min-width: 0; }
/* a QR code that is also a link: no underline, no extra box */
.umd-brand .usd-qrlink { flex: none; display: block; line-height: 0; text-decoration: none; }
.umd-brand .usd-link { color: var(--glass-accent); text-decoration: none; border-bottom: 1px solid var(--glass-rule); }
.umd-brand .usd-link:hover { border-bottom-color: currentColor; }
.umd-brand .usd-closing { justify-content: center; }
.umd-brand .usd-closing .usd-desc { font-size: calc(var(--u) * 26); }
.umd-brand .usd-closing__link { display: flex; align-items: center; gap: calc(var(--u) * 22); margin-top: calc(var(--u) * 10); }
.umd-brand .usd-closing__link .usd-desc { font-size: calc(var(--u) * 22); line-height: 1.4; }
.umd-brand .usd-closing__qr { box-sizing: border-box; display: block; width: calc(var(--u) * 110); height: calc(var(--u) * 110); padding: calc(var(--u) * 5); background: #fff; }
.usd-simchip {
  position: fixed; z-index: 18; top: 14px; right: 14px; padding: 6px 12px; cursor: pointer;
  font: 600 12px/1.2 var(--umd-font, sans-serif); letter-spacing: 0.04em;
  color: #000; background: var(--umd-gold, #ffd200); border: 0; border-radius: 0;
}
.usd-simchip[hidden] { display: none; }
.usd-simchip:hover { background: #fff; }
.wr-qr__link, .wr-qr__url a { display: block; color: inherit; text-decoration: none; }
.wr-qr__link { width: 100%; height: 100%; }
.wr-qr__url a { display: inline; }

/* The session and the optional message share one column */
.umd-brand .usd-stack { display: grid; width: fit-content; max-width: 100%; row-gap: calc(var(--u) * 24); }
.umd-brand .usd-stack > .usd-panel { align-self: start; }
.umd-brand .usd-message { padding: calc(var(--u) * 30) calc(var(--u) * 64) calc(var(--u) * 32); border-left-color: var(--msg-edge); }
.umd-brand.usd-app { --msg-edge: #e6e6e6; }
.umd-brand.usd-app[data-theme="light"], .umd-brand.usd-app[data-theme="white"] { --msg-edge: #454545; }
.umd-brand .usd-message__text { margin: 0; font-size: calc(var(--u) * 26); line-height: 1.45; font-weight: 600; color: var(--glass-text); white-space: pre-line; max-width: 60ch; }
.umd-brand .usd-message.has-qr { flex-direction: row; align-items: center; justify-content: space-between; gap: calc(var(--u) * 36); }
.umd-brand .usd-message__link { flex: none; display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 8); margin-left: auto; }
.umd-brand .usd-message__qr { box-sizing: border-box; display: block; width: calc(var(--u) * 110); height: calc(var(--u) * 110); padding: calc(var(--u) * 5); background: #fff; }
.umd-brand .usd-message__url { margin: 0; max-width: calc(var(--u) * 260); font-size: calc(var(--u) * 17); line-height: 1.3; text-align: center; overflow-wrap: anywhere; color: var(--glass-muted); }

/* The controls window: only the settings, filling the window */
.usd-app.usd-remote .usd-main, .usd-app.usd-remote .usd-toggle, .usd-app.usd-remote .usd-simchip { display: none !important; }
.usd-app.usd-remote .usd-sidebar { transform: none !important; visibility: visible !important; left: 0; right: 0; width: auto; max-width: 560px; margin: 0 auto; }
.umd-brand .usd-keys b { font-weight: 700; }

/* Downloading the screen */
.usd-app.usd-exporting .usd-main {
  position: fixed !important; left: 0; top: 0; z-index: -1; width: 1920px !important; height: 1080px !important;
  --u-base: 1px; --u: 1px;
  display: grid !important; grid-template-columns: minmax(0, 1fr) calc(var(--u) * 640); grid-template-rows: auto minmax(0, 1fr);
}
.usd-app.usd-exporting .usd-main[data-agenda="none"] { grid-template-columns: minmax(0, 1fr); }
.usd-app.usd-exporting .usd-agenda { grid-column: 2; grid-row: 1 / -1; }
.usd-app.usd-exporting .usd-hero, .usd-app.usd-exporting .usd-agenda { overflow: hidden; }
.usd-app.usd-exporting .usd-simchip { display: none !important; }