/* ===== Refresh: rounded controls, icons, quieter labels ===== */
:root { --btn: #7b2d45; --btn-ink: #ffffff; --btn-hover: #1d1a21; --soft: #ebe8ec; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --btn: #d199ab; --btn-ink: #1b1820; --btn-hover: #ece9ef; --soft: #26222b; }
}
:root[data-theme="dark"] { --btn: #d199ab; --btn-ink: #1b1820; --btn-hover: #ece9ef; --soft: #26222b; }

/* Icons: any element with data-icon gets a line icon before its label */
[data-icon]::before {
  content: ""; flex: none; width: 1.15em; height: 1.15em; background-color: currentColor;
  -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat;
}
.btn[data-icon]::before { margin-left: -2px; }

/* Buttons */
.btn {
  border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  padding: 11px 20px; min-height: 44px; font: 500 .95rem/1 var(--body); text-transform: none; letter-spacing: 0;
}
.btn.small { min-height: 38px; padding: 8px 15px; font-size: .88rem; }
.btn.big { min-height: 52px; font-size: 1rem; }
.btn.primary { background: var(--btn); color: var(--btn-ink); }
.btn.primary:hover { background: var(--btn-hover); color: var(--paper); }
.btn.ghost { background: var(--card); color: var(--ink); border-color: var(--rule); }
.btn.ghost:hover { border-color: var(--btn); color: var(--btn); }
.btn.danger { background: var(--bad); color: #fff; border-color: var(--bad); }
.btn:focus-visible, .tab:focus-visible, .topnav:focus-visible, .chip:focus-visible, .seg button:focus-visible, .infobtn:focus-visible {
  outline: 2px solid var(--btn); outline-offset: 2px;
}
.link, .tiny { text-transform: none; letter-spacing: 0; font: 500 .88rem/1.2 var(--body); }
.tiny { display: inline-flex; align-items: center; gap: .4em; }

/* Panels and fields */
.panel { border-radius: 20px; padding: 22px; border-color: color-mix(in srgb, var(--rule) 70%, transparent); }
h2 { font: 500 1.08rem/1.25 var(--display); text-transform: none; letter-spacing: 0; color: var(--ink); }
h3 { font: 500 .95rem/1.25 var(--display); text-transform: none; letter-spacing: 0; color: var(--ink); }
.field { font: 500 .85rem/1.3 var(--body); text-transform: none; letter-spacing: 0; color: var(--muted); }
.field input[type=text], .field input[type=email], .field select, .field textarea, .vsel select { border-radius: 12px; }
.vsel { font: 500 .85rem/1 var(--body); text-transform: none; letter-spacing: 0; }
.homewho { font: 500 .88rem/1 var(--body); text-transform: none; letter-spacing: 0; }
.drop { border-radius: 16px; }
.dropbig { display: inline-flex; align-items: center; gap: .5em; }
.mode { border-radius: 16px; }
.mode strong { display: inline-flex; align-items: center; gap: .5em; }
.score-pill { border-radius: 999px; font: 500 .82rem/1 var(--body); text-transform: none; letter-spacing: 0; }

/* Fix: compact fields and checkboxes only stretch when they sit in a row */
.field.compact, .check1 { flex: 0 0 auto; }
.row > .field.compact, .row > .check1 { flex: 1 1 200px; }

/* Choice buttons: chips, segmented controls and pitch steps become pills */
.chip { border-radius: 999px; font: 500 .9rem/1 var(--body); text-transform: none; letter-spacing: 0; }
.chip[aria-pressed=true] { background: var(--btn); border-color: var(--btn); color: var(--btn-ink); }
.seg, .pitch { border-radius: 999px; }
.seg button, .pitch button { font: 500 .88rem/1 var(--body); text-transform: none; letter-spacing: 0; padding-inline: 15px; }
.seg button[aria-pressed=true] { background: var(--btn); color: var(--btn-ink); }

/* Top bar: Groups as a pill, the show menu with icons */
.topnav {
  display: inline-flex; align-items: center; gap: .45em; border: 1px solid var(--rule); border-radius: 999px;
  padding: 8px 13px; font: 500 .88rem/1 var(--body); text-transform: none; letter-spacing: 0; color: var(--ink);
}
.topnav:hover { border-color: var(--btn); color: var(--btn); }
.topnav[aria-current="page"] { background: var(--btn); border-color: var(--btn); color: var(--btn-ink); }
.tablist { gap: 4px; padding-block: 6px 8px; margin-inline: 0; justify-content: space-between; }
.tab {
  display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 1 0 auto;
  padding: 8px 10px 7px; border: 0; border-radius: 14px;
  font: 500 .76rem/1 var(--body); text-transform: none; letter-spacing: 0; color: var(--muted);
}
.tab::before { width: 1.45rem; height: 1.45rem; }
.tab:hover { color: var(--ink); background: var(--soft); }
.tab[aria-current="page"] { color: var(--btn); background: var(--accent-soft); border: 0; }
@media (max-width: 440px) {
  .tab { padding-inline: 4px; font-size: .7rem; letter-spacing: 0; }
  .topnav { padding: 8px 10px; }
  .brandname { display: none; }
}

/* Transport buttons drawn as icons */
.tbtn[data-icon] { font-size: 0; }
.tbtn[data-icon]::before { width: 20px; height: 20px; }

/* Badges */
.rolebadge, .you { border-radius: 999px; text-transform: none; letter-spacing: 0; font: 500 .72rem/1.4 var(--body); padding: 1px 8px; }
.casttable th { font: 500 .78rem/1.2 var(--body); text-transform: none; letter-spacing: 0; }
.mypart { border-radius: 16px; }
.mypart h4 { font: 500 .95rem/1.2 var(--display); text-transform: none; letter-spacing: 0; color: var(--ink); }
.pbar { border-radius: 999px; height: 12px; }
.alldone, .editplay { border-radius: 16px; }

/* Info tips: the longer explanations sit behind a small (i) */
.infobtn {
  display: inline-grid; place-items: center; width: 26px; height: 26px; margin-left: 6px; vertical-align: -5px;
  border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; padding: 0;
}
.infobtn::before { width: 19px; height: 19px; }
.infobtn:hover, .infobtn[aria-expanded="true"] { color: var(--btn); background: var(--accent-soft); }
.tip { display: none; }
.tip.open {
  display: block; background: var(--accent-soft); color: var(--ink); border-radius: 14px; padding: 12px 14px;
  font-size: .9rem; line-height: 1.5; animation: tipIn .18s ease-out;
}
@keyframes tipIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tip.open { animation: none; } }
[data-icon="shows"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.5 5h6a3.5 3.5 0 0 1 3.5 3.5V20a2.5 2.5 0 0 0-2.5-2.5h-7z%27/%3E%3Cpath d=%27M21.5 5h-6A3.5 3.5 0 0 0 12 8.5V20a2.5 2.5 0 0 1 2.5-2.5h7z%27/%3E%3C/svg%3E")}
[data-icon="mask"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 4.5c5.3 1.6 10.7 1.6 16 0V11a8 8 0 0 1-16 0z%27/%3E%3Cpath d=%27M8.3 9.8h1.8M13.9 9.8h1.8M9 14.3a4 4 0 0 0 6 0%27/%3E%3C/svg%3E")}
[data-icon="mic"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%279%27 y=%273%27 width=%276%27 height=%2711%27 rx=%273%27/%3E%3Cpath d=%27M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21%27/%3E%3C/svg%3E")}
[data-icon="rehearse"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M10 8.6 15.6 12 10 15.4z%27/%3E%3C/svg%3E")}
[data-icon="share"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3.5v11M7.5 8 12 3.5 16.5 8M5 13v5.5A2.5 2.5 0 0 0 7.5 21h9a2.5 2.5 0 0 0 2.5-2.5V13%27/%3E%3C/svg%3E")}
[data-icon="award"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%279%27 r=%275.5%27/%3E%3Cpath d=%27m8.6 13.4-1.4 7.6 4.8-2.6 4.8 2.6-1.4-7.6%27/%3E%3C/svg%3E")}
[data-icon="users"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%279%27 cy=%278%27 r=%273.5%27/%3E%3Cpath d=%27M2.5 20a6.5 6.5 0 0 1 13 0M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.2a6.5 6.5 0 0 1 3.5 5.8%27/%3E%3C/svg%3E")}
[data-icon="download"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3.5v11.5M7.5 10.5 12 15l4.5-4.5M5 20.5h14%27/%3E%3C/svg%3E")}
[data-icon="trash"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 7h16M9.5 7V4.5h5V7M6 7l1 13.5h10L18 7M10 11v6M14 11v6%27/%3E%3C/svg%3E")}
[data-icon="plus"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 5v14M5 12h14%27/%3E%3C/svg%3E")}
[data-icon="arrow"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12h14M13 6l6 6-6 6%27/%3E%3C/svg%3E")}
[data-icon="back"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 12H5M11 6l-6 6 6 6%27/%3E%3C/svg%3E")}
[data-icon="sparkle"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3.5 13.9 9 19.5 11l-5.6 2-1.9 5.5-1.9-5.5L4.5 11l5.6-2z%27/%3E%3Cpath d=%27M19 3v3M17.5 4.5h3%27/%3E%3C/svg%3E")}
[data-icon="mail"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272.5%27/%3E%3Cpath d=%27m3.5 7 8.5 6 8.5-6%27/%3E%3C/svg%3E")}
[data-icon="copy"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%278.5%27 y=%278.5%27 width=%2712%27 height=%2712%27 rx=%272.5%27/%3E%3Cpath d=%27M15.5 8.5V6A2.5 2.5 0 0 0 13 3.5H6A2.5 2.5 0 0 0 3.5 6v7A2.5 2.5 0 0 0 6 15.5h2.5%27/%3E%3C/svg%3E")}
[data-icon="cloud"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 18.5a4.5 4.5 0 0 1-.6-8.96A6 6 0 0 1 17.8 9a4.75 4.75 0 0 1 .2 9.5z%27/%3E%3Cpath d=%27M12 17v-5.5M9.7 13.7 12 11.4l2.3 2.3%27/%3E%3C/svg%3E")}
[data-icon="screen"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%274%27 width=%2718%27 height=%2712.5%27 rx=%272%27/%3E%3Cpath d=%27M8 20.5h8M12 16.5v4%27/%3E%3C/svg%3E")}
[data-icon="check"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m5 12.5 4.5 4.5L19 7.5%27/%3E%3C/svg%3E")}
[data-icon="link"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1%27/%3E%3Cpath d=%27M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1%27/%3E%3C/svg%3E")}
[data-icon="signout"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.5 4h3.5a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3.5M10 16l-4-4 4-4M6 12h10%27/%3E%3C/svg%3E")}
[data-icon="help"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M9.6 9.4a2.5 2.5 0 1 1 3.4 2.4c-.6.3-1 .8-1 1.5v.5M12 17.2v.1%27/%3E%3C/svg%3E")}
[data-icon="skip"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 6.5 14 12l-8 5.5z%27/%3E%3Cpath d=%27M17.5 6v12%27/%3E%3C/svg%3E")}
[data-icon="replay"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4.5 12a7.5 7.5 0 1 0 2.4-5.5%27/%3E%3Cpath d=%27M4.5 4v4.5H9%27/%3E%3C/svg%3E")}
[data-icon="file"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 3.5H7.5A2.5 2.5 0 0 0 5 6v12a2.5 2.5 0 0 0 2.5 2.5h9A2.5 2.5 0 0 0 19 18V8.5z%27/%3E%3Cpath d=%27M14 3.5v5h5M9 13h6M9 16.5h4%27/%3E%3C/svg%3E")}
[data-icon="info"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 11v5.5M12 7.6v.1%27/%3E%3C/svg%3E")}
[data-icon="prev"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M18 6.5 10 12l8 5.5z%27/%3E%3Cpath d=%27M6.5 6v12%27/%3E%3C/svg%3E")}
[data-icon="next"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 6.5 14 12l-8 5.5z%27/%3E%3Cpath d=%27M17.5 6v12%27/%3E%3C/svg%3E")}
[data-icon="user"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%274%27/%3E%3Cpath d=%27M4.5 20.5a7.5 7.5 0 0 1 15 0%27/%3E%3C/svg%3E")}
[data-icon="save"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 4.5h11l3 3V19a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 19z%27/%3E%3Cpath d=%27M8.5 4.5V9h6V4.5M8.5 20.5v-6h7v6%27/%3E%3C/svg%3E")}
[data-icon="pencil"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M15.5 4.5l4 4L8 20H4v-4z%27/%3E%3C/svg%3E")}
[data-icon="headphones"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 17v-4a8 8 0 0 1 16 0v4%27/%3E%3Crect x=%273.5%27 y=%2714%27 width=%274%27 height=%276.5%27 rx=%271.5%27/%3E%3Crect x=%2716.5%27 y=%2714%27 width=%274%27 height=%276.5%27 rx=%271.5%27/%3E%3C/svg%3E")}
[data-icon="video"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%276%27 width=%2712.5%27 height=%2712%27 rx=%272.5%27/%3E%3Cpath d=%27m15.5 10.5 5.5-3.2v9.4l-5.5-3.2%27/%3E%3C/svg%3E")}
[data-icon="x"]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 6l12 12M18 6 6 18%27/%3E%3C/svg%3E")}

/* Refresh fixes */
[data-icon]::before { display: inline-block; vertical-align: -.2em; }
.tbtn[data-icon] { display: inline-grid; place-items: center; }
.ctlrow > .field.compact, .ctlrow > .check1 { flex: 1 1 200px; }
.deck .btn.ghost, .bigstage .btn.ghost { background: transparent; color: var(--stage-ink); border-color: var(--stage-line); }
.deck .btn.ghost:hover, .bigstage .btn.ghost:hover { color: var(--stage-ink); border-color: var(--stage-ink); }
.deck .btn.primary, .bigstage .btn.primary { background: var(--brass); color: #1d1a21; }
.deck .btn.primary:hover, .bigstage .btn.primary:hover { background: var(--stage-ink); color: #1d1a21; }
.bigstage .btn { font-size: 1rem; }
@media (max-width: 440px) {
  .brandname { display: inline; }
  .topbar:has(.navshow:not([hidden])) .brandname { display: none; }
}
@media (min-width: 720px) {
  .tablist { justify-content: flex-start; gap: 6px; }
  .tab { flex: 0 0 auto; min-width: 84px; }
}