:root {
  --bg: #3a5b0b;
  --bg-2: #456419;
  --card: #4b6920;
  --card-2: #54712b;
  --ink: #f5f8f2;
  --ink-2: #d0d9c4;
  --ink-3: #b2bf9f;
  --line: #637e3e;
  --line-2: #98aa7e;
  --brand: #71fb56;
  --brand-2: #906ef7;
  --violet: #906ef7;
  --blue: #906ef7;
  --glass: #406012;
  --on-brand: #000000;
  --grad: linear-gradient(#71fb56, #71fb56);
  --grad-soft: transparent;
  --violet-soft: transparent;
  --green: #906ef7;
  --gold: #906ef7;
  --danger: #906ef7;
  --ok-bg: transparent;
  --ok-ink: #71fb56;
  --err-bg: transparent;
  --err-ink: #906ef7;
  --sh-1: none;
  --sh-2: none;
  --sh-3: 0 18px 50px rgba(0, 0, 0, .4);
  --sh-brand: none;
  --font: "Figtree", system-ui, sans-serif;
  --head: "Lora", Georgia, serif;
  --side-w: 0px;
  --rail-w: 0px;
  --tab-h: 58px;
  --panel-w: 330px;
  --bar-h: 0px;
  color-scheme: dark;
  --tex: repeating-linear-gradient(0deg, color-mix(in srgb, var(--ink) 4%, transparent) 0 1px, transparent 1px 5px);
  --tex-size: auto;
  --sp: 12px;
  --sec: 30px;
  --lh: 1.45;
  --r-sm: 14px;
  --r: 22px;
  --r-lg: 30px;
  --r-xl: 38px;
  --bw: 2px;
  --bs: solid;
}
/* f13: the card-catalogue cabinet. Paper is --card, the cabinet is --bg/--bg-2, the red header line of an index card is --brand-2,
   the label ink is --ink. Logical properties only; no letter-spacing or case change on running text (Arabic, CJK). */
:root { --hl: color-mix(in srgb, var(--brand) 60%, var(--ink)); --rule: color-mix(in srgb, var(--ink) 13%, transparent); --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace; --pad: calc(var(--sp) * 2); }
body { font-weight: 400; line-height: var(--lh); background-color: var(--bg); background-image: var(--tex); background-size: var(--tex-size); color: var(--ink); }
h1, h2, h3, h4 { font-family: var(--head); font-weight: 700; line-height: 1.16; }
a { text-underline-offset: 3px; }
.badge-ai { background: var(--card); color: var(--ink); border: 1px solid var(--line-2); border-radius: var(--r-sm); font-size: 10px; font-weight: 700; padding: 0 5px; backdrop-filter: none; box-shadow: none; line-height: 1.5; }

/* the rod hole every card has at its foot */
.yqnegq52 { position: absolute; inset-block-end: 9px; inset-inline: 0; margin-inline: auto; width: 15px; height: 15px; border-radius: 50%; background: var(--bg); border: 1px solid var(--line-2); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3); pointer-events: none; }

/* the frame */
.yqnx6ylg { min-height: 100dvh; display: flex; flex-direction: column; }
.main, .has-rail .main { margin: 0; padding: var(--pad); min-height: 0; flex: 1 0 auto; width: 100%; max-width: none; }
.has-rail .rail, .side, .topbar, .rail { display: none; }
.yqndpylv { width: 100%; max-width: 1400px; margin-inline: auto; padding: var(--sp) var(--pad); display: flex; align-items: center; justify-content: space-between; gap: 10px 24px; flex-wrap: wrap; }
.yqnseh3x { display: flex; align-items: center; gap: 12px; padding: 7px 10px; padding-inline: 10px 18px; background: var(--card); color: var(--ink); border: var(--bw) var(--bs) var(--line-2); border-radius: var(--r-sm); box-shadow: inset 0 0 0 3px var(--card), inset 0 0 0 4px var(--line); min-width: 0; }
.yqnhxuii { flex: none; display: grid; place-items: center; width: 38px; height: 38px; background: var(--brand); color: var(--on-brand); border-radius: var(--r-sm); }
.yqnwyt3n { display: flex; flex-direction: column; min-width: 0; }
.yqnivss6 { font: 700 22px/1.1 var(--head); overflow-wrap: anywhere; }
.yqnpyxol { font-size: 12.5px; color: var(--ink-2); overflow-wrap: anywhere; }
.yqne33b3 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: 14px; }
.yqne33b3 a { min-height: 36px; display: inline-flex; align-items: center; padding-inline: 12px; border-radius: var(--r-sm); color: var(--ink-2); }
.yqne33b3 a:hover { background: var(--bg-2); color: var(--ink); }
.yqne33b3 a.yqngbcot { background: var(--brand); color: var(--on-brand); font-weight: 700; }
.yqnbho7t { width: 100%; max-width: 1400px; margin-inline: auto; padding-inline: var(--pad); flex: 1 0 auto; display: flex; align-items: flex-start; gap: 0; min-width: 0; }
.yqn6bdgt { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; min-height: 66dvh; background: var(--card); border: var(--bw) var(--bs) var(--line-2); border-radius: var(--r-lg); position: relative; }
.yqn2w2q3 { padding: var(--sp) var(--pad); border-block-start: 1px dashed var(--line-2); font-size: 13px; color: var(--ink-2); }
.yqn2w2q3 a { text-decoration: underline; }
.yqn2w2q3 nav { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-block-start: 8px; }
.yqn2w2q3 nav a { min-height: 30px; display: inline-flex; align-items: center; }
.tabbar.yqna5g4r { background: var(--bg-2); backdrop-filter: none; -webkit-backdrop-filter: none; border-block-start: var(--bw) var(--bs) var(--line-2); gap: 3px; padding-inline: 6px; padding-block-start: 6px; }
.yqna5g4r .tab { font-size: 11.5px; color: var(--ink-2); gap: 2px; min-width: 0; border: var(--bw) var(--bs) transparent; border-block-end: 0; border-start-start-radius: var(--r); border-start-end-radius: var(--r); }
.yqna5g4r .tab span:not(.dot) { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline: 2px; }
.yqna5g4r .tab.active { color: var(--ink); background: var(--card); border-color: var(--line-2); box-shadow: inset 0 3px 0 var(--brand); }

/* controls over the engine's */
.btn { font-weight: 700; white-space: normal; height: auto; min-height: 44px; padding-block: 8px; text-align: center; border-radius: var(--r-sm); }
.btn-sm { min-height: 34px; padding-block: 4px; }
.btn-lg { min-height: 50px; }
.btn-primary, .btn-primary:hover { background: var(--brand); color: var(--on-brand); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .22); }
.btn-primary:hover { filter: brightness(1.08); }
.btn-outline, .btn-outline:hover { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-2); }
.btn-ghost { color: var(--ink); }
.chip { background: var(--bg-2); box-shadow: inset 0 0 0 1px var(--line-2); font-weight: 500; border-radius: var(--r-sm); color: var(--ink); }
.chip.on { background: var(--brand); color: var(--on-brand); box-shadow: none; }
.input, .select, .textarea { background: var(--card-2); box-shadow: inset 0 0 0 1px var(--line-2); border-radius: var(--r-sm); color: var(--ink); }
.input:focus, .select:focus, .textarea:focus { box-shadow: inset 0 0 0 2px var(--brand); }
.card { background: var(--card); border: var(--bw) var(--bs) var(--line-2); border-radius: var(--r); }
.section { margin-block-start: var(--sec); }
.yqnt5adz { color: var(--hl); text-decoration: underline; font-weight: 700; min-height: 44px; display: inline-flex; align-items: center; }
.yqneauov { font-size: clamp(28px, 3.6vw, 42px); margin-block-end: 8px; }
.yqntb7dc { font-size: 24px; margin-block-end: var(--sp); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.yqn3rpej { font-size: 17px; max-width: 70ch; margin-block-end: var(--sp); color: var(--ink-2); }
.yqnmhoa6, .yqnnrkug, .yqnwxbrq, .yqn5vc3p, .yqnvutq7, .yqns5ilb, .yqnkmy5k, .yqny5lby { font-family: var(--mono); }

/* index cards: one look for a person, whichever card option is chosen */
.yqn7sflw { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--card); color: var(--ink); border: var(--bw) var(--bs) var(--line-2); border-radius: var(--r); overflow: hidden; }
.yqn7sflw:hover { border-color: var(--hl); }
.yqnley7p { position: relative; display: block; overflow: hidden; background: var(--bg-2); }
.yqnley7p img { display: block; width: 100%; height: auto; aspect-ratio: 640 / 784; object-fit: cover; object-position: 50% 20%; }
.yqn664we { position: absolute; inset-block-start: 8px; inset-inline-start: 8px; background: var(--card); }
.yqnf6otj { position: absolute; inset-block-start: 11px; inset-inline-end: 10px; }
.yqnm5yko { font: 700 17px/1.2 var(--head); overflow-wrap: anywhere; }
.yqn5twse { font-size: 13.5px; color: var(--ink-2); overflow-wrap: anywhere; }
.yqn5vc3p { font-size: 11.5px; color: var(--ink-2); }
.yqnjzzdg { font-size: 13.5px; color: var(--ink-2); overflow-wrap: anywhere; }
.yqngb2h7 { font-size: 13px; font-weight: 700; color: var(--hl); text-decoration: underline; }
.grid { gap: var(--sp); grid-template-columns: repeat(auto-fill, minmax(min(212px, 100%), 1fr)); }
.yqnx2toh { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: min(var(--sp), 14px); }
.yqnx2toh .yqnjzzdg, .yqnx2toh .yqngb2h7, .yqnx2toh .yqn5vc3p { display: none; }
.yqnx2toh .yqnm5yko { font-size: 16px; }
.yqnrvzwf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 16px; margin-block-end: 8px; }
.yqnrvzwf .yqn33dmf { margin: 0; }
.yqnohfmd { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.on-dot { display: inline-block; vertical-align: middle; }

/* the front page */
.yqnkvvr4 > section, .yqnkvvr4 > nav { margin-block-end: var(--sec); }
.yqnkvvr4 > .yqn77azg { margin-block-end: calc(var(--sec) * .8); }
.yqn77azg h1 { font-size: clamp(28px, 4vw, 48px); line-height: 1.08; overflow-wrap: anywhere; }
.yqnnrkug { font-size: 12.5px; color: var(--ink-2); margin-block-end: 6px; overflow-wrap: anywhere; }
.yqnh2uru { font-size: 18px; color: var(--ink-2); max-width: 62ch; }
.yqnpj7by { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; margin-block-start: var(--sp); }
.yqnzouk3 { margin: 0; padding: 0; list-style: none; }
.yqnzouk3 dt, .yqnzouk3 b { font: 700 28px/1.1 var(--head); color: var(--hl); }
.yqnzouk3 dd { margin: 2px 0 0; font-size: 13px; color: var(--ink-2); }
/* the home banner is the engine's (section.hw); this is its dress. On a wide photo the engine's scrim and white text stand */
.yqn77azg .hw { margin-block: var(--sp); border: var(--bw) var(--bs) var(--line-2); box-shadow: none; text-align: start; border-radius: var(--r); }
.yqn77azg .hw-name { font-family: var(--head); font-weight: 700; }
.yqn77azg .hw-text { text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 0 18px rgba(0, 0, 0, .4); }
.yqn77azg .hw-text .btn { text-shadow: none; }
.hw .hw-ghost, .hw .hw-ghost:hover { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .6); }
.hw .hw-ghost:hover { background: rgba(255, 255, 255, .12); }
.hw-nav .stage-arrow, .hw-nav .stage-arrow:hover { color: #fff; }
.hw-nav .stage-dots button { background: rgba(255, 255, 255, .55); }
.hw-nav .stage-dots button.on { background: #fff; }
@media (min-width: 901px) { .yqn77azg .hw { height: clamp(300px, 27vw, 380px); } }

/* sections */
.yqnvwiuc { margin-block-end: var(--sp); }
.yqnphupb h2 { font-size: clamp(24px, 2.7vw, 32px); }
.yqn33dmf { display: inline-block; font-size: 12.5px; color: var(--ink); background: var(--bg-2); border: 1px solid var(--line-2); border-radius: var(--r-sm); padding: 1px 8px; margin-block-end: 6px; overflow-wrap: anywhere; }
.yqnwxbrq { font-size: 13px; color: var(--hl); font-weight: 700; margin-block-end: 2px; }
.yqnv7qjv { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: var(--sp); margin-block-start: var(--sp); }
.yqn2p52o { position: relative; padding: calc(var(--sp) * .9) var(--sp) 30px; background: var(--card); background-image: repeating-linear-gradient(to bottom, transparent 0 27px, var(--rule) 27px 28px); border: 1px solid var(--line-2); border-block-start: 3px solid var(--brand-2); border-radius: var(--r-sm); }
.yqnv7qjv h3, .yqnm4bfa h3 { font-size: 19px; margin-block-end: 6px; }
.yqnv7qjv p, .yqnm4bfa p { margin-block-end: 8px; }
.yqndzuca { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); gap: var(--sp); }
.yqnfmtwt { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; background: var(--card); border: 1px solid var(--line-2); border-block-start: 3px solid var(--brand-2); border-radius: var(--r-sm); color: var(--ink); min-width: 0; }
.yqnfmtwt[hidden] { display: none; }
.yqnfmtwt:hover { border-color: var(--hl); border-block-start-color: var(--brand-2); }
.yqnvutq7 { font-size: 11.5px; color: var(--ink-2); padding-block-end: 4px; border-block-end: 1px solid var(--line); }
.yqnewr43 { display: block; background-image: repeating-linear-gradient(to bottom, transparent 0 25px, var(--rule) 25px 26px); }
.yqnb3bov { display: block; font: 400 16px/26px var(--head); }
.yqnqrlry { display: flex; justify-content: space-between; gap: 8px; margin-block-start: auto; padding-block-start: 6px; font-size: 13px; color: var(--ink-2); }
.yqnqrlry b { color: var(--hl); }
.yqnvdikw .yqnfmtwt { background: var(--bg-2); }
.yqnm4bfa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: var(--sp); }
.yqnm4bfa ul { list-style: none; margin: 0; padding: 0; }
.yqnm4bfa li a { min-height: 30px; display: inline-flex; align-items: center; text-decoration: underline; }
.yqn7hwix { width: 100%; border-collapse: collapse; }
.yqn7hwix td { padding: 8px 10px; border-block-end: 1px solid var(--line); text-align: start; vertical-align: top; }
.yqn7hwix tr:first-child td { font-weight: 700; color: var(--ink); border-block-end: var(--bw) var(--bs) var(--line-2); background: var(--bg-2); }
.yqn7hwix td:first-child { color: var(--ink-2); }
.yqnixfbc { position: relative; padding: calc(var(--sp) * 1.6) var(--sp) calc(var(--sp) * 2.2); background: var(--card-2); border: 1px solid var(--line-2); border-block-start: 4px solid var(--brand-2); border-radius: var(--r-sm); text-align: center; }
.yqnuptse { max-width: 62ch; margin-inline: auto; }
.yqnixfbc h2 { font-size: clamp(25px, 3vw, 34px); margin-block-end: 8px; }
.yqnixfbc p:not(.yqn33dmf) { margin-block-end: var(--sp); }
.yqnsc7fy h2 { font-size: 20px; margin-block-end: 6px; }
.yqnsc7fy ul { list-style: none; padding: 0; margin: 0; columns: 3; column-gap: var(--sp); }
.yqnsc7fy li { break-inside: avoid; }
.yqnsc7fy a { min-height: 34px; display: inline-flex; align-items: center; text-decoration: underline; }

/* lists */
.yqnl2sjf { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 24px; margin-block-end: var(--sp); }
.yqnl2sjf > div { flex: 1 1 320px; min-width: 0; }
.yqnl2sjf p { color: var(--ink-2); max-width: 66ch; }
.search.yqnqddhe { background: var(--card-2); box-shadow: inset 0 0 0 1px var(--line-2); border-radius: var(--r-sm); min-width: 240px; }
.yqnwv5lf { display: grid; gap: 6px; padding: 10px 14px; margin-block-end: var(--sp); background: var(--bg-2); border: 1px solid var(--line-2); border-radius: var(--r-sm); }
.yqnwv5lf .frow { display: flex; align-items: center; gap: 10px; min-width: 0; }
.yqnwv5lf .frow-label { flex: none; width: 76px; font-size: 13px; color: var(--ink-2); }
.yqnwv5lf .chips-scroll, .yqn4oiqf .chips-scroll { min-width: 0; }
.yqnbeqal summary { cursor: pointer; font-size: 13.5px; color: var(--hl); min-height: 30px; display: list-item; }
.yqnbeqal .frow { margin-block-start: 6px; }
.yqnngasi a { font-size: 13.5px; text-decoration: underline; color: var(--hl); }
.yqn2vm5w { text-align: center; padding: 30px; border: 1px dashed var(--line-2); border-radius: var(--r); }
.yqn2vm5w p { margin-block: 8px 14px; color: var(--ink-2); }
.yqnjdufc { margin-block-start: var(--sec); padding-block-start: var(--sp); border-block-start: 4px double var(--line-2); scroll-margin-block-start: 12px; }
.yqn4oiqf { display: grid; gap: 6px; margin-block-end: var(--sp); }

/* her page */
.yqntkjpn { display: inline-flex; align-items: center; min-height: 34px; font-size: 14px; text-decoration: underline; color: var(--hl); }
.yqnyuaww { display: grid; grid-template-columns: minmax(min(calc(50vw + 26px), 74%), 3fr) minmax(0, 2fr); gap: calc(var(--sp) * 2); margin-block: 8px var(--sec); align-items: start; }
.yqnscec3 { position: relative; padding: 12px 12px 36px; background: var(--card-2); border: 1px solid var(--line-2); border-block-start: 4px solid var(--brand-2); border-radius: var(--r-sm); }
.yqnyx2cq { position: relative; }
.yqnyx2cq img { display: block; width: 100%; height: auto; aspect-ratio: 640 / 784; object-fit: cover; border-radius: var(--r-sm); background: var(--bg-2); }
.yqnyx2cq .badge-ai { position: absolute; inset-block-start: 8px; inset-inline-start: 8px; }
.yqncnbvw { margin-block-start: 12px; grid-template-columns: 82px minmax(0, 1fr); font-size: 13.5px; background-image: repeating-linear-gradient(to bottom, transparent 0 26px, var(--rule) 26px 27px); }
.yqncnbvw dd { overflow-wrap: anywhere; font-weight: 400; }
.yqnplyl2 h1 { font-size: clamp(28px, 3.6vw, 42px); }
.yqnplyl2 h1 small { display: block; font-size: .5em; font-weight: 400; color: var(--ink-2); margin-block-start: 4px; }
.yqnztbut { font-size: 13.5px; color: var(--ink-2); margin-block-end: 6px; }
.yqn76afh { font: 400 20px/1.32 var(--head); margin-block: 10px 8px; }
.yqnwa3iu { display: flex; flex-wrap: wrap; gap: 10px; margin-block: var(--sp) 10px; }
.yqn7gr4e { font-size: 12.5px; color: var(--ink-3); }
.yqna3nnq { margin-block-start: var(--sec); }
.yqn4tdmf { display: inline-block; font-size: 15px; padding: 4px 14px; margin-block-end: 0; background: var(--bg-2); border: 1px solid var(--line-2); border-block-end: 0; border-start-start-radius: var(--r-sm); border-start-end-radius: var(--r-sm); position: relative; z-index: 1; }
.yqna3nnq .yqn4tdmf { margin-block-end: var(--sp); border-block-end: 1px solid var(--line-2); border-radius: var(--r-sm); }
.yqn25yvy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--sp) * 1.4); margin-block-start: var(--sec); align-items: start; }
.yqnan2ay { padding: 0 0 var(--sp); }
.yqnan2ay > .yqn4tdmf ~ .yqn4tdmf { margin-block-start: var(--sp); }
.yqnan2ay > ul, .yqnan2ay > p { background-color: var(--card-2); background-image: repeating-linear-gradient(to bottom, transparent 0 27px, var(--rule) 27px 28px); border: 1px solid var(--line-2); border-radius: var(--r-sm); border-start-start-radius: 0; margin: 0; padding: 10px 14px; padding-inline: 32px 14px; line-height: 28px; }
.yqnan2ay > p { padding-inline: 14px; }
.yqnan2ay li { overflow-wrap: anywhere; }
.yqn7pwp5 { margin-block-start: var(--sec); padding-block-start: var(--sp); border-block-start: 4px double var(--line-2); }
.yqn7pwp5 .yqn4tdmf { margin-block-end: var(--sp); border-block-end: 1px solid var(--line-2); border-radius: var(--r-sm); }
.yqn7pwp5 ul { list-style: none; padding: 0; margin: 0; columns: 3; column-gap: var(--sp); }
.yqn7pwp5 li { break-inside: avoid; margin-block-end: 8px; font-size: 14px; }
.yqn7pwp5 b { display: block; font-family: var(--head); }

/* static pages: a long card */
.yqnmlgdh { max-width: 780px; margin-inline: auto; padding: var(--pad); background: var(--card-2); border: 1px solid var(--line-2); border-block-start: 4px solid var(--brand-2); border-radius: var(--r-sm); }
.yqnjnzn3 { font: 400 20px/1.36 var(--head); color: var(--ink-2); margin-block: 10px var(--sp); }
.yqnmlgdh h2 { font-size: 22px; margin-block: calc(var(--sp) * 1.4) 8px; padding-block-end: 4px; border-block-end: 1px solid var(--line-2); }
.yqnmlgdh p, .yqnmlgdh li { margin-block-end: 8px; }
.yqnmlgdh ul { padding-inline-start: 20px; margin: 0; }
.yqnmlgdh a { text-decoration: underline; color: var(--hl); }
.yqns5ilb { font-size: 13px; color: var(--ink-2); }
.yqnnkguy { padding-block-end: var(--sp); border-block-end: 1px dashed var(--line-2); }

/* chat: the engine's page, under the frame. The page never scrolls; the sheet fills what the plate and the tabs leave. */
.chat-page .yqn2w2q3 { display: none; }
.chat-page .yqnx6ylg { height: 100dvh; min-height: 0; }
.chat-page .yqndpylv { padding-block: 8px; }
.chat-page .yqnpyxol { display: none; }
.chat-page .yqnbho7t { min-height: 0; padding-block-end: 12px; }
.chat-page .yqn6bdgt { min-height: 0; align-self: stretch; overflow: hidden; }
.chat-page .main { height: auto; padding: 0; display: flex; flex-direction: column; min-height: 0; flex: 1; }
.chat-page .chat-shell { flex: 1; min-height: 0; height: auto; border: 0; border-radius: 0; background: var(--card); grid-template-columns: 280px minmax(0, 1fr); }
.chat-list { border-inline-end: 1px solid var(--line-2); background: var(--bg-2); }
.chat-list-head h2 { font-size: 22px; }
.chat-search { border-radius: var(--r-sm); background: var(--card-2); box-shadow: inset 0 0 0 1px var(--line); }
.conv { border-radius: 0; border-block-end: 1px dashed var(--line-2); }
.conv.active { background: var(--card); color: var(--ink); box-shadow: inset 4px 0 0 var(--brand-2); }
.conv.active .last, .conv.active .time, .conv.active .you { color: var(--ink-2); }
.conv:hover { background: var(--card-2); }
.conv b { font-family: var(--head); }
.av img { border-radius: var(--r-sm); }
.thread, .quick, .quota, .composer { background: var(--card); background-color: var(--card); }
.thread-head { border-block-end: 1px solid var(--line-2); border-block-start: 3px solid var(--brand-2); background: var(--card); }
.thread-head .grow > div:first-child { font-family: var(--head); font-size: 18px; }
.thread-head .status { font-weight: 400; color: var(--ink-2); }
.thread-head .status.online { color: var(--hl); }
.bubble, .msg.her .bubble, .msg.me .bubble { border-radius: var(--r-sm); font-size: 16px; }
.msg.her .bubble { background: var(--card-2); color: var(--ink); border: 1px solid var(--line-2); border-block-start: 3px solid var(--brand-2); font-family: var(--head); }
.msg.me .bubble { background: var(--bg-2); color: var(--ink); border: 1px dashed var(--line-2); }
.msg .t { color: var(--ink-3); font-weight: 400; }
.typing span, .typing i { background: var(--brand); }
.composer { border-block-start: 1px solid var(--line-2); }
.cfield { background: var(--card-2); box-shadow: inset 0 0 0 1px var(--line-2); border-radius: var(--r-sm); }
.composer textarea { background: transparent; color: var(--ink); }
.composer .send { border-radius: var(--r-sm); background: var(--brand); color: var(--on-brand); box-shadow: none; }
.mode-btn { border-radius: var(--r-sm); }
.menu, .ctx-menu { border-radius: var(--r-sm); background: var(--card-2); border: 1px solid var(--line-2); }
.chat-card { border-radius: var(--r-sm); background: var(--card); border: var(--bw) var(--bs) var(--line-2); }

/* plans and forms */
.yqny45st { font-size: 17px; margin-block-end: 8px; }
.yqnvqjse { font-size: 13px; color: var(--ink-2); margin-block-start: 10px; }
.yqnvqjse a, .yqn6zqhy a, .yqnwqbno .check a { text-decoration: underline; color: var(--hl); }
.pack { border: var(--bw) var(--bs) var(--line-2); position: relative; padding-block-end: 34px; }
.pack b { font-family: var(--head); }
.pack .best { border-radius: var(--r-sm); background: var(--brand); color: var(--on-brand); }
.usdt-badge { background: var(--bg-2); color: var(--ink); border: 1px solid var(--line-2); border-radius: var(--r-sm); font-size: 12px; }
.usdt-card { background: var(--card-2); border: var(--bw) var(--bs) var(--line-2); }
.table-wrap { overflow-x: auto; }
.table th, .table td { text-align: start; }
.yqnyjwfz tr:first-child td { font-weight: 700; background: var(--bg-2); }
.seg { border-radius: var(--r-sm); background: var(--bg-2); }
.seg label { border-radius: var(--r-sm); }
.seg input:checked + label { background: var(--brand); color: var(--on-brand); }
.yqnwqbno { background: transparent; min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(var(--sp) * 2); align-items: center; }
.yqn3holi { background: var(--bg-2); color: var(--ink); padding: 34px; display: flex; flex-direction: column; justify-content: center; gap: 22px; border: 1px solid var(--line-2); border-radius: var(--r-sm); align-self: stretch; }
.yqnxwhgk { font: 700 22px var(--head); }
.yqnr3pdw { position: relative; margin: 0; padding: 14px 18px 38px; background: var(--card); background-image: repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px); border: 1px solid var(--line-2); border-block-start: 3px solid var(--brand-2); border-radius: var(--r-sm); transform: rotate(-1.2deg); }
.yqny5lby { display: block; font-size: 12px; color: var(--ink-2); margin-block-end: 6px; }
.yqnr3pdw span:not(.yqny5lby) { display: block; font: 400 18px/32px var(--head); }
.yqn3holi cite { display: block; font-style: normal; font-size: 13px; color: var(--ink-2); margin-block-start: 6px; }
.yqnlk5f7 { font-size: 13.5px; color: var(--ink-2); }
.yqnj2rwc { position: relative; padding: 52px 26px 40px; background: var(--card); border: var(--bw) var(--bs) var(--line-2); border-block-start: 4px solid var(--brand-2); border-radius: var(--r-sm); }
.yqnkmy5k { position: absolute; inset-block-start: -1px; inset-inline-start: 18px; padding: 4px 14px; font-size: 12.5px; background: var(--brand-2); color: var(--bg); border-radius: 0 0 var(--r-sm) var(--r-sm); max-width: calc(100% - 36px); overflow-wrap: anywhere; }
.yqnwqbno h1 { font-size: 30px; }
.yqnwqbno .muted { margin-block: 6px 18px; }
.yqn6zqhy { text-align: center; font-size: 14px; margin-block-start: 16px; color: var(--ink-2); }
.alert { border-radius: var(--r-sm); }

/* the gate */
.modal-back.yqnepror { background: color-mix(in srgb, var(--bg) 80%, #000); backdrop-filter: none; -webkit-backdrop-filter: none; }
.yqnk7tfv { position: relative; width: min(460px, 100%); background: var(--card); background-image: repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px); background-position: 0 70px; background-repeat: no-repeat; border: var(--bw) var(--bs) var(--line-2); border-block-start: 6px solid var(--brand-2); border-radius: var(--r-sm); padding: 26px 26px 44px; box-shadow: var(--sh-3); text-align: center; }
.yqn5vvpv { font: 12.5px var(--mono); color: var(--ink-2); padding-block-end: 8px; border-block-end: 1px solid var(--line-2); text-align: start; overflow-wrap: anywhere; }
.yqnk7tfv h2 { font-size: 36px; margin-block: 14px 10px; }
.yqnlnoz7 { color: var(--ink-2); }
.yqndw3n7 { margin-block: 16px 12px; }
.yqnq6tzv { font-size: 12.5px; color: var(--ink-2); }
.yqnq6tzv a { text-decoration: underline; }

/* the engine writes these radii as literals, not tokens */
.fchip span, .fchip-btn, .cbtn, .tile, .to-bottom, .wallet-hero { border-radius: var(--r-sm); }

/* phones: no tab row, no drawers: the sheet runs edge to edge and the divider tabs sit at the foot */
@media (max-width: 900px) {
  :root { --pad: 16px; }
  .yqndpylv { padding: 10px 16px; gap: 6px 10px; }
  .yqnseh3x { padding-block: 5px; }
  .yqnhxuii { width: 32px; height: 32px; }
  .yqnivss6 { font-size: 19px; }
  .yqnpyxol { display: none; }
  .yqne33b3 { font-size: 13px; }
  .yqne33b3 a { min-height: 34px; padding-inline: 10px; }
  .yqnsux5u, .yqnztvvf, .yqnylj3l { display: none; }
  .yqnbho7t { display: block; padding-inline: 0; }
  .yqn6bdgt { border-inline: 0; border-radius: 0; border-block-end: 0; min-height: 0; }
  .main, .has-rail .main { padding: var(--sp) 16px calc(var(--tab-h) + 24px + env(safe-area-inset-bottom)); }
  .yqn2w2q3 { padding: 16px 16px calc(var(--tab-h) + 18px + env(safe-area-inset-bottom)); }
  .grid, .grid-sm { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .yqnx2toh, .yqnohfmd { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yqnx2toh .yqn7sflw:nth-child(n+3) { display: none; }
  .yqnnhzkx .yqn7sflw:nth-child(n+3) { display: none; }
  .yqn35wub { grid-template-columns: minmax(0, 1fr); gap: var(--sp); }
  .yqnv4gyf li { padding-inline: 10px; }
  .yqnsc7fy ul, .yqn7pwp5 ul { columns: 1; }
  .yqnsc7fy a { min-height: 44px; }
  .yqnyuaww { grid-template-columns: minmax(0, 1fr); gap: var(--sp); }
  .yqnscec3 { padding-block-end: 34px; }
  .yqnyx2cq { margin-inline: -12px; }
  .yqncnbvw { grid-template-columns: 68px minmax(0, 1fr); font-size: 12.5px; }
  .yqn25yvy { grid-template-columns: minmax(0, 1fr); }
  .yqnwa3iu .btn { flex: 1 1 100%; }
  .search.yqnqddhe { min-width: 0; width: 100%; }
  .yqnwv5lf .frow { flex-direction: column; align-items: stretch; gap: 3px; }
  .yqnwv5lf .frow-label { width: auto; }
  .chip { min-height: 38px; }
  .chat-page .yqnx6ylg { height: 100dvh; }
  .chat-page .yqndpylv { display: none; }
  .chat-page .yqnbho7t { padding-block-end: 0; }
  .chat-page .yqn6bdgt { border: 0; }
  .chat-page .main { padding: 0 0 calc(var(--tab-h) + 8px); }
  .chat-page .chat-shell { grid-template-columns: minmax(0, 1fr); }
  .chat-page .chat-shell.in-thread { position: fixed; inset: 0; z-index: 50; height: 100dvh; }
  .yqnwqbno { grid-template-columns: minmax(0, 1fr); }
  .yqn3holi { display: none; }
  .yqnj2rwc { padding-inline: 18px; }
  .yqnk7tfv { padding-inline: 18px; }
  .yqnmlgdh { padding: var(--sp); }
  .yqnwvt3o .yqnlbqac { margin-block-start: 8px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .yqnx2toh { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .yqn25yvy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* theme: intimate. Warm low light, silk sheen, pearl instead of a punched hole, photos with their captions laid over them.
   This block comes last on purpose: it re-dresses the catalogue idea (cards, tabs, drawers) as a private boudoir cabinet. */
:root { --mono: var(--head); --glow: color-mix(in srgb, var(--brand) 42%, transparent); --veil: rgba(14, 5, 9, .84); }
body { background-image: radial-gradient(1000px 560px at 50% -8%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 70%), radial-gradient(800px 560px at 100% 100%, color-mix(in srgb, var(--brand-2) 16%, transparent), transparent 70%), var(--tex); background-size: auto, auto, var(--tex-size); background-attachment: fixed, fixed, scroll; }
body .yqn6bdgt { background-image: linear-gradient(115deg, transparent 0 28%, color-mix(in srgb, var(--brand) 7%, transparent) 44%, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--brand) 6%, transparent), transparent 30%); box-shadow: 0 30px 80px -30px var(--glow), inset 0 1px 0 var(--glow); border-color: color-mix(in srgb, var(--brand) 30%, var(--line-2)); }
body .yqnegq52 { width: 13px; height: 13px; border: 0; background: radial-gradient(circle at 35% 30%, #fff, color-mix(in srgb, var(--brand) 45%, #fff) 40%, color-mix(in srgb, var(--brand) 70%, #000)); box-shadow: 0 0 12px var(--glow); }
body .yqn77azg h1, body .yqneauov, body .yqnplyl2 h1, body .yqnk7tfv h2 { text-shadow: 0 0 30px var(--glow); }
body .yqn2p52o, body .yqnfmtwt, body .yqnixfbc, body .yqnscec3, body .yqnmlgdh, body .yqnj2rwc, body .yqnckpro, body .yqn36fmq li, body .yqnqv3e4, body .yqnqejjs, body .yqn6sngs div, body .yqn4lvxo details, body .yqnr3pdw, body .yqnk7tfv, body .yqnnpw7w .yqnzouk3 div, body .yqnanm42 .yqnoj3ve:first-child, body .yqnmd4jt .yqnwb6nv {
  border-block-start: 1px solid color-mix(in srgb, var(--brand) 55%, var(--line-2)); box-shadow: inset 0 1px 0 var(--glow), 0 -2px 22px -8px var(--glow); }
body .yqn2p52o, body .yqnckpro, body .yqn6sngs div, body .yqnk7tfv, body .yqnr3pdw, body .yqncnbvw, body .yqnan2ay > ul, body .yqnan2ay > p { background-image: none; }
body .yqnewr43 { background-image: none; }
body .yqnb3bov { line-height: 1.5; margin-block-end: 3px; }
body .yqnjdufc, body .yqn7pwp5 { border-block-start: 1px solid var(--glow); }
body .btn-primary, body .btn-primary:hover { background: linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 62%, var(--brand-2))); box-shadow: 0 8px 24px -10px var(--glow), inset 0 -3px 0 rgba(0, 0, 0, .2); }
body .yqnwq32w.yqn3wxch, body .yqna5g4r .tab.active { box-shadow: inset 0 2px 0 var(--brand), 0 -6px 20px -8px var(--glow); }
body .yqnuqeky.yqn3wxch { box-shadow: 0 0 24px -6px var(--glow); background: linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 62%, var(--brand-2))); }
body .yqnseh3x { box-shadow: inset 0 0 0 3px var(--card), inset 0 0 0 4px var(--line), 0 0 28px -10px var(--glow); }
body /* photos dominate: every picture carries a warm veil, body and a ruled card lays its caption over the photo */
.yqnley7p::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 70%), linear-gradient(0deg, rgba(14, 5, 9, .32), transparent 40%); }
body .yqnley7p img { transition: transform .7s ease; }
body .yqn7sflw:hover .yqnley7p img { transform: scale(1.04); }
body .yqn7sflw { box-shadow: 0 16px 40px -22px var(--glow); }
body .yqnj6stv .yqnegq52 { display: none; }
body .yqnj6stv { display: block; }
body .yqnj6stv .yqnwb6nv { position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 2; padding: 56px 12px 12px; border: 0; background: linear-gradient(0deg, var(--veil) 0%, rgba(14, 5, 9, .6) 58%, transparent 100%); color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); display: flex; flex-direction: column; }
body .yqnj6stv .yqnwb6nv > * { line-height: 1.3; color: #fff; }
body .yqnj6stv .yqn5vc3p { color: rgba(255, 255, 255, .8); font-size: 12px; }
body .yqnj6stv .yqn5twse, body .yqnj6stv .yqnjzzdg { color: rgba(255, 255, 255, .9); font-size: 13px; }
body .yqnj6stv .yqnjzzdg { display: none; }
body .yqnj6stv .yqnm5yko { font-size: 19px; }
body .yqnj6stv .yqnley7p img { aspect-ratio: 640 / 830; }
body .yqnx2toh .yqnj6stv .yqnwb6nv { padding-block-end: 12px; }
body .yqnj6stv .yqn664we { z-index: 3; }
body .yqnzla3s { background: linear-gradient(0deg, var(--veil) 0%, rgba(14, 5, 9, .5) 60%, transparent 100%); }

/* Photo rule (FRAME-BRIEF.md): the wall of portraits too: 220 px or more on a desktop, two to a row on a phone. */
.yqnohfmd { grid-template-columns: repeat(auto-fill, minmax(min(224px, 100%), 1fr)) !important; }
@media (max-width: 900px) { .yqnohfmd { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
/* main is as tall as its content, never the screen: the footer stays below it */
.main, .has-rail .main { min-height: auto; }
.chat-page .main { min-height: 0; }
.yqnwvt3o { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-areas: "lab lab" "h1 txt"; gap: 8px calc(var(--sp) * 2); align-items: end; padding: 18px 26px 34px; background: var(--bg-2); border: var(--bw) var(--bs) var(--line-2); border-radius: var(--r); box-shadow: inset 0 0 0 5px var(--bg-2), inset 0 0 0 6px var(--line); }
.yqn222m3 { grid-area: lab; margin: 0; }
.yqn222m3 span { display: inline-block; padding: 3px 16px; background: var(--card); border: 1px solid var(--line-2); font: 12.5px var(--mono); box-shadow: inset 0 0 0 2px var(--card), inset 0 0 0 3px var(--line); overflow-wrap: anywhere; }
.yqnwvt3o h1 { grid-area: h1; }
.yqnwvt3o .yqnlbqac { grid-area: txt; }
.yqn6rfb3 { position: absolute; inset-block-end: 9px; inset-inline: 0; margin-inline: auto; width: 76px; height: 11px; border-radius: 6px; background: var(--card); border: 1px solid var(--line-2); }
.yqngjb7z { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block-start: var(--sp); border-block: 1px dashed var(--line-2); }
.yqngjb7z div { padding: 12px 14px; border-inline-start: 1px dashed var(--line-2); }
.yqngjb7z div:first-child { border-inline-start: 0; }
@media (max-width: 900px) {
  .yqnwe6a3 { display: flex; flex-direction: column; }
  .yqnwvt3o { display: contents; }
  .yqn222m3 { order: 0; }
  .yqnwvt3o h1 { order: 1; padding-block: 10px; border-block: 4px double var(--line-2); margin-block-end: 4px; }
  .yqnwe6a3 .yqnx2toh { order: 2; }
  .yqnwe6a3 .hw { order: 3; }
  .yqnwvt3o .yqnlbqac { order: 4; }
  .yqngjb7z { order: 5; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yqngjb7z div:nth-child(odd) { border-inline-start: 0; }
  .yqn6rfb3 { display: none; }
}
.yqnmd4jt { flex-direction: row; }
.yqnmd4jt .yqnley7p { flex: 0 0 max(240px, 46%); }
.yqnmd4jt .yqnley7p img { height: auto; aspect-ratio: 4 / 5; }
.yqnmd4jt .yqnwb6nv { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; min-width: 0; flex: 1; border-inline-start: 4px double var(--line-2); }
.yqnmd4jt .yqnm5yko { font-size: 20px; }
.yqnmd4jt .yqngb2h7 { margin-block-start: auto; padding-block-start: 8px; }
.yqnmd4jt .yqn5vc3p { padding-block-end: 4px; border-block-end: 1px dotted var(--line-2); }
.yqnx2toh .yqnmd4jt, .yqnnhzkx .yqnmd4jt { flex-direction: column; }
.yqnx2toh .yqnmd4jt .yqnley7p { flex: none; }
.yqnx2toh .yqnmd4jt .yqnley7p img { height: auto; min-height: 0; aspect-ratio: 640 / 784; }
.yqnx2toh .yqnmd4jt .yqnwb6nv { border-inline-start: 0; border-block-start: 3px solid var(--brand-2); padding: 8px 10px 10px; }
@media (max-width: 900px) {
  .yqnmd4jt { flex-direction: column; }
  .yqnmd4jt .yqnley7p { flex: none; }
  .yqnmd4jt .yqnwb6nv { border-inline-start: 0; border-block-start: 3px solid var(--brand-2); padding: 8px 10px 10px; }
  .yqnmd4jt .yqnjzzdg, .yqnmd4jt .yqngb2h7 { display: none; }
  .yqnohfmd { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .yqnohfmd .yqnmd4jt { flex-direction: column; }
  .yqnohfmd .yqnmd4jt .yqnley7p { flex: none; }
  .yqnohfmd .yqnmd4jt .yqnley7p img { height: auto; min-height: 0; aspect-ratio: 640 / 784; }
  .yqnohfmd .yqnmd4jt .yqnwb6nv { border-inline-start: 0; border-block-start: 3px solid var(--brand-2); }
  .yqnohfmd .yqnjzzdg, .yqnohfmd .yqngb2h7 { display: none; }
  .yqnx2toh { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* Photo rule (FRAME-BRIEF.md): her portrait is the main element: 220 px or more on a desktop, 4:5, two cards per row on a phone. */
.grid:not(.yqnx2toh), .grid-sm { grid-template-columns: repeat(auto-fill, minmax(min(540px, 100%), 1fr)) !important; }
.row-scroll { grid-auto-columns: minmax(540px, 580px) !important; }
@media (max-width: 900px) {
  .grid, .grid-sm { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 10px !important; }
  .row-scroll { grid-auto-columns: minmax(46%, 48%) !important; }
}
.yqn3l2ru { list-style: none; margin: var(--sp) 0 0; padding: 0; counter-reset: st; }
.yqn3l2ru li { counter-increment: st; position: relative; }
.yqn3l2ru li::before { content: counter(st, decimal-leading-zero); font-family: var(--mono); font-weight: 700; color: var(--ink-2); }
.yqn36fmq { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: var(--sp); }
.yqn36fmq li { padding: 40px 16px 30px; background: var(--card); border: 1px solid var(--line-2); border-block-start: 3px solid var(--brand-2); border-radius: var(--r-sm); }
.yqn36fmq li:nth-child(even) { margin-block-start: 14px; }
.yqn36fmq li::before { position: absolute; inset-block-start: 10px; inset-inline-start: 14px; font-size: 13px; }
.yqn36fmq h3 { font-size: 19px; margin-block-end: 6px; }
@media (max-width: 900px) { .yqn36fmq li:nth-child(even) { margin-block-start: 0; } }
.yqn4lvxo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(310px, 100%), 1fr)); gap: 10px var(--sp); align-items: start; }
.yqn4lvxo details { background: var(--card); border: 1px solid var(--line-2); border-block-start: 3px solid var(--brand-2); border-radius: var(--r-sm); }
.yqn4lvxo summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 52px; padding: 10px 14px; cursor: pointer; font: 700 16px/1.3 var(--head); }
.yqn4lvxo summary::-webkit-details-marker { display: none; }
.yqn4lvxo summary::after { content: "+"; flex: none; width: 26px; height: 26px; display: grid; place-items: center; font: 700 16px var(--mono); border: 1px solid var(--line-2); border-radius: 50%; }
.yqn4lvxo details[open] summary::after { content: "\2212"; }
.yqn4lvxo p { padding: 0 14px 14px; color: var(--ink-2); }
.yqnakcul .yqnvwiuc { display: flex; align-items: center; gap: 16px; margin-block-end: calc(var(--sp) * 1.4); }
.yqnakcul .yqnvwiuc::before, .yqnakcul .yqnvwiuc::after { content: ""; flex: 1 1 24px; height: 5px; border-block: 1px solid var(--line-2); }
.yqnyzye3 { max-width: min(100%, 640px); padding: 8px 28px 10px; text-align: center; background: var(--card-2); border: var(--bw) var(--bs) var(--line-2); border-radius: var(--r-sm); box-shadow: inset 0 0 0 3px var(--card-2), inset 0 0 0 4px var(--line); }
.yqnyzye3 .yqn33dmf { margin-block-end: 4px; }
.yqnyzye3 h2 { overflow-wrap: anywhere; }
@media (max-width: 900px) { .yqnyzye3 { padding-inline: 14px; } .yqnakcul .yqnvwiuc { gap: 8px; } }
/* nav: guide-card tabs standing on the sheet */
.yqnzchye .yqnbho7t { flex-direction: column; align-items: stretch; }
.yqnsux5u { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 3px; padding-inline: 14px; position: relative; z-index: 2; }
.yqnw42gw .yqnsux5u { justify-content: flex-end; }
.yqnwq32w { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 8px 20px; background: var(--bg-2); color: var(--ink-2); border: var(--bw) var(--bs) var(--line-2); border-block-end: 0; border-start-start-radius: var(--r); border-start-end-radius: var(--r); font: 700 15px var(--head); }
.yqnwq32w:hover { color: var(--ink); background: var(--card-2); }
.yqnwq32w.yqn3wxch { min-height: 49px; margin-block-end: calc(-1 * var(--bw)); background: var(--card); color: var(--ink); box-shadow: inset 0 3px 0 var(--brand-2); }
.yqnwq32w b { font-size: 12px; color: var(--hl); }
.yqnzchye.yqnwgrqk .yqn6bdgt { border-start-start-radius: 0; }
.yqnzchye.yqnw42gw .yqn6bdgt { border-start-end-radius: 0; }