.diagnosis-page{min-height:100dvh;padding:24px max(14px,env(safe-area-inset-right))max(88px,env(safe-area-inset-bottom));color:#111827;background:#f3f5f7}.diagnosis-shell{width:min(100%,760px);margin:0 auto}.diagnosis-chat-heading{margin:0 0 14px}.diagnosis-chat-heading h1{color:#111827;letter-spacing:-.03em;margin:0;font-size:clamp(24px,5vw,36px);line-height:1.1}.diagnosis-kicker{color:#806900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.diagnosis-chat{background:#fff;border:1px solid #dde2e8;border-radius:20px;flex-direction:column;min-height:min(680px,100dvh - 180px);display:flex;overflow:hidden;box-shadow:0 14px 40px #0f172a12}.diagnosis-messages{flex-direction:column;flex:1;gap:18px;padding:22px;display:flex}.diagnosis-message{flex-direction:column;max-width:min(82%,570px);display:flex}.diagnosis-message--user{align-self:flex-end;align-items:flex-end}.diagnosis-message--bot{align-self:flex-start;align-items:flex-start}.diagnosis-message-author{color:#77818d;margin:0 8px 5px;font-size:11px;font-weight:750}.diagnosis-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:17px;padding:12px 15px;font-size:16px;line-height:1.48}.diagnosis-bubble--bot{color:#17202b;background:#eef1f4;border-bottom-left-radius:5px}.diagnosis-bubble--user{color:#fff;background:#111827;border-bottom-right-radius:5px}.diagnosis-bubble.is-pending{opacity:.68}.diagnosis-thinking{align-items:center;gap:4px;width:fit-content;display:inline-flex}.diagnosis-thinking span{background:#8b96a3;border-radius:50%;width:6px;height:6px;animation:1s infinite alternate diagnosis-pulse}.diagnosis-thinking span:nth-child(2){animation-delay:.15s}.diagnosis-thinking span:nth-child(3){animation-delay:.3s}.diagnosis-thinking em{color:#66717e;margin-left:6px;font-size:13px;font-style:normal}@keyframes diagnosis-pulse{to{opacity:.25;transform:translateY(-2px)}}.diagnosis-composer-wrap{z-index:5;padding:12px max(14px,env(safe-area-inset-right))max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e4e8ed;gap:9px;display:grid;position:sticky;bottom:0}.diagnosis-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;display:grid}.diagnosis-composer textarea{resize:none;color:#111827;width:100%;min-height:48px;max-height:132px;font:inherit;background:#fff;border:1px solid #cfd6de;border-radius:14px;outline:none;padding:12px 14px;font-size:16px;line-height:1.4}.diagnosis-composer textarea:focus{border-color:#ad8d00;box-shadow:0 0 0 3px #f5c40033}.diagnosis-composer button{color:#111827;min-width:82px;min-height:48px;font:inherit;cursor:pointer;background:#f5c400;border:0;border-radius:14px;padding:0 16px;font-weight:850}.diagnosis-composer button:disabled{cursor:not-allowed;opacity:.48}.diagnosis-quick-replies{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.diagnosis-quick-replies button{color:#26313d;min-height:38px;font:inherit;white-space:nowrap;background:#fff;border:1px solid #cbd3dc;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:750}.diagnosis-quick-replies button:hover,.diagnosis-quick-replies button:focus{background:#fff8cf;border-color:#ad8d00}.diagnosis-error{color:#9f1c1c;background:#fff0f0;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.diagnosis-loading{color:#536170;text-align:center;padding:80px 20px}.diagnosis-outcome{margin-top:28px}.diagnosis-heading{margin:0 0 20px}.diagnosis-heading h1,.diagnosis-status h1{color:#111827;letter-spacing:-.035em;margin:0;font-size:clamp(27px,6vw,42px);line-height:1.08}.diagnosis-card{background:#fff;border:1px solid #dde3ea;border-radius:18px;padding:24px;box-shadow:0 12px 36px #0f172a0f}.diagnosis-primary,.diagnosis-secondary{justify-content:center;align-items:center;min-height:52px;text-decoration:none;display:inline-flex}.diagnosis-primary{width:100%}.diagnosis-results{gap:12px;display:grid}.diagnosis-result{background:#fff;border:1px solid #dde3ea;border-radius:15px;grid-template-columns:38px 1fr;gap:12px;padding:20px;display:grid}.diagnosis-result--first{background:#fffdf2;border:2px solid #e0b600;box-shadow:0 10px 28px #a987001c}.diagnosis-rank{color:#f5c400;background:#111827;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.diagnosis-result h2{margin:1px 0 5px;font-size:20px}.diagnosis-result strong{color:#735f00;font-size:15px}.diagnosis-result p{color:#596675;margin:9px 0 0;font-size:14px;line-height:1.5}.diagnosis-result-link{color:#443900;text-underline-offset:3px;margin-top:12px;font-size:14px;font-weight:800;-webkit-text-decoration:underline #f5c400;text-decoration:underline #f5c400;text-decoration-thickness:3px;display:inline-flex}.diagnosis-disclaimer{color:#697686;margin:18px 2px;font-size:13px;line-height:1.5}.diagnosis-final-actions{gap:10px;margin-top:18px;display:grid}.diagnosis-feedback{background:#fff;border:1px solid #dde3ea;border-radius:15px;gap:12px;margin:18px 0;padding:20px;display:grid}.diagnosis-feedback h2,.diagnosis-feedback p{margin:0}.diagnosis-feedback h2{font-size:18px}.diagnosis-feedback-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.diagnosis-feedback button{color:#17202b;min-height:46px;font:inherit;background:#fff;border:1px solid #cfd7e1;border-radius:10px;padding:10px 14px;font-weight:750}.diagnosis-feedback button.is-selected{background:#f5c400;border-color:#111827}.diagnosis-feedback fieldset{border:0;border-top:1px solid #e5e9ee;gap:8px;margin:0;padding:14px 0 0;display:grid}.diagnosis-feedback legend{margin-bottom:8px;font-weight:750}.diagnosis-feedback-status{color:#526171;font-size:13px}.diagnosis-secondary{width:100%}.diagnosis-status{text-align:center}.diagnosis-status p{color:#566372;max-width:560px;margin:14px auto 24px;line-height:1.55}.diagnosis-status-icon{color:#111827;background:#fff2ad;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 18px;font-size:24px;font-weight:900;display:grid}.diagnosis-status--unsafe{background:#fff8f8;border-color:#d94b4b}.diagnosis-status--unsafe .diagnosis-status-icon{color:#fff;background:#c52828}@media (max-width:560px){.diagnosis-page{padding-top:14px;padding-inline:0}.diagnosis-chat-heading{padding-inline:14px}.diagnosis-chat{min-height:calc(100dvh - 138px);box-shadow:none;border-left:0;border-right:0;border-radius:0}.diagnosis-messages{padding:18px 14px}.diagnosis-message{max-width:90%}.diagnosis-outcome{margin-inline:14px}.diagnosis-card{border-radius:14px;padding:18px}}@media (max-width:340px){.diagnosis-chat-heading,.diagnosis-messages{padding-inline:12px}.diagnosis-composer-wrap{padding-inline:10px}.diagnosis-composer button{min-width:68px;padding-inline:11px}.diagnosis-bubble{padding:11px 13px}}@media (prefers-reduced-motion:reduce){.diagnosis-thinking span{animation:none}}
