/* The receptionist studio (v2.35). OURS, not the design kit's.
   Drawn from the design Parm approved on 30 Oct 2026 (claude.ai artifact
   Bk8p9SC6r7mHrUUihgHB3i, "Receptionist studio · premium"): a navy stage with
   her orb and her face, ten pages under it, cards on the page ground.
   Loads after design-settings.css and styles only .rx* markup. Every colour
   that is not on the navy stage is a token from design-base.css, so dark mode
   follows; the stage and the navy cards keep their own night colours in both
   themes, the way the rail does. */

.rx{--rxnavy:#071629;--rxnavy2:#0c2140;--rxline:#ffffff17;--rxsoft:#9fb3ce;--rxink:#eef4fb;
  max-width:1240px;margin:0 auto;padding:20px 32px 96px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;width:100%;min-width:0}
.rx *,.rx *::before,.rx *::after{box-sizing:border-box}
.rx [hidden]{display:none!important}
.rxwait{padding:28px;text-align:center}

/* ---- the top line ---- */
.rxtop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rxcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-3)}
.rxcrumbs button{border:0;background:none;padding:0;font:inherit;color:var(--ink-3);cursor:pointer}
.rxcrumbs button:hover{color:var(--ink)}
.rxcrumbs b{color:var(--ink);font-weight:650}
.rxcrumbs svg{opacity:.6}

/* ---- tags and chips ---- */
.rxtag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;line-height:1;padding:6px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);white-space:nowrap;font-style:normal}
.rxtag.lime{background:var(--lime-soft);color:var(--lime-ink)}
.rxtag.warn{background:var(--warn-soft,#fbf0dc);color:#8a5a0c}
.rxtag.red{background:var(--danger-soft,#fde7e4);color:#b0281a}
.rxtag.info{background:var(--info-soft,#e3eefb);color:#245b9c}
:root[data-theme=dark] .rxtag.warn{color:#f0c77a}:root[data-theme=dark] .rxtag.red{color:#ffb4a8}:root[data-theme=dark] .rxtag.info{color:#a9cdf0}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxtag.warn{color:#f0c77a}:root:not([data-theme=light]) .rxtag.red{color:#ffb4a8}:root:not([data-theme=light]) .rxtag.info{color:#a9cdf0}}
.rxdotlive{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 25%,transparent)}
.rxai{display:inline-flex;align-items:center;justify-content:center;font-family:var(--design-body,inherit);font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1;padding:4px 6px;border-radius:6px;background:var(--lime);color:#14280b;vertical-align:middle}

/* ---- buttons ---- */
.rxb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s;text-decoration:none}
.rxb:active{transform:translateY(1px)}
.rxb[disabled]{opacity:.55;cursor:default;transform:none}
.rxb.lime{background:var(--lime);color:#14280b}
.rxb.lime:hover{background:#9de02a}
.rxb.dark{background:var(--rail-bg);color:#fff}
.rxb.dark:hover{background:#10284a}
:root[data-theme=dark] .rxb.dark{background:var(--lime);color:#14280b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxb.dark{background:var(--lime);color:#14280b}}
.rxb.ghost{background:#ffffff0d;color:#fff;border-color:#ffffff2e}
.rxb.ghost:hover{background:#ffffff1a}
.rxb.ghost2{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
.rxb.ghost2:hover{border-color:var(--ink-4)}
.rxb.quiet{background:transparent;color:var(--ink-2);padding:0 10px}
.rxb.quiet:hover{background:var(--surface-2)}
.rxb.sm{min-height:34px;padding:0 12px;font-size:13px;border-radius:10px}
.rxb.tiny{min-height:28px;padding:0 8px;font-size:12.5px}
.rxrowbtns{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.rxrowbtns small{color:var(--ink-3);font-size:12.5px}
.linkish{border:0;background:none;padding:0;font:inherit;color:var(--accent-link);text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* ---- the stage ---- */
.rxstage{position:relative;background:radial-gradient(120% 150% at 0% 0%,#123058 0%,var(--rxnavy) 48%,#051222 100%);color:var(--rxink);border-radius:26px;padding:24px 26px 0;overflow:hidden;isolation:isolate}
.rxstage::after{content:"";position:absolute;inset:auto -20% -60% auto;width:60%;height:120%;background:radial-gradient(closest-side,#8dd11d14,transparent);pointer-events:none;z-index:-1}
.rxstagehd{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding-bottom:20px}
.rxid{min-width:0}
.rxeyebrow{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--rxsoft);min-width:0}
.rxeyebrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rxstage h1{margin:6px 0 10px;font-family:var(--display);font-size:38px;line-height:1.1;font-weight:700;letter-spacing:-.03em;color:#fff;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rxstage h1 .rxai{font-size:13px;padding:5px 7px}
.rxunnamed{color:#c8d6e8;font-weight:600;font-size:30px}
.rxchips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rxchip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:650;padding:6px 11px;border-radius:999px;background:#ffffff12;color:#dfe8f3;white-space:nowrap}
.rxchip i{width:7px;height:7px;border-radius:50%;background:currentColor;display:none}
.rxchip.ok{background:#8dd11d1f;color:#c9ee8f}.rxchip.ok i{display:inline-block;background:var(--lime)}
.rxchip.wait{background:#f5b94a1f;color:#f6d08d}.rxchip.wait i{display:inline-block;background:#f5b94a}
.rxchip.blue{background:#5aa2ff1f;color:#b9d6ff}
.rxchip.red{background:#ff6b5a24;color:#ffc3b8}.rxchip.red i{display:inline-block;background:#ff6b5a}
.rxacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.rxacts .rxb{min-height:46px;padding:0 18px;font-size:15px}
.rxtabs{display:flex;gap:4px;border-top:1px solid var(--rxline);overflow-x:auto;scrollbar-width:none;margin:0 -6px;padding:0 6px}
.rxtabs::-webkit-scrollbar{display:none}
.rxtabs button{position:relative;flex:none;border:0;background:none;color:#b7c6d8;font:inherit;font-size:14.5px;font-weight:550;padding:15px 12px 16px;cursor:pointer;white-space:nowrap}
.rxtabs button:hover{color:#fff}
.rxtabs button.on{color:#fff;font-weight:700}
.rxtabs button.on::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--lime)}
.rxtabs button:focus-visible{outline:2px solid var(--lime);outline-offset:-4px;border-radius:8px}
.rxstage.compact{padding-top:16px}
.rxstage.compact .rxstagehd{grid-template-columns:auto minmax(0,1fr) auto;padding-bottom:14px;gap:14px}
.rxstage.compact h1{font-size:22px;margin:0}
.rxstage-wait{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px}
.rxstage-wait p{margin:0;color:var(--rxsoft)}

/* ---- the orb, the halo, her face ---- */
.rxorb{position:relative;display:inline-block;flex:none;width:var(--sz,104px);height:var(--sz,104px);border-radius:50%;overflow:hidden;background:#02070f;isolation:isolate;box-shadow:0 0 40px #5ad1ff22}
.rxorb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;transform:scale(1.04)}
.rxstageorb{--sz:108px}
.rxorb.big{--sz:150px}
.rxorb.sm{--sz:56px}
.rxorb.mini{--sz:44px}
.rxorb.huge{--sz:min(280px,62vw);box-shadow:0 0 90px #49d0ff2e,0 0 160px #8dd11d14}
.rxhalo{position:relative;display:inline-block;flex:none;width:var(--sz,104px);height:var(--sz,104px);border-radius:50%;padding:5px;background:conic-gradient(from var(--a,0deg),#8dd11d,#38d6c9,#6a7cff,#c86bff,#8dd11d);animation:rxspin 6s linear infinite}
.rxhalo.o-champagne{background:conic-gradient(from var(--a,0deg),#f6d08d,#ffb37a,#f9e7c0,#d9a25b,#f6d08d)}
.rxhalo.o-ocean{background:conic-gradient(from var(--a,0deg),#3a7bff,#5ad1ff,#6a4dff,#22b8ff,#3a7bff)}
.rxhalo.o-pearl{background:conic-gradient(from var(--a,0deg),#e8ecff,#b9c7ff,#ffffff,#c9b8ff,#e8ecff)}
.rxhalo.plain{background:#ffffff2e;animation:none;padding:3px}
.rxhalo.none{background:var(--surface-3)}
.rxhalo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #071629}
.rxhalo.sm{--sz:56px;padding:3px}.rxhalo.sm img{border-width:2px}
.rxhalo.huge{--sz:min(240px,58vw);padding:7px}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes rxspin{to{--a:360deg}}
.rxdot{flex:none;border-radius:50%;object-fit:cover;background:#fff;display:inline-block}
.rxini{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface-3);color:var(--ink-2);font-family:var(--display);font-weight:700;font-size:13px}
.rxini.big{width:44px;height:44px;font-size:15px;background:var(--rail-bg);color:#fff}
.rxdot.rxini{background:#e5f3cf;color:#2f4d0d}

/* ---- cards and grids ---- */
.rxbody{display:flex;flex-direction:column;gap:16px;min-width:0}
.rxcard{background:var(--surface);border:1px solid var(--card-line);border-radius:22px;padding:22px;min-width:0}
.rxcardhd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.rxcardhd h2{margin:0;font-family:var(--display);font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.rxcardhd p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.rxcard.navy{background:radial-gradient(130% 120% at 100% 0%,#10284a 0%,var(--rxnavy) 55%,#051222 100%);border-color:transparent;color:var(--rxink)}
.rxcard.navy h2{color:#fff}
.rxcard.navy p,.rxcard.navy small{color:var(--rxsoft)}
.rxlab{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rxsoft);margin-bottom:12px}
.rxgrid2a{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start}
.rxgrid2b{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
.rxgrid2c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;align-items:start}
.rxgrid2c.conv{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
.rxgrid2c.web{grid-template-columns:minmax(0,1fr)}
.rxivgrid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.rxgrid2d{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
.rxgrid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rxcol{display:flex;flex-direction:column;gap:16px;min-width:0}
.rxempty{margin:6px 0;color:var(--ink-3);font-size:14px;line-height:1.55}
.rxhint{margin:8px 0 0;color:var(--ink-3);font-size:12.5px;line-height:1.5}
.rxerr{margin:8px 0 0;color:var(--danger);font-size:13.5px}
.rxprog{margin:8px 0 0;color:var(--ink-2);font-size:13.5px}
.rxnote{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--info-soft,#e3eefb);color:var(--ink-2);font-size:13.5px;line-height:1.5}
.rxnote svg{flex:none;margin-top:2px;color:#2f6fb3}
.rxnote.warn{background:var(--warn-soft,#fbf0dc)}
.rxnote.warn svg{color:#a46a0f}
.rxfl{margin:16px 0 8px;font-size:13.5px;font-weight:650;color:var(--ink-2)}
.rxrow2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.rxbar{display:block;height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden}
.rxbar i{display:block;height:100%;border-radius:inherit;background:var(--lime)}
.rxbar.part i{background:#f0b44a}
.rxmono{font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;color:var(--ink-3)}

/* ---- switches ---- */
.rxrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line);cursor:pointer}
.rxrow:first-of-type{border-top:0;padding-top:4px}
.rxrowtx b{display:block;font-size:14.5px;font-weight:650;color:var(--ink)}
.rxrowtx small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;line-height:1.45}
.rxsw{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:48px!important;height:28px!important;margin:0;border-radius:999px;background:var(--line-2);border:0!important;padding:0!important;cursor:pointer;transition:background .15s;box-shadow:none!important}
.rxsw::after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .15s,background .15s}
.rxsw:checked{background:var(--rail-bg)}
.rxsw:checked::after{left:24px;background:var(--lime)}
.rxsw:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
:root[data-theme=dark] .rxsw:checked{background:#24496f}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxsw:checked{background:#24496f}}
.rxloud{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2);cursor:pointer}

/* ---- segmented ---- */
.rxseg{display:inline-flex;gap:2px;padding:4px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.rxseg button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-3);padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}
.rxseg button[aria-checked=true],.rxseg button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0512221a}
.rxseg.big button{padding:10px 16px;font-size:14px}
.rxseg.dark{background:#ffffff0f;border-color:#ffffff1a}
.rxseg.dark button{color:#b7c6d8}
.rxseg.dark button[aria-checked=true]{background:#fff;color:#071629}
.rxseg button[disabled]{opacity:.55;cursor:default}
/* During a call the choices are made: show only what was chosen. */
.rxseg.dark button[disabled]:not([aria-checked=true]){display:none}
.rxseg.dark button[disabled][aria-checked=true]{opacity:1;background:#ffffff1f;color:#fff;box-shadow:none}

/* ---- Studio ---- */
.rxnums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rxnum{background:var(--surface-2);border-radius:16px;padding:14px 16px;min-width:0}
.rxnum small{display:block;font-size:13px;color:var(--ink-3)}
.rxnum b{display:block;font-family:var(--display);font-size:30px;line-height:1.15;font-weight:600;color:var(--ink);margin:4px 0 2px;font-variant-numeric:tabular-nums}
.rxnum span{display:block;font-size:12.5px;color:var(--ink-3)}
.rxnums.dark .rxnum{background:#ffffff0d}
.rxnums.dark .rxnum b{color:#fff}
.rxnums.dark{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:14px 0}
.rxfeed{display:flex;flex-direction:column;margin-top:14px}
.rxfeedrow,.rxconvrow{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:13px 4px;border:0;border-top:1px solid var(--line);background:none;font:inherit;color:var(--ink);cursor:pointer}
.rxfeedrow:hover .rxfeedtx b,.rxfeedrow:hover .rxfeedtx span{text-decoration:underline;text-decoration-color:var(--line-2)}
.rxfeedic{flex:none;width:36px;height:36px;border-radius:11px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.rxfeedtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rxfeedtx small{font-size:12.5px;color:var(--ink-3)}
.rxfeedtx>span:not(.rxtag){font-size:14px;line-height:1.45;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rxfeedtx b{font-weight:650}
.rxtrain .rxtrainhd,.rxivstats .rxtrainhd{display:flex;gap:18px;align-items:center;margin-bottom:16px}
.rxtrain h2,.rxivstats h2{margin:0 0 6px;font-family:var(--display);font-size:22px;line-height:1.2;font-weight:700;color:#fff;letter-spacing:-.02em}
.rxtrain p,.rxivstats p{margin:0;font-size:13.5px;line-height:1.5}
.rxring{--p:0;flex:none;width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--p)*1%),#ffffff1c 0);display:flex;align-items:center;justify-content:center;position:relative}
.rxring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#071629}
.rxring b{position:relative;font-family:var(--display);font-size:24px;font-weight:700;color:#fff}
.rxtrow{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;padding:12px 14px;border-radius:14px;border:0;background:#ffffff0b;color:#e6edf6;font:inherit;font-size:14px;text-align:left;cursor:pointer}
.rxtrow:hover{background:#ffffff14}
.rxtrow svg{color:var(--lime)}
.rxtrow span{flex:1}
.rxtrow b{color:var(--rxsoft);font-weight:600}
.rxnextq{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid #ffffff1f}
.rxnextq small{font-size:12.5px}
.rxnextq p{margin:6px 0 0;font-size:15.5px;line-height:1.45;color:#fff!important}
.rxready{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rxready li button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 2px;border:0;border-top:1px solid var(--line);background:none;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer}
.rxready li:first-child button{border-top:0}
.rxready li button>span:nth-child(2){flex:1}
.rxready li button svg:last-child{color:var(--ink-4)}
.rxready li.done button>span:nth-child(2){color:var(--ink-3)}
.rxtick{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;color:#14280b}
li.done .rxtick,.done>button .rxtick{background:var(--lime);border-color:var(--lime)}
.rxuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.rxuse>div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink-2);margin-bottom:8px}
.rxuse b{font-family:var(--mono,ui-monospace,monospace);font-weight:600;font-size:13px}
.rxuse small{display:block;margin-top:7px;font-size:12.5px;color:var(--ink-3)}
.rxtile{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,transform .15s}
button.rxtile:hover{border-color:var(--line-2);transform:translateY(-1px)}
.rxtile.static{cursor:default}
.rxtilehd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--ink-4)}
.rxtileic{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.rxtile h3{margin:0;font-family:var(--display);font-size:16.5px;font-weight:700;color:var(--ink)}
.rxtile p{margin:0 0 6px;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.rxtile .rxbar{margin-top:6px}
.rxfaces{display:flex;margin-top:4px}
.rxfaces img{width:32px;height:32px;border-radius:50%;border:2px solid var(--surface);margin-left:-8px;background:#fff;object-fit:cover}
.rxfaces img:first-child{margin-left:0}
.rxwave{display:flex;align-items:center;gap:3px;height:26px;margin:8px 0 2px}
.rxwave i{display:block;width:3px;border-radius:3px;background:var(--line-2)}
.rxwave.static i{background:var(--ink)}

/* ---- Persona ---- */
.rxfacegrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rxfacepick{position:relative;display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.rxfacepick img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#f3f4f2;border:3px solid transparent;transition:border-color .15s,transform .15s}
.rxfacepick:hover img{transform:translateY(-2px)}
.rxfacepick.on img{border-color:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 22%,transparent)}
.rxfacepick b{font-size:14px;font-weight:650;padding-left:2px}
.rxpicked{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#14280b;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}
.rxfacepick:focus-visible{outline:none}.rxfacepick:focus-visible img{outline:3px solid var(--rail-bg);outline-offset:2px}
.rxown{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border:1.5px dashed var(--line-2);border-radius:16px}
.rxown>div{flex:1;min-width:0}
.rxown b{display:block;font-size:14.5px}.rxown small{display:block;font-size:12.5px;color:var(--ink-3);line-height:1.45;margin-top:2px}
.rxownic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.rxownimg{width:44px;height:44px;border-radius:50%;object-fit:cover}
label.rxb{cursor:pointer}
.rxportrait{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/4.3;background:#eef0ee}
.rxportrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.rxportraitnone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink-4);font-size:14px}
.rxportraitcap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:46px 18px 16px;background:linear-gradient(transparent,#051222e6 75%);color:#fff}
.rxportraitcap b{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:24px;font-weight:700}
.rxportraitcap small{display:block;font-size:13px;color:#cfdaea;margin-top:2px}
.rxnames{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rxname{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.rxname.on{background:var(--rail-bg);border-color:var(--rail-bg);color:#fff}
.rxname.mine{padding:0 4px 0 0;gap:0}
.rxname.mine>button{border:0;background:none;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:6px;padding:0 6px 0 14px;min-height:34px;cursor:pointer}
.rxname .rxx{border:0;background:none;color:inherit;opacity:.6;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.rxname .rxx:hover{opacity:1;background:#0000000f}
.rxnameadd{display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--line-2);border-radius:999px;padding:2px 4px 2px 12px}
.rxnameadd input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0;padding:0!important;height:30px;width:140px;font-size:14px;color:var(--ink)}
.rxwho .flabel{font-size:13.5px}
.rxpres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:12px}
.rxpresopt{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:2px solid transparent;background:radial-gradient(120% 120% at 0% 0%,#10284a,#071629);color:#fff;font:inherit;text-align:left;cursor:pointer}
.rxpresopt.light{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.rxpresopt b{display:block;font-size:15px}
.rxpresopt small{display:block;font-size:12.5px;line-height:1.4;color:#a9bbd2;margin-top:2px}
.rxpresopt.light small{color:var(--ink-3)}
.rxpresopt.on{border-color:var(--lime);box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 25%,transparent)}
.rxorbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rxorbpick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:16px;border:2px solid transparent;background:#071629;color:#fff;font:inherit;font-size:12.5px;cursor:pointer}
.rxorbpick img{width:52px;height:52px;border-radius:50%;mix-blend-mode:screen}
.rxorbpick.on{border-color:var(--lime)}

/* ---- Voice ---- */
.rxspks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rxspk{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface)}
.rxspk.on{border-color:var(--rail-bg);box-shadow:inset 0 0 0 1px var(--rail-bg)}
:root[data-theme=dark] .rxspk.on{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxspk.on{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}}
.rxspk .rxtag{position:absolute;top:14px;right:14px}
.rxplay{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--surface-2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.rxspk.on .rxplay{background:var(--rail-bg);color:#fff}
.rxplay svg{fill:currentColor}
.rxplay.ghost{cursor:default;color:var(--lime-ink);background:var(--lime-soft)}
.rxplay.ghost svg{fill:none}
.rxspkpick{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:none;padding:0;font:inherit;color:var(--ink);cursor:pointer}
.rxspkpick b{font-size:15.5px}
.rxspkpick small{font-size:12.5px;color:var(--ink-3)}
.rxspkpick em{font-style:normal;font-size:13px;color:var(--ink-3)}
.rxspk.on .rxwave i,.rxspk.playing .rxwave i{background:var(--rail-bg)}
:root[data-theme=dark] .rxspk.on .rxwave i{background:var(--lime)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxspk.on .rxwave i{background:var(--lime)}}
.rxspk.playing .rxwave i{animation:rxbounce .9s ease-in-out infinite alternate}
.rxspk.playing .rxwave i:nth-child(3n){animation-delay:-.3s}.rxspk.playing .rxwave i:nth-child(3n+1){animation-delay:-.6s}
@keyframes rxbounce{to{transform:scaleY(.35)}}
.rxdial{margin-top:16px}
.rxdial label{display:block;font-size:14px;font-weight:650;color:var(--ink);margin-bottom:10px}
.rxdial input[type=range]{width:100%;accent-color:var(--rail-bg);height:6px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
:root[data-theme=dark] .rxdial input[type=range]{accent-color:var(--lime)}
.rxdial>div{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-3);margin-top:6px}
.rxwords{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rxword{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px;color:var(--ink)}
.rxword button{border:0;background:none;color:var(--ink-3);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.rxword button:hover{background:var(--surface-2);color:var(--ink)}
.rxhear{display:flex;align-items:center;gap:18px}
.rxhear>div{flex:1;min-width:0}
.rxhear small{font-size:12.5px}
.rxhear p{margin:4px 0 0;font-size:16px;line-height:1.45;color:#fff!important}
.rxcard textarea,.rxcard input:not([type=checkbox]):not([type=range]):not([type=color]),.rxcard select{max-width:100%}

/* ---- Knowledge ---- */
.rxsrc{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.rxsrc:first-child,.rxcardhd+.rxsrc{border-top:0;padding-top:2px}
.rxsrc>div{flex:1;min-width:0}
.rxsrc b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rxsrc small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.rxsrcic{flex:none;width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.rxinline{display:flex;gap:8px;margin-top:10px}
.rxinline input{flex:1;min-width:0}
.rxpages{margin:6px 0 4px;border-top:1px solid var(--line);padding-top:10px}
.rxpages summary{cursor:pointer;font-size:13.5px;color:var(--ink-2);font-weight:600}
.rxpages ul{list-style:none;margin:8px 0 0;padding:0;max-height:300px;overflow:auto}
.rxpages li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;font-size:13.5px}
.rxpages li span{min-width:0;overflow:hidden}
.rxpages li small{display:block;color:var(--ink-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rxdocform{margin-top:14px;padding:16px;border-radius:16px;background:var(--surface-2)}
.rxlocked{list-style:none;margin:0;padding:0}
.rxlocked li{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:14px;color:var(--ink)}
.rxlocked li:first-child{border-top:0;padding-top:2px}
.rxlocked li svg{flex:none;color:var(--ink-3)}
.rxlocked li span{flex:1}
.rxlocked li em{font-style:normal;font-size:12.5px;color:var(--ink-3)}
.rxprops{display:flex;flex-direction:column;gap:10px}
.rxprop{padding:14px 16px;border-radius:16px;border:1px solid var(--line)}
.rxprop.warn{background:var(--warn-soft,#fbf0dc);border-color:#efd8a8}
.rxprop small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.rxprop b{display:block;margin-top:6px;font-size:15px}
.rxprop p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.rxdigest{display:flex;align-items:center;gap:14px}
.rxdigest>span{flex:none;width:40px;height:40px;border-radius:12px;background:var(--lime-soft);color:var(--lime-ink);display:flex;align-items:center;justify-content:center}
.rxdigest>div{flex:1;min-width:0}.rxdigest b{display:block;font-size:14.5px}.rxdigest small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.rxsearch{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-3)}
.rxsearch input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;height:42px;padding:0!important;font-size:14px;color:var(--ink)}
.rxsearch.dark{background:#ffffff0d;border-color:#ffffff24;color:#9fb3ce}
.rxsearch.dark input{color:#fff}
.rxsearch.dark input::placeholder{color:#8fa3bd}
.rxfilt{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.rxfilt button{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font:inherit;font-size:13.5px;cursor:pointer}
.rxfilt button.on{background:var(--rail-bg);border-color:var(--rail-bg);color:#fff}
.rxknows{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow:auto;padding-right:2px}
.rxknow{padding:14px 16px;border-radius:16px;border:1px solid var(--line)}
.rxknowhd{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rxknowhd small{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.rxknow b{display:block;margin-top:4px;font-size:14.5px}
.rxknow p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2);white-space:pre-line}
.rxtyped .flabel:first-of-type{margin-top:0}

/* ---- conversation threads (interview, call, conversations) ---- */
.rxthread{display:flex;flex-direction:column;gap:12px;max-height:620px;overflow:auto;padding:2px 2px 6px}
.rxthread.call{max-height:520px}
.rxmsg{display:flex;gap:10px;max-width:88%}
.rxmsg small{display:block;font-size:12.5px;color:var(--ink-3);margin-bottom:5px}
.rxmsg p{margin:0;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.rxmsg.her p{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-top-left-radius:6px}
.rxmsg.you{align-self:flex-end;flex-direction:column;align-items:flex-end}
.rxmsg.you p{background:var(--rail-bg);color:#fff;border-top-right-radius:6px}
:root[data-theme=dark] .rxmsg.you p{background:#24496f}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxmsg.you p{background:#24496f}}
.rxmsg.her>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rxmsg .rxdot{margin-top:20px}
.rxmsg.typing p{display:flex;gap:4px;padding:14px 16px}
.rxmsg.typing p i,.rxdraft p i{width:7px;height:7px;border-radius:50%;background:var(--ink-4);animation:rxdot 1s infinite ease-in-out}
.rxmsg.typing p i:nth-child(2),.rxdraft p i:nth-child(2){animation-delay:.15s}.rxmsg.typing p i:nth-child(3),.rxdraft p i:nth-child(3){animation-delay:.3s}
@keyframes rxdot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.rxevent{align-self:center;display:inline-flex;align-items:center;gap:7px;max-width:94%;padding:6px 12px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12.5px;font-weight:600;line-height:1.35;text-align:center}
.rxevent.info{background:var(--info-soft,#e3eefb);color:#245b9c}
.rxevent.warn{background:var(--warn-soft,#fbf0dc);color:#8a5a0c}
:root[data-theme=dark] .rxevent.info{color:#a9cdf0}:root[data-theme=dark] .rxevent.warn{color:#f0c77a}
/* v2.35.1: the timing line under her answer. Quiet on purpose: it is for the
   owner checking her speed, not part of the conversation. */
.rxevent.timing{background:transparent;border:1px dashed var(--line-2);color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}
.rxmarks{display:flex;flex-wrap:wrap;gap:6px}
.rxfix{width:100%;padding:14px 16px;border-radius:16px;border:1.5px solid #efc56b;background:var(--warn-soft,#fff8ea)}
.rxfixhd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.rxfixhd b{font-size:14.5px}.rxfixhd small{font-size:12.5px;color:var(--ink-3)}
.rxfix textarea{width:100%}
.rxthreadempty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 10px;text-align:center}
.rxthreadempty p{margin:0;color:var(--ink-3);font-size:14px}
.rxthreadempty .rxnames{justify-content:center}
.rxask{display:flex;gap:8px;align-items:center;margin-top:14px;padding:6px 6px 6px 14px;border-radius:16px;border:1px solid var(--line-2);background:var(--surface)}
.rxask input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;height:42px;padding:0!important;font-size:14.5px;color:var(--ink)}
.rxask .rxb{min-height:42px}
.rxmic{flex:none;width:42px;height:42px;border-radius:12px;border:0;background:var(--rail-bg);color:var(--lime);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;font-size:0}
.rxmic svg{width:18px;height:18px}
.rxmic.rec{background:#c0392b;color:#fff;animation:rxpulse 1.4s infinite}
.rxmic.off{opacity:.5}
@keyframes rxpulse{0%{box-shadow:0 0 0 0 #c0392b66}100%{box-shadow:0 0 0 12px #c0392b00}}
.rxask.dark{background:#ffffff0d;border-color:#ffffff24;margin:0 0 16px}
.rxask.dark input{color:#fff}
.rxask.dark input::placeholder{color:#8fa3bd}

/* ---- Interview ---- */
.rxivbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rxtopics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.rxtopic{display:flex;flex-direction:column;gap:7px;border:0;background:none;padding:0;font:inherit;text-align:left;color:var(--ink);cursor:pointer}
.rxtopic>div{display:flex;justify-content:space-between;font-size:14px}
.rxtopic b{font-family:var(--mono,ui-monospace,monospace);font-size:13px;font-weight:600}
.rxtopic small{font-size:12.5px;color:var(--ink-3)}
.rxasked{display:flex;flex-direction:column}
.rxaskedrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.rxaskedrow:first-child{border-top:0;padding-top:2px}
.rxaskedrow>svg{flex:none;color:var(--ink-3)}
.rxaskedrow span{flex:1;min-width:0}
.rxaskedrow b{display:block;font-size:14.5px;font-weight:600}
.rxaskedrow small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.rxletme{display:flex;gap:16px;align-items:flex-start}
.rxletme b{display:block;font-family:var(--display);font-size:18px;color:#fff}
.rxletme p{margin:6px 0 0;font-size:13.5px;line-height:1.5}
.rxwalkq{display:flex;gap:16px;align-items:center;padding:16px;border-radius:18px;background:radial-gradient(120% 120% at 0% 0%,#10284a,#071629);color:#fff}
.rxwalkq small{font-size:12.5px;color:var(--rxsoft)}
.rxwalkq h3{margin:4px 0 0;font-family:var(--display);font-size:20px;line-height:1.35;font-weight:650;color:#fff}
.rxdraft{margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--surface-2)}
.rxdraft small{font-size:12.5px;color:var(--ink-3)}
.rxdraft p{margin:6px 0 8px;font-size:14.5px;line-height:1.5;display:flex;gap:4px;flex-wrap:wrap}
.rxwalklist{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto}
.rxwalklist li button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 4px;border:0;border-top:1px solid var(--line);background:none;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer}
.rxwalklist li:first-child button{border-top:0}
.rxwalklist li.on button{font-weight:650}
.rxwalklist li.on button .rxtick{border-color:var(--rail-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 30%,transparent)}
.rxwalklist li.done button>span:last-child{color:var(--ink-3)}

/* ---- Test call ---- */
.rxcallstage{position:relative;display:flex;flex-direction:column;min-height:640px;padding:20px 22px 24px;border-radius:26px;background:radial-gradient(90% 70% at 50% 42%,#0f2f57 0%,#071629 55%,#040d19 100%);color:#fff;overflow:hidden}
.rxcalltop{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.rxcalltop .rxseg{margin-left:auto}
.rxcalltop .rxseg+.rxseg{margin-left:0}
.rxleadpick{margin-top:14px}
.rxleadres{display:flex;flex-direction:column;gap:2px;margin-top:8px;max-height:220px;overflow:auto}
.rxleadrow{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;border:0;background:none;font:inherit;color:#fff;text-align:left;cursor:pointer}
.rxleadrow:hover,.rxleadrow.on{background:#ffffff12}
.rxleadrow .rxini{background:#ffffff1a;color:#fff}
.rxleadrow span:nth-child(2){flex:1;min-width:0}
.rxleadrow b{display:block;font-size:14px}.rxleadrow small{display:block;font-size:12.5px;color:#9fb3ce}
.rxleadrow svg{color:var(--lime)}
.rxcallstage .rxempty{color:#9fb3ce}
.rxcallmid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 0 10px;text-align:center}
.rxcallorb{--lv:0;position:relative;transition:transform .08s linear;transform:scale(calc(1 + var(--lv) * .12))}
.rxcallorb::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(closest-side,#49d0ff22,transparent 70%);opacity:calc(.35 + var(--lv));pointer-events:none}
.rxcallorb[data-state=listening]::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #8dd11d88;animation:rxlisten 1.8s ease-out infinite;pointer-events:none}
.rxcallorb[data-state=thinking] .rxorb video,.rxcallorb[data-state=connecting] .rxorb video{animation:rxthink 2.2s ease-in-out infinite}
.rxcallorb[data-state=idle] .rxorb,.rxcallorb[data-state=ended] .rxorb{filter:saturate(.75) brightness(.85)}
@keyframes rxlisten{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.18);opacity:0}}
@keyframes rxthink{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(28deg) brightness(1.15)}}
.rxcallmid h2{margin:14px 0 0;font-family:var(--display);font-size:32px;font-weight:700;letter-spacing:-.02em;color:#fff}
.rxcallstatus{display:flex;align-items:center;gap:8px;margin:0;font-size:14.5px;color:#b7c6d8;font-variant-numeric:tabular-nums}
.rxcallstatus i{width:8px;height:8px;border-radius:50%;background:#5f7189}
.rxcallstage[data-state=speaking] .rxcallstatus i{background:var(--lime)}
.rxcallstage[data-state=listening] .rxcallstatus i{background:#5ad1ff;animation:rxblink 1s infinite}
.rxcallstage[data-state=thinking] .rxcallstatus i{background:#c9a0ff}
@keyframes rxblink{50%{opacity:.3}}
.rxlevels{display:flex;align-items:center;justify-content:center;gap:4px;height:44px;width:min(320px,80%);margin-top:6px}
.rxlevels i{flex:1;max-width:5px;min-height:3px;border-radius:4px;background:var(--lime);transition:height .06s linear,opacity .2s;opacity:.9}
.rxcallstage[data-state=idle] .rxlevels i,.rxcallstage[data-state=ended] .rxlevels i,.rxcallstage[data-state=typing] .rxlevels i{opacity:.22}
.rxcallstage[data-state=thinking] .rxlevels i{opacity:.4}
.rxcallstage[data-state=listening] .rxlevels i{background:#5ad1ff}
.rxcallline{max-width:560px;margin:14px auto 0;font-size:18px;line-height:1.5;color:#e8eff8;min-height:54px}
.rxcallline small{display:block;font-size:12.5px;color:#9fb3ce;margin-bottom:4px}
.rxcallwhy{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:#f5b94a1f;color:#f6d08d;font-size:13.5px;text-align:center}
/* v2.40.1: which microphone she is listening through, and what it is giving her */
.rxmicbox{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(460px,100%);margin:4px 0 10px}
.rxmicpick{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;color:#9fb3ce;font-size:12.5px}
.rxmicpick svg{flex:none}
.rxmicpicklab{flex:none}
.rxmicpick select{flex:0 1 320px;width:auto;min-width:0;max-width:320px;height:34px;padding:0 32px 0 12px;border-radius:999px;border:1px solid #ffffff2b;background:#ffffff12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c7d3e2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;color:#e6edf6;font:inherit;font-size:13px;-webkit-appearance:none;appearance:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
.rxmicpick select:hover{border-color:#ffffff47}
.rxmicpick select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.rxmicpick select[disabled]{opacity:.6;cursor:default}
.rxmicpick select option{color:#0b1a2c;background:#fff}
.rxmicnote{margin:0;padding:10px 14px;border-radius:14px;background:#f5b94a1f;color:#f6d08d;font-size:13.5px;line-height:1.45;text-align:center}
.rxmicnote[hidden]{display:none!important}
.rxevent[data-kind=miss],.rxevent[data-kind=mic]{border-radius:14px}
.rxcallctl{display:flex;flex-direction:column;align-items:center;gap:8px}
.rxcallctl small{color:#9fb3ce;font-size:12.5px}
.rxcallgo{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;border:0;background:var(--lime);color:#14280b;font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #8dd11d33}
.rxcallgo[disabled]{opacity:.5;cursor:default;box-shadow:none}
.rxcallctl.round{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:18px}
.rxround{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;color:#e6edf6;font:inherit;cursor:pointer;min-width:64px}
.rxround>span{width:58px;height:58px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;transition:background .15s}
.rxround:hover>span{background:#ffffff24}
.rxround small{font-size:12.5px;color:#c7d3e2}
.rxround.on>span{background:#fff;color:#071629}
.rxround.end>span{background:#ef4c3f;color:#fff}
.rxround.end:hover>span{background:#ff5d50}
.rxround[disabled]{opacity:.4;cursor:default}
.rxtx .rxthread{max-height:460px}
.rxwhonew{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2)}
.rxwhonew b{display:block;font-size:14.5px;color:var(--ink)}.rxwhonew small{display:block;font-size:13px;color:var(--ink-3);line-height:1.5;margin-top:2px}
.rxwhohd{display:flex;align-items:center;gap:12px}
.rxwhohd>span:nth-child(2){flex:1;min-width:0}
.rxwhohd b{display:block;font-size:16px}.rxwhohd small{display:block;font-size:13px;color:var(--ink-3);margin-top:2px}
.rxfacts{margin:14px 0 0;display:flex;flex-direction:column}
.rxfacts>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
.rxfacts dt{color:var(--ink-3)}.rxfacts dd{margin:0;text-align:right;color:var(--ink);font-weight:550}

/* ---- Callers ---- */
.rxlookcard{margin-top:14px;padding:16px;border-radius:18px;border:1px solid var(--line)}
.rxlookgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.rxlookgrid>div{padding:12px 14px;border-radius:14px;background:var(--surface-2);min-width:0}
.rxlookgrid small{display:block;font-size:12.5px;color:var(--ink-3)}
.rxlookgrid b{display:block;margin-top:3px;font-family:var(--display);font-size:16px;font-weight:650}
.rxopener{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;border-radius:16px;background:radial-gradient(120% 120% at 0% 0%,#10284a,#071629);color:#fff}
.rxopener small{font-size:12.5px;color:var(--rxsoft)}
.rxopener p{margin:4px 0 0;font-size:15px;line-height:1.45}
.rxlookno{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--surface-2);color:var(--ink-2)}
.rxlookno b{display:block;font-size:14.5px;color:var(--ink)}.rxlookno small{display:block;font-size:13px;color:var(--ink-3);margin-top:2px}
.rxbignum{display:block;font-family:var(--display);font-size:46px;line-height:1.05;font-weight:650;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rxmem p{margin:8px 0 0;font-size:13.5px;line-height:1.55}
.rxchecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rxcheck{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:16px;border:1.5px solid var(--line);position:relative}
.rxcheck.on{border-color:var(--rail-bg)}
:root[data-theme=dark] .rxcheck.on{border-color:var(--lime)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxcheck.on{border-color:var(--lime)}}
.rxcheck>svg{flex:none;margin-top:2px;color:var(--ink-2)}
.rxcheck>div{flex:1;min-width:0}
.rxcheck b{display:block;font-size:14px;margin-top:8px}.rxcheck small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px;line-height:1.45}

/* ---- Rules ---- */
.rxchecklist{display:flex;flex-direction:column}
.rxcheckrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer;font-size:14.5px;color:var(--ink)}
.rxcheckrow:first-child{border-top:0;padding-top:2px}
.rxcheckrow input{flex:none;width:20px!important;height:20px!important;accent-color:var(--rail-bg);margin:0}
:root[data-theme=dark] .rxcheckrow input{accent-color:var(--lime)}
.rxcheckrow span{flex:1}
.rxchoices{display:flex;flex-direction:column;gap:10px}
.rxchoice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);font:inherit;text-align:left;color:var(--ink);cursor:pointer}
.rxchoice b{display:block;font-size:14.5px}.rxchoice small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px;line-height:1.45}
.rxradio{flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;border:2px solid var(--line-2)}
.rxchoice[aria-checked=true]{border-color:var(--rail-bg);box-shadow:inset 0 0 0 1px var(--rail-bg)}
.rxchoice[aria-checked=true] .rxradio{border:6px solid var(--rail-bg)}
:root[data-theme=dark] .rxchoice[aria-checked=true]{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}
:root[data-theme=dark] .rxchoice[aria-checked=true] .rxradio{border-color:var(--lime)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxchoice[aria-checked=true]{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}:root:not([data-theme=light]) .rxchoice[aria-checked=true] .rxradio{border-color:var(--lime)}}
.rxkeep{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14px}
.rxkeep select{width:auto;min-width:140px}
.rxfees .asstbook .row2{gap:12px;align-items:end}

/* ---- Conversations ---- */
.rxconvs{display:flex;flex-direction:column;max-height:720px;overflow:auto;margin:0 -6px;padding:0 6px}
.rxconvrow{border-radius:14px;border-top:0;padding:12px 10px;margin-top:2px}
.rxconvrow.on{background:var(--info-soft,#e3eefb);box-shadow:inset 3px 0 0 var(--rail-bg)}
.rxconvrow:hover{background:var(--surface-2)}
.rxconvrow .rxfeedtx .rxtag{align-self:flex-start;margin-top:4px}
.rxconvrow>small{flex:none;font-size:12.5px;color:var(--ink-3)}
.rxconvnone{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 10px;text-align:center}
.rxconvnone p{margin:0;max-width:40ch;color:var(--ink-3);font-size:14px}
.rxtags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}

/* ---- the save bar ---- */
.rxsavebar{position:sticky;bottom:16px;z-index:20;display:none;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px 12px 18px;border-radius:18px;background:var(--rail-bg);color:#fff;box-shadow:0 18px 40px #05122240}
.rxsavebar.on{display:flex}
.rxsavetx{flex:1;display:flex;align-items:center;gap:10px;font-size:14px;min-width:200px}
.rxsavetx svg{color:var(--lime)}
.rxsavebar .rxb.quiet{color:#cfdaea}
.rxsavebar .rxb.quiet:hover{background:#ffffff14}
.rxprobs{width:100%;padding:10px 12px;border-radius:12px;background:#ff6b5a24;color:#ffd1c9;font-size:13.5px;line-height:1.5}

/* ---- not switched on ---- */
.rxup{padding:34px 34px}
.rxuphd{display:flex;align-items:center;gap:30px}
.rxuphd h1{font-size:40px;margin:8px 0}
.rxuphd p{margin:0;font-size:16px;line-height:1.55;color:#cfdaea;max-width:56ch}
.rxupnote{margin-top:12px!important;color:#c9ee8f!important;font-weight:600}

/* ---- the Settings panels the studio carries (What it knows, the fee book,
   the website): their hints and summaries at the studio's own sizes ---- */
.rx .hint{font-size:12.5px!important;line-height:1.5!important;color:var(--ink-3)!important}
.rx .allocsum{font-size:14px;line-height:1.5;color:var(--ink-2)}
.rx .rxcard .flabel{font-size:13.5px}
.rxspk.on .rxspkpick{padding-right:88px}
.rxwho .rxnames{margin-bottom:6px}

/* ---- the website, and the real widget in a browser frame ---- */
.rx input[type=color]{display:block;width:100%;height:46px;padding:5px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer}
.rx input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.rx input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}
.rxgrid2c.webs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rxbrowser{padding:0;overflow:hidden;position:sticky;top:16px}
.rxbrowserbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.rxbrowserbar i{width:11px;height:11px;border-radius:50%;background:#ff6159}
.rxbrowserbar i:nth-child(2){background:#ffbd2e}.rxbrowserbar i:nth-child(3){background:#28c941}
.rxbrowserbar span{flex:1;margin-left:10px;padding:6px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rxbrowserbody{padding:16px 18px 20px;background:linear-gradient(180deg,var(--surface) 0,var(--surface-2) 100%)}
.rxbrowserbody .rxhint{margin:0 0 12px}
.rxbrowserbody #asstPv{max-width:440px;margin:0 auto}


/* ---- dark: the few things a token does not carry ---- */
:root[data-theme=dark] .rxtag.lime{background:#8dd11d24;color:#c9ee8f}
:root[data-theme=dark] .rxfilt button.on,:root[data-theme=dark] .rxname.on{background:#24496f;border-color:#24496f}
@media(prefers-color-scheme:dark){
  :root:not([data-theme=light]) .rxtag.lime{background:#8dd11d24;color:#c9ee8f}
  :root:not([data-theme=light]) .rxfilt button.on,:root:not([data-theme=light]) .rxname.on{background:#24496f;border-color:#24496f}
}

/* ---- narrower screens ---- */
@media(max-width:1180px){
  .rxgrid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rxpres{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rxorbs{grid-column:1/-1}
  .rxfacegrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1019px){
  .rx{padding:14px 14px 96px}
  .rxgrid2a,.rxgrid2b,.rxgrid2c,.rxgrid2c.conv,.rxgrid2c.webs,.rxivgrid,.rxgrid2d{grid-template-columns:minmax(0,1fr)}
  .rxbrowser{position:static}
  .rxstagehd{grid-template-columns:auto minmax(0,1fr)}
  .rxacts{grid-column:1/-1;justify-content:flex-start}
  .rxstage h1{font-size:30px}
  .rxcallstage{min-height:560px}
}
@media(max-width:640px){
  .rx{gap:12px}
  .rxcard{padding:16px;border-radius:18px}
  .rxstage{padding:18px 16px 0;border-radius:22px}
  .rxstageorb{--sz:72px}
  .rxstagehd{gap:14px}
  .rxstage h1{font-size:26px}
  .rxstage.compact .rxstagehd{grid-template-columns:auto minmax(0,1fr)}
  .rxstage.compact .rxchips{grid-column:1/-1}
  .rxstage.compact h1{font-size:20px}
  .rxacts .rxb{flex:1;min-height:44px;padding:0 12px;font-size:14px}
  .rxchips{gap:6px}
  .rxnums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rxgrid4,.rxuses,.rxspks,.rxtopics,.rxchecks,.rxlookgrid,.rxrow2{grid-template-columns:minmax(0,1fr)}
  .rxfacegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .rxpres{grid-template-columns:minmax(0,1fr)}
  .rxorbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rxorbpick img{width:40px;height:40px}
  .rxown{flex-wrap:wrap}
  .rxinline{flex-wrap:wrap}
  .rxinline .rxb{flex:1}
  .rxcallstage{padding:16px 14px 20px;min-height:0}
  .rxcalltop .rxseg{margin-left:0}
  .rxcallctl.round{gap:10px}
  .rxround{min-width:56px}
  .rxround>span{width:52px;height:52px}
  .rxcallline{font-size:16px}
  .rxmsg{max-width:96%}
  .rxuphd{flex-direction:column;align-items:flex-start;gap:18px}
  .rxuphd h1{font-size:30px}
  .rxup{padding:22px 18px}
  .rxsavetx{min-width:0;flex-basis:100%}
  .rxsavebar .rxb.lime{flex:1}
  .rxseg.big{display:flex;width:100%;overflow-x:auto}
  .rxivbar .rxseg button{flex:none}
}
@media(prefers-reduced-motion:reduce){
  .rxhalo{animation:none}
  .rxcallorb{transition:none;transform:none!important}
  .rxcallorb[data-state=listening]::after,.rxspk.playing .rxwave i,.rxmsg.typing p i,.rxdraft p i,.rxmic.rec{animation:none}
  .rxcallorb[data-state=thinking] .rxorb video{animation:none}
  .rxfacepick img,.rxtile{transition:none}
}

/* ---- v2.36: the upgrade page (rxMarket) ----
   The same night stage as the studio for the promise, then the page ground
   for the facts. The three figures are the loudest thing after the headline,
   and each one carries its source at the foot of the page. */
.mkhero{padding:34px 34px 34px}
.mkherogrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:center}
.mkherotx h1{font-size:44px;line-height:1.06;margin:12px 0 14px;display:block;text-wrap:balance}
.mkherotx>p{margin:0;font-size:17px;line-height:1.55;color:#cfdaea;max-width:52ch}
.mkprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:22px 0 16px}
.mkprice b{font-family:var(--display);font-size:34px;font-weight:700;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mkprice span{color:var(--rxsoft);font-size:15px}
.mkprice em{font-style:normal;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;background:#9bd40c26;color:#c9ee8f}
.mkacts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mknote{margin:10px 0 0!important;font-size:13px!important;color:var(--rxsoft)!important;line-height:1.5}
.mkcard .mknote,.mkbillacts .mknote{color:var(--ink-3)!important}
.mknote.err{color:#ffb4a8!important}
.mkfaces{display:flex;align-items:center;margin-top:22px}
.mkfaces img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--rxnavy);margin-left:-8px;background:#ffffff14}
.mkfaces img:first-child{margin-left:0}
.mkfaces span{margin-left:12px;font-size:13px;color:var(--rxsoft)}
.mkheroside{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}
.mkorb{--sz:190px;margin-bottom:-36px;z-index:0}
.mkdemo{position:relative;z-index:1;width:100%;max-width:380px;background:#0d1f38f2;border:1px solid var(--rxline);border-radius:20px;padding:14px;box-shadow:0 24px 60px #0008}
.mkdemohd{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--rxline)}
.mkdemohd img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.mkdemohd span{display:flex;flex-direction:column;line-height:1.2}
.mkdemohd b{color:#fff;font-size:14px}
.mkdemohd small{color:var(--rxsoft);font-size:12px}
.mkonline{margin-left:auto;font-style:normal;font-size:12px;color:#c9ee8f;display:inline-flex;align-items:center;gap:6px}
.mkonline i{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.mkdemobody{display:flex;flex-direction:column;gap:8px;padding-top:12px}
.mkdemobody p{margin:0;font-size:13.5px;line-height:1.45;padding:9px 12px;border-radius:14px;max-width:88%}
.mkme{align-self:flex-end;background:#ffffff1a;color:#eef4fb;border-bottom-right-radius:4px}
.mkher{align-self:flex-start;background:#eef4fb;color:#0b1b30;border-bottom-left-radius:4px}
.mkchips{display:flex;gap:6px;flex-wrap:wrap}
.mkchips span{font-size:12px;font-weight:650;padding:6px 10px;border-radius:999px;border:1px solid #9bd40c80;color:#c9ee8f}
.mkevent{align-self:center;display:inline-flex!important;align-items:center;gap:6px;font-size:12px!important;color:var(--rxsoft);background:transparent!important;padding:4px 0!important}
.mkdemolab{display:block;margin-top:8px;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7f93ad}

.mkstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mkstat{background:var(--surface);border:1px solid var(--card-line);border-radius:22px;padding:22px 22px 20px;min-width:0}
.mkstat b{display:block;font-family:var(--display);font-size:46px;line-height:1;font-weight:700;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.mkstat p{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-2);max-width:40ch}
.mkstat sup a{color:var(--ink-3);text-decoration:none;font-weight:700;margin-left:2px}
.mkstat sup a:hover,.mkstat sup a:focus-visible{color:var(--ink);text-decoration:underline}

.mkcols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start}
.mkside{display:flex;flex-direction:column;gap:16px;min-width:0}
.mkfeats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;margin-top:6px}
.mkfeat{min-width:0}
.mkfeat h3{margin:10px 0 4px;font-size:15px;line-height:1.3;color:var(--ink)}
.mkfeat p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.mksteps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:mk}
.mksteps li{display:flex;gap:12px;align-items:flex-start}
.mkstepic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:var(--lime-soft);color:var(--lime-ink)}
.mksteps h3{margin:2px 0 2px;font-size:14.5px;color:var(--ink)}
.mksteps p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink-3)}
.mkincl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.mkincl li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--ink-2)}
.mkincl li svg{flex:none;margin-top:2px;color:var(--lime-ink)}
.mkinclprice{display:flex;align-items:baseline;gap:8px;margin:18px 0 12px;padding-top:16px;border-top:1px solid var(--line)}
.mkinclprice b{font-family:var(--display);font-size:30px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.mkinclprice span{font-size:14px;color:var(--ink-3)}
.mkbuy .rxb.ghost2{flex:1 1 auto}
.mkconfirm{margin-top:4px;padding:14px;border-radius:16px;border:1px solid #9bd40c66;background:#9bd40c14}
.mkconfirm p{margin:0 0 12px;font-size:14px;line-height:1.5;color:inherit}
.mkhero .mkconfirm p{color:#eef4fb}
.mkfaq{display:flex;flex-direction:column}
.mkfaq details{border-top:1px solid var(--line)}
.mkfaq details:first-child{border-top:0}
.mkfaq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;cursor:pointer;font-weight:650;font-size:15px;color:var(--ink)}
.mkfaq summary::-webkit-details-marker{display:none}
.mkfaq summary svg{flex:none;color:var(--ink-3);transition:transform .15s}
.mkfaq details[open] summary svg{transform:rotate(90deg)}
.mkfaq summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:8px}
.mkfaq p{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--ink-3);max-width:75ch}
.mksrc p{margin:0;font-size:12px;line-height:1.6;color:var(--ink-3);max-width:110ch}

/* The four steps on top of the studio, once she is switched on. */
.mkwelcome{position:relative}
.mkwelcomehd{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.mkwelcomehd>div{flex:1 1 320px;min-width:0}
.mkwelcomehd h2{margin:0 0 4px;font-family:var(--display);font-size:22px;line-height:1.2;font-weight:700;color:#fff;letter-spacing:-.02em}
.mkwelcomehd p{margin:0;font-size:14px}
.mkx{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--rxline);background:transparent;color:var(--rxsoft);cursor:pointer}
.mkx:hover{color:#fff;border-color:#ffffff40}
.mkwsteps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mkwsteps button{width:100%;height:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;font:inherit;padding:14px;border-radius:16px;border:1px solid var(--rxline);background:#ffffff08;color:#eef4fb;cursor:pointer}
.mkwsteps button:hover{background:#ffffff12;border-color:#ffffff2e}
.mkwsteps button>svg{margin-left:auto;flex:none;color:var(--rxsoft)}
.mkwn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#14280b;font-weight:800;font-size:13px}
.mkwsteps b{display:block;font-size:14px;line-height:1.3;color:#fff}
.mkwsteps small{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--rxsoft)}

/* In Billing. */
.mkbillrow .n{display:flex;align-items:center;gap:8px}
.mkbillacts{flex-wrap:wrap;gap:8px}
.mkbillacts .mkacts{width:100%}
.mkinline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}

@media(max-width:1180px){
  .mkfeats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mkwsteps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1019px){
  .mkherogrid{grid-template-columns:minmax(0,1fr)}
  .mkcols{grid-template-columns:minmax(0,1fr)}
  .mkherotx h1{font-size:36px}
}
@media(max-width:640px){
  .mkhero{padding:22px 18px}
  .mkherotx h1{font-size:30px}
  .mkstats{grid-template-columns:minmax(0,1fr)}
  .mkstat b{font-size:38px}
  .mkfeats{grid-template-columns:minmax(0,1fr)}
  .mkwsteps{grid-template-columns:minmax(0,1fr)}
  .mkacts .rxb{flex:1 1 100%}
  .mkorb{--sz:150px}
}
@media(prefers-reduced-motion:reduce){.mkfaq summary svg{transition:none}}

/* ---- v2.37: her button, her window, when she pops up, and Tell her ----
   The two cards on On your website are fields in a two-column grid; the
   preview is a pretend page of grey blocks with the real widget sitting in
   its corner (mounted with opts.contain, so it is absolute to the page, not
   fixed to the screen). The pretend page is always light: it stands for the
   agency's website, not for LeadGlue's theme. */
.rxflds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.rxfld{display:flex;flex-direction:column;gap:6px;min-width:0}
.rxfld>label{font-size:13px;font-weight:650;color:var(--ink-2);line-height:1.3}
.rxfld select,.rxfld input,.rxfld textarea{width:100%;min-height:42px;border-radius:12px}
.rxfld textarea{min-height:84px;resize:vertical;line-height:1.45;padding:10px 12px;font:inherit;font-size:14px}
.rxfld.wide{margin-top:12px}
.rxflds+.rxhint{margin-top:10px}
.rxnumin{display:flex;align-items:center;gap:8px;min-width:0}
.rxnumin input{flex:1 1 auto;min-width:0;font-variant-numeric:tabular-nums}
.rxnumin em{flex:none;font-style:normal;font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.rxlab2{margin:20px 0 10px;padding-top:16px;border-top:1px solid var(--line);font-size:11.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.rxlab2+.rxhint{margin:-4px 0 10px}
.rxpop .rxrow{margin-top:6px;border-top:0;padding:10px 0 0}
.rxpms{display:flex;flex-direction:column;gap:8px}
.rxpms:empty{display:none}
.rxpm{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr) auto;gap:8px;align-items:center}
.rxpm input{width:100%;min-height:40px;border-radius:10px}
.rxpm input:first-child{font-family:var(--mono,ui-monospace,monospace);font-size:13px}
.rxpms+.rxb{margin-top:10px}
.rxpop>.rxb.ghost2{margin-top:10px}

.rxbrowser2 .rxbrowserbar span{font-size:12px}
.rxpvbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.rxpvbar label{flex:none;font-size:13px;font-weight:650;color:var(--ink-2)}
.rxpvbar input{flex:1 1 auto;min-width:0;min-height:38px;border-radius:10px;font-family:var(--mono,ui-monospace,monospace);font-size:13px}
.rxpvbar .rxb{flex:none;min-height:38px}
.rxpvsay{margin:0;padding:10px 16px;font-size:13.5px;line-height:1.5;color:var(--ink-2);background:var(--surface-2);border-bottom:1px solid var(--line)}
.rxfakepage{position:relative;height:640px;overflow:hidden;background:#f6f7f9;isolation:isolate}
.rxfp{position:absolute;inset:0;padding:18px 22px;display:flex;flex-direction:column;gap:18px;pointer-events:none}
.rxfpnav{display:flex;align-items:center;gap:12px}
.rxfpnav b{width:84px;height:18px;border-radius:6px;background:#cfd6df}
.rxfpnav i{width:46px;height:9px;border-radius:5px;background:#dde2e8}
.rxfpnav i:first-of-type{margin-left:auto}
.rxfphero{display:flex;flex-direction:column;gap:10px;padding:26px 22px;border-radius:16px;background:linear-gradient(135deg,#e6eaef,#dfe5ec)}
.rxfphero span{display:block;height:16px;width:72%;border-radius:6px;background:#c9d1db}
.rxfphero span+span{width:54%;height:12px;background:#d3dae2}
.rxfphero span.s{width:120px;height:32px;border-radius:10px;margin-top:6px;background:#bfc8d3}
.rxfpcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rxfpcards i{height:96px;border-radius:12px;background:#e3e7ec}
.rxfptext{display:flex;flex-direction:column;gap:9px}
.rxfptext i{height:9px;border-radius:5px;background:#e1e5ea}
.rxfptext i:nth-child(2){width:92%}.rxfptext i:nth-child(3){width:84%}.rxfptext i:nth-child(4){width:60%}

/* Tell her: a card that opens under the stage, and her memory on Knowledge. */
.rxtell{border-color:color-mix(in srgb,var(--lime) 55%,var(--card-line));box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 14%,transparent)}
.rxtellhd{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.rxtellhd .rxtileic{flex:none;background:var(--lime-soft);color:var(--lime-ink)}
.rxtellhd h2{margin:0;font-family:var(--display);font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.rxtellhd p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-3);max-width:70ch}
.rxtell textarea{width:100%;min-height:96px;padding:12px 14px;border-radius:14px;font:inherit;font-size:15px;line-height:1.5;resize:vertical}
.rxtellbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.rxtellbar .sub{width:auto;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;font-weight:650;cursor:pointer}
.rxtellbar .sub:hover{border-color:var(--ink-4)}
.rxtellbar .rxhint{margin:0}
.rxtelleg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.rxtelleg small{flex-basis:100%;font-size:12px;font-weight:650;color:var(--ink-3)}
.rxchipbtn{border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer;max-width:100%}
.rxchipbtn:hover{border-color:var(--ink-4);color:var(--ink)}
.rxchipbtn:focus-visible,.rxtellbar .sub:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

.rxmems{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rxmemrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.rxmemrow:first-child{border-top:0;padding-top:2px}
.rxmemsw{position:relative;display:inline-flex;margin-top:1px;cursor:pointer}
.rxmemsw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.rxmemsw span{display:block;width:40px;height:24px;border-radius:999px;background:var(--line-2);position:relative;transition:background .15s}
.rxmemsw span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .15s,background .15s}
.rxmemsw input:checked+span{background:var(--rail-bg)}
.rxmemsw input:checked+span::after{left:19px;background:var(--lime)}
.rxmemsw input:focus-visible+span{outline:2px solid var(--lime);outline-offset:2px}
.rxmemtx p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.rxmemtx small{display:block;margin-top:3px;font-size:12px;color:var(--ink-3)}
.rxmemrow.off .rxmemtx p{color:var(--ink-3)}
.rxmemask{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-2);white-space:nowrap}
:root[data-theme=dark] .rxmemsw input:checked+span{background:#24496f}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rxmemsw input:checked+span{background:#24496f}}

@media(max-width:1019px){
  .rxfakepage{height:600px}
}
@media(max-width:640px){
  .rxflds{grid-template-columns:minmax(0,1fr)}
  .rxpm{grid-template-columns:minmax(0,1fr) auto}
  .rxpm input:nth-child(2){grid-column:1/-1;grid-row:2}
  .rxpvbar{flex-wrap:wrap}
  .rxpvbar input{flex-basis:140px}
  .rxpvbar .rxb{flex:1 1 100%}
  .rxfakepage{height:560px}
  .rxfpcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rxfpcards i:nth-child(3){display:none}
  .rxmemrow{grid-template-columns:auto minmax(0,1fr)}
  .rxmemrow>.rxb,.rxmemrow>.rxmemask{grid-column:2;justify-self:start}
}
@media(prefers-reduced-motion:reduce){.rxmemsw span,.rxmemsw span::after{transition:none}}

/* v2.39.1: the one card a phone gets if it lands on the Receptionist tab. */
.rxdesknote{max-width:560px;margin:24px auto;padding:0 16px}
.rxdesknote .rxcard{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.rxdesknote h2{margin:4px 0 0;font-family:var(--display);font-size:20px;line-height:1.3;font-weight:700;color:var(--ink);text-wrap:balance}
.rxdesknote p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.rxdesknote .rxrowbtns{margin-top:6px}

/* v2.40: Fees, her steps for a sample landlord. */
.rxgrid2c.fees{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rxladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.rxladder li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:2px 14px;padding:12px 0;border-top:1px solid var(--line)}
.rxladder li:first-child{border-top:0;padding-top:2px}
.rxladder b{grid-row:span 2;font-size:13px;font-weight:750;color:var(--ink);padding-top:1px}
.rxladder span{font-size:14px;line-height:1.5;color:var(--ink-2)}
.rxladder small{font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.rxextras .rxpm{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto}
.rxextras .rxpm input:first-child{font-family:inherit;font-size:14px}
@media(max-width:1019px){.rxgrid2c.fees{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.rxladder li{grid-template-columns:minmax(0,1fr)}.rxladder b{grid-row:auto}}