@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/plex-arabic-400-v15.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/plex-arabic-600-v15.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* Hallmark · macrostructure: Workbench (conversation application) · genre: modern-minimal · theme: existing Omnexa v2 · nav: N9 · footer: Ft2 · enrichment: supplied roster assets · motion: none
 * Pre-emit critique: Philosophy 4 · Hierarchy 5 · Execution 4 · Specificity 5 · Restraint 5 · Variety 4 */
@font-face{font-family:'Figtree';src:url('assets/figtree-latin.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);font-size:var(--text-body);line-height:1.55;min-height:100svh;display:flex;flex-direction:column}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button:hover{color:var(--color-accent)}button:active{color:var(--color-pressed)}button:disabled{cursor:not-allowed;opacity:.45}button,a{white-space:nowrap}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{font-style:normal;min-width:0;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip{position:fixed;top:8px;left:8px;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;background:var(--color-paper);z-index:10}.skip:focus{width:auto;height:auto;clip-path:none;padding:12px}
header{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;padding:0;font-size:32px;letter-spacing:-1.8px;font-weight:700;min-height:44px}.brand img{width:32px;height:32px}.brand-period{color:var(--color-accent)}.header-actions{display:flex;align-items:center;gap:24px}.header-actions button{font-size:14px;min-height:44px;min-width:44px}.preview{display:none;font-size:var(--text-small);color:var(--color-muted)}main{width:100%;flex:1}.welcome{text-align:center;padding:42px 20px 28px}.intro{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--color-muted);font-size:var(--text-small);margin-bottom:20px}.intro-line{height:1px;width:24px;background:var(--color-accent)}h1{font-family:var(--font-display);font-size:var(--text-display);line-height:1.03;letter-spacing:-.055em;font-weight:600}h1 br{display:block}.lede{font-size:var(--text-body);color:var(--color-muted);margin:22px auto 0;line-height:1.65}.workspace{max-width:768px;padding-inline:20px;margin:auto}.composer{border:1px solid var(--color-rule);border-radius:var(--radius-panel);padding:20px 20px 14px;box-shadow:0 5px 28px var(--color-shadow);background:var(--color-paper)}.composer:focus-within{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:3px}textarea{display:block;width:100%;resize:vertical;border:0;background:none;color:var(--color-ink);font-size:16px;min-height:66px;max-height:190px;padding:0;line-height:1.6}textarea::placeholder{color:var(--color-muted);opacity:1}textarea:focus-visible{outline:0}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.composer-brand{display:flex;align-items:center;gap:8px;font-size:var(--text-small);color:var(--color-muted)}#send{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;background:var(--color-accent);color:var(--color-paper);flex-shrink:0}#send:hover{background:var(--color-pressed)}#send svg{width:24px;height:24px}#send:disabled{background:var(--color-ink)}.suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.suggestions button{font-size:var(--text-small);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:10px 15px;min-height:44px;background:var(--color-paper)}.suggestions button:hover{background:var(--color-cloud);border-color:var(--color-muted)}.mode-line{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;min-height:44px;color:var(--color-muted);font-size:12px}.mode-line button{font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:44px}.team{max-width:820px;margin:52px auto 0;padding:0 24px 42px;text-align:center}.team-caption h2{font-size:14px;font-weight:600}.team-caption p{font-size:var(--text-small);color:var(--color-muted);margin-top:4px}.roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;margin-top:24px}.agent{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;white-space:normal;font-size:var(--text-small)}.agent img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 25%;background:var(--color-cloud)}.agent span{font-size:11px;color:var(--color-muted);white-space:nowrap}.agent strong{font-weight:600;line-height:1}.agent:hover img{outline:2px solid var(--color-accent);outline-offset:3px}footer{margin:0 24px;padding:22px 0;border-top:1px solid var(--color-rule);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--color-muted);text-align:center}footer>div{display:flex;align-items:center;gap:22px}footer button,footer a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;padding:0;color:var(--color-muted)}.conversation{max-width:768px;margin:26px auto 24px;padding:0 20px}.conversation-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-rule);padding-bottom:12px;font-size:var(--text-small);color:var(--color-muted)}.conversation-head button{min-height:44px;font-size:var(--text-small)}#messages{padding-top:16px}.message{margin:24px 0;overflow-wrap:anywhere}.message-label{font-size:12px;font-weight:600;color:var(--color-muted);display:flex;gap:8px;align-items:center;margin-bottom:12px}.message-label img{width:22px;height:22px}.message.user{background:var(--color-cloud);padding:16px 20px;border-radius:18px;margin-inline-start:40px}.message.user p{white-space:pre-wrap}.message.assistant p{white-space:pre-wrap;line-height:1.75}.message-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.message-links a{font-size:13px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--color-rule)}.message .followup{font-weight:600;margin-top:20px}.chat-active .team{display:none}.chat-active .workspace{margin-bottom:48px}.chat-active .mode-line{justify-content:flex-start}.chat-active header{border-bottom:1px solid var(--color-rule)}#error{color:var(--color-error);font-size:14px;margin:16px 0}dialog{border:1px solid var(--color-rule);border-radius:24px;background:var(--color-paper);color:var(--color-ink);max-width:520px;width:calc(100% - 32px);padding:28px;box-shadow:0 20px 90px var(--color-shadow)}dialog::backdrop{background:var(--color-ink);opacity:.3}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.dialog-head h2{font-size:22px;letter-spacing:-.03em}.dialog-head button{font-size:28px;width:44px;height:44px}dialog p{color:var(--color-muted);white-space:pre-line}dialog a{display:inline-block;margin-top:24px;min-height:44px}.no-script{padding:24px;text-align:center}[dir=rtl],[dir=rtl] body{font-family:var(--font-arabic)}[dir=rtl] h1{letter-spacing:0;line-height:1.4}[dir=rtl] .brand{direction:ltr;font-family:var(--font-body)}[dir=rtl] textarea{font-family:var(--font-arabic)}
@media(min-width:40rem){header{padding:28px 48px}.preview{display:block}.welcome{padding-top:48px;padding-bottom:32px}.intro{font-size:14px;margin-bottom:24px}.lede{font-size:var(--text-lede)}.roster{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:640px;margin:24px auto 0}.team{margin-top:46px;padding-bottom:40px}.agent img{width:60px;height:60px}.agent strong{font-size:14px}.agent span{font-size:12px}footer{margin:0 48px;flex-direction:row;justify-content:space-between;text-align:start}.conversation{margin-top:40px}}
@media(min-width:75rem){header{padding-inline:64px}.welcome{padding-top:44px}.team{margin-top:44px}footer{margin-inline:64px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Host revision: owner-approved portrait-led welcome; all prior route and chat styles preserved. */
.host-portrait{height:228px;width:min(100%,400px);margin:0 auto;overflow:clip;position:relative;isolation:isolate;mask-image:linear-gradient(to bottom,var(--color-ink) 88%,transparent 100%)}
.host-portrait img{display:block;width:100%;height:auto;position:absolute;inset-block-start:-4px;inset-inline-start:0}
.welcome{padding:8px 20px 20px}.welcome .intro{margin:12px 0 8px;font-size:12px}.welcome .intro-line{display:none}
.welcome h1{font-size:clamp(2rem,4.2vw,3rem);letter-spacing:-.04em;line-height:1.12;font-weight:600}
.welcome .lede{font-size:14px;max-width:42ch;margin-top:12px}
.voice-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
.voice-controls button{font-size:13px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;border-radius:var(--radius-pill);border:1px solid var(--color-rule)}
.voice-controls button:hover{background:var(--color-cloud)}.voice-controls svg{width:18px;height:18px;flex-shrink:0}
#voice-start[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}
#voice-stop{color:var(--color-error)}.voice-note,.voice-status{text-align:center;color:var(--color-muted);font-size:11px;margin-top:4px}.voice-status{font-size:12px;min-height:20px;margin-top:0}
.voice-status:empty{min-height:0;margin:0}.suggestions{margin-top:16px}.team{margin-top:32px}
.host-identity{display:flex;align-items:center;gap:12px}.host-thumb{width:48px;height:48px;position:relative;overflow:clip;border-radius:50%;background:var(--color-cloud)}
.host-thumb img{position:absolute;width:80px;height:120px;max-width:none;inset-inline-start:-16px;inset-block-start:-1px}
.message-label img.reply-host{width:32px;height:32px;object-fit:cover;object-position:50% 5%;border-radius:50%;background:var(--color-cloud)}
.chat-active .voice-controls{justify-content:flex-start}.chat-active .voice-note,.chat-active .voice-status{text-align:start}
[dir=rtl] .welcome h1{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.5}
@media(min-width:40rem){header{padding-block:20px}.welcome{padding-top:0;padding-bottom:20px}.host-portrait{height:272px;width:410px}.welcome .intro{margin-top:12px}.welcome .lede{font-size:16px;max-width:60ch}.composer{padding-top:16px}.composer textarea{min-height:54px}.team{margin-top:28px}}
@media(min-width:75rem){.host-portrait{height:280px;width:420px}}