@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{color-scheme:light;--purple:#71369d;--purple-dark:#59247f;--green:#85c83d;--ink:#222337;--muted:#92909f;--line:#e9e5ed;--soft:#f4f0f8;--red:#b64f5b}
*{box-sizing:border-box}body{margin:0;font:14px/1.95 Vazirmatn,sans-serif;color:var(--ink);background:#d5dcf7;min-height:100dvh;display:grid;place-items:center;padding:24px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a7d975;outline-offset:3px}[hidden]{display:none!important}svg{display:block}h1,h2,p{margin:0}h2:focus{outline:none}
.chat-shell{width:min(520px,100%);height:min(850px,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden;background:#faf9fc;border:1px solid #e7e5ef;border-radius:26px;box-shadow:0 22px 60px #4d497122}
.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:#fcfbfd;flex:none;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid var(--line)}.brand strong{font-size:16px}.brand small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;margin-top:1px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.header-tools{display:flex;gap:3px}.icon-button{display:grid;place-items:center;width:34px;height:36px;border:0;background:transparent;border-radius:10px;color:#858091;padding:7px}.icon-button svg{width:21px;height:21px}.icon-button:hover{background:var(--soft);color:var(--purple)}
.context-chips{padding:9px 18px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:#fcfbfd;flex:none}.context-chips span{font-size:10px;padding:2px 8px;border:1px solid #ece5f1;border-radius:20px;color:#786786;background:#f7f3fa}
.conversation-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 16px;background:#f7f5fa url('/chat-pattern.svg') repeat;background-size:280px;scrollbar-width:thin;scrollbar-color:#d4ccdf transparent}.welcome-message,.question-heading{display:flex;align-items:flex-start;gap:9px}.assistant-avatar{width:30px;height:30px;flex:none;background:#fff;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin-top:3px}.assistant-avatar img{width:22px;height:22px}.message-bubble,.question-heading>div{background:#fdfcfe;border:1px solid #e4dfea;border-radius:16px 4px 16px 16px;padding:14px 16px;min-width:0;flex:1;box-shadow:0 2px 3px #573d7410}.welcome h1{font-size:16px;font-weight:700;margin-bottom:5px}.welcome p{font-size:13px;color:#666273}.welcome>.primary-button{margin:18px 39px 0 0}.question-heading h2{font-size:15px;font-weight:700;line-height:1.95}.question-heading p{font-size:12px;color:#7f7888;margin-top:6px}
.primary-button,.secondary-button{border:1px solid #dacbe5;border-radius:12px;min-height:42px;padding:9px 16px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none}.primary-button{background:var(--purple);border-color:var(--purple);color:white;font-weight:700}.primary-button:hover{background:var(--purple-dark)}.secondary-button{background:#fdfcfe;color:var(--purple)}.secondary-button:hover{background:var(--soft)}.option-list{display:flex;flex-direction:column;gap:8px;margin:12px 39px 0 0}.option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:1px solid #ded4e8;border-radius:12px;padding:10px 13px;background:#fcfbfe;color:#5f4475;font-size:12px;line-height:1.85;text-align:right}.option-button>span:first-child{min-width:0}.option-button:hover{background:#f1eaf8;border-color:#bda2d0}.option-button.selected{background:#eee4f7;border-color:#9264b1;color:var(--purple-dark)}.option-arrow{font-size:16px;color:#aa8dc0;flex:none}.choice-mark{width:17px;height:17px;border:1px solid #d6c9e1;border-radius:5px;display:grid;place-items:center;flex:none;font-size:12px;line-height:1;color:var(--purple)}.selected .choice-mark{background:var(--purple);border-color:var(--purple);color:#fff}.unknown-option{color:#aaa0b3;border-style:dashed}.selection-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 39px 0 0}.selection-actions .primary-button{gap:6px}.selection-actions button{font-size:11px}
.outcome-card{background:#fdfcfe;border:1px solid #e4dfea;border-radius:16px 4px 16px 16px;padding:16px 18px;box-shadow:0 2px 3px #573d7410}.outcome-card h2{font-size:16px;margin-bottom:10px;line-height:1.9}.outcome-card p{font-size:13px;line-height:2.1}.outcome-card ul{padding-right:18px;margin:12px 0 0;font-size:12px;line-height:2}.outcome-card li+li{margin-top:8px}.outcome-card[data-action=emergency],.outcome-card[data-action=urgent_review]{border-color:#ead3d7}.outcome-card[data-action=emergency] h2,.outcome-card[data-action=urgent_review] h2{color:#a94e59}.outcome-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.contact-details{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.contact-details p{font-size:12px}.contact-details a{margin-top:10px}
.chat-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 18px;background:#fcfbfd;border-top:1px solid var(--line);flex:none;min-height:42px}.text-button{border:0;border-radius:8px;background:transparent;color:#9986a9;font-size:10px;padding:5px 6px}.text-button:hover{background:var(--soft);color:var(--purple)}.topic-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:9px 12px 10px;background:#fcfbfd;border-top:1px solid var(--line);flex:none}.topic-nav button{display:flex;align-items:center;flex-direction:column;gap:3px;border:0;border-radius:12px;background:transparent;color:#9990a4;padding:6px;font-size:10px;min-height:50px}.topic-nav svg{width:23px;height:23px}.topic-nav button.active{color:var(--purple);background:#f0e7f7}.topic-nav button:hover:not(:disabled){color:var(--purple)}
.confirm-dialog{width:min(380px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);background:#fdfcfe;font-family:Vazirmatn}.confirm-dialog::backdrop{background:#39324666;backdrop-filter:blur(3px)}.confirm-dialog h2{font-size:17px}.confirm-dialog p{font-size:12px;color:#8c8197;margin-top:6px}.confirm-dialog>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}#load-error{background:white;padding:18px;border:1px solid var(--line);border-radius:14px}#load-error h2{font-size:16px}#load-error p{font-size:12px;color:var(--muted)}
.word-reveal-pending{visibility:hidden}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.word-reveal-layout{display:inline-grid;max-width:100%;min-width:0;vertical-align:top}.word-reveal,.word-reveal-reserve{grid-area:1/1;white-space:pre-wrap}.word-reveal-reserve{visibility:hidden}.word-fade{animation:word-fade-in 140ms ease-out both}@keyframes word-fade-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.word-fade{animation:none}}
@media(max-width:600px){body{padding:0}.chat-shell{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.chat-header{padding:15px 16px}.conversation-scroll{padding:18px 12px}.brand strong{font-size:15px}.context-chips{padding:8px 14px}.option-list,.selection-actions{margin-right:0}.welcome>.primary-button{margin-right:39px}.option-button{min-height:46px}.chat-controls{padding:9px 14px}.outcome-card{padding:15px}.topic-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))}}

.specialist-chat{margin-top:20px;padding:16px;background:#fdfcfe;border:1px solid #e4dfea;border-radius:16px}.specialist-chat h3{font-size:14px;margin:0 0 5px}.specialist-note,.specialist-status{font-size:11px;color:#7f7888}.specialist-alert{font-size:12px;color:var(--red);margin-top:8px}.specialist-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.specialist-form label{font-size:12px}.specialist-form textarea{font:inherit;width:100%;resize:vertical;min-height:85px;max-height:220px;padding:10px 12px;background:#faf8fc;border:1px solid #ded4e8;border-radius:12px;color:var(--ink)}.specialist-form textarea:focus-visible{outline:2px solid #b794d0;outline-offset:2px}.specialist-form button{align-self:flex-end}.specialist-turns{display:flex;flex-direction:column;gap:10px;margin-top:12px}.specialist-question{align-self:flex-end;background:#f0f5eb;border:1px solid #e4e9df;border-radius:4px 14px 14px 14px;padding:9px 12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.specialist-answer{background:#f4eff9;padding:12px;border-radius:14px 4px 14px 14px;overflow-wrap:anywhere}.specialist-answer small{color:var(--purple);font-size:10px}.specialist-answer p{white-space:pre-wrap;font-size:13px;line-height:2.1;margin-top:5px}

.specialist-chat h2{font-size:16px;line-height:1.9;margin:0 0 8px}
.specialist-status:empty{display:none}.specialist-thinking{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:12px;background:#f4eff9;color:var(--purple);font-size:12px}.specialist-spinner{width:19px;height:19px;flex:none;border:2px solid #ddd0e9;border-top-color:var(--purple);border-radius:50%;animation:specialist-spin .8s linear infinite}@keyframes specialist-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.specialist-spinner{animation:none}}
.control-fade{animation:word-fade-in 140ms ease-out both}.reveal-input{position:relative}.reveal-input textarea{display:block}.input-placeholder{position:absolute;inset-block-start:10px;inset-inline:12px;pointer-events:none;color:#7f7888;font-size:13px}.reveal-input:has(textarea:focus) .input-placeholder,.reveal-input:has(textarea:not(:placeholder-shown)) .input-placeholder{visibility:hidden}@media(prefers-reduced-motion:reduce){.control-fade{animation:none}}
.brand-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.experimental-badge{font-size:9px;line-height:1.7;padding:2px 7px;border-radius:20px;color:#8a609f;background:#f0e8f6;border:1px solid #e2d3ec;white-space:nowrap}.specialist-chat{padding:0;border:0;background:transparent}.specialist-chat h2,.specialist-chat h3{font-size:13px;color:#746181;margin-bottom:6px}.specialist-note{font-size:10px;color:#92889d}.specialist-turns{gap:16px;margin-top:16px}.specialist-question{align-self:flex-end;max-width:85%;border-color:#dce7d2;background:#edf5e6;color:#3e5736;padding:10px 14px;box-shadow:0 2px 5px #354f3510}.specialist-question small{font-size:10px;color:#78916a}.specialist-question p{margin:3px 0 0;white-space:pre-wrap;font-size:13px}.specialist-answer{display:flex;align-self:flex-start;align-items:flex-start;gap:8px;width:100%;padding:0;background:transparent;border-radius:0}.specialist-answer .assistant-avatar{width:27px;height:27px;flex:none}.specialist-answer .assistant-avatar img{width:20px;height:20px}.chat-bubble{flex:1;min-width:0;padding:12px 14px;background:#fdfcfe;border:1px solid #e3daeb;border-radius:15px 4px 15px 15px;box-shadow:0 2px 5px #593c7110}.specialist-answer p{line-height:2}.specialist-thinking{width:fit-content;margin-inline-start:35px;border:1px solid #e8def0;background:#f5f0f9;border-radius:14px 4px 14px 14px}.specialist-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;margin-top:18px;padding:12px;background:#fdfcfe;border:1px solid #e4dfea;border-radius:16px;box-shadow:0 2px 5px #593c7110}.specialist-form label{grid-column:1/-1;color:#8a7c95;font-size:10px}.specialist-form textarea{min-height:70px;max-height:180px;padding:9px 10px;border-color:#eee7f3;background:#faf8fc;font-size:13px}.specialist-form button{align-self:end;min-height:40px;padding:8px 11px;font-size:11px}.specialist-form .input-placeholder{inset-inline:10px;inset-block-start:9px;font-size:12px}@media(max-width:380px){.brand strong{font-size:13px}.brand-title{gap:4px}.experimental-badge{font-size:8px;padding:1px 5px}.specialist-form{grid-template-columns:1fr}.specialist-form button{justify-self:end}}
