.hybrid-chat-shell{background:linear-gradient(180deg,#f6f3ff 0,#fff 44%);min-height:70vh}
.chat-hero{background:radial-gradient(circle at 90% 10%,rgba(255,196,61,.24),transparent 30%),linear-gradient(135deg,#231352,#5036a5);color:#fff;border-radius:28px;padding:34px;box-shadow:0 20px 50px rgba(35,19,82,.18)}
.chat-hero h1{font-weight:700;margin:.6rem 0}
.chat-hero p{max-width:760px;color:#e7e1ff}
.chat-kicker{color:#7a5bc7;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}
.chat-hero .chat-kicker{color:#ffd77a}
.trust-row{display:flex;flex-wrap:wrap;gap:12px}
.trust-row span{background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;font-size:.84rem}
.hybrid-question-card{border:1px solid #e8e1f6;border-radius:24px;box-shadow:0 16px 45px rgba(51,31,103,.08)}
.prompt-chips{display:flex;gap:8px;flex-wrap:wrap}
.prompt-chips button{border:1px solid #dcd1f5;background:#faf8ff;color:#4a2e91;border-radius:999px;padding:7px 12px;font-size:.85rem}
.prompt-chips button:hover{background:#eee7ff}
.package-option{display:block;height:100%;cursor:pointer}
.package-option input{position:absolute;opacity:0}
.package-option span{display:flex;flex-direction:column;height:100%;border:2px solid #e8e1f6;border-radius:16px;padding:16px;transition:.2s}
.package-option input:checked+span{border-color:#6d4cc3;background:#f6f2ff;box-shadow:0 0 0 3px rgba(109,76,195,.1)}
.package-option strong{font-size:1.15rem;color:#4d3195;margin:.5rem 0}
.package-option small{color:#716c7c}
.analysis-preview{background:#fff;border:1px solid #e8e1f6;border-radius:24px;padding:24px;position:sticky;top:100px}
.analysis-preview ol{list-style:none;padding:0;margin:20px 0}
.analysis-preview li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eee}
.analysis-preview li>span{width:30px;height:30px;border-radius:10px;background:#f0eaff;color:#5c3cad;display:grid;place-items:center;font-weight:700}
.analysis-preview li div{display:flex;flex-direction:column}
.analysis-preview small{color:#777}
.privacy-note{display:flex;gap:12px;background:#edf9f4;color:#245f4c;padding:14px;border-radius:14px}
.privacy-note>i{font-size:1.3rem}
.privacy-note div{display:flex;flex-direction:column}
.evidence-ribbon{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#24154f;color:white;border-radius:18px;padding:16px 20px}
.evidence-ribbon>div:first-child{display:flex;align-items:center;gap:12px}
.evidence-ribbon small{display:block;color:#cfc5ed}
.evidence-tags{display:flex;gap:7px;flex-wrap:wrap}
.evidence-tags span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);padding:5px 9px;border-radius:999px;font-size:.75rem}
.chat-thread{display:flex;flex-direction:column;gap:18px}
.chat-message{display:flex;gap:12px;max-width:88%}
.chat-message.user{align-self:flex-end;flex-direction:row-reverse}
.message-icon{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center;background:#ece5ff;color:#5434a5}
.chat-message.user .message-icon{background:#ffefc8;color:#835d00}
.message-body{background:#fff;border:1px solid #ebe7f3;border-radius:18px;padding:18px;box-shadow:0 8px 25px rgba(35,19,82,.06)}
.chat-message.user .message-body{background:#f7f3ff}
.message-body>small{font-weight:700;color:#6a4bb7}
.analysis-action{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#effaf6;border:1px solid #ccebdd;border-radius:18px;padding:18px}
.analysis-action div{display:flex;flex-direction:column}
.analysis-action small{color:#527267}
@media(max-width:767px){.chat-hero{padding:24px;border-radius:20px}
.chat-message{max-width:96%}
.analysis-action{align-items:stretch;flex-direction:column}
.analysis-action button{width:100%}
}
.chat-message.assistant{max-width:100%}
.chat-message.assistant .message-body{width:100%;padding:26px 30px}
.chat-answer{font-family:"Noto Sans Sinhala","Plus Jakarta Sans",sans-serif;color:#31374a}
.chat-answer h3{display:flex;align-items:center;gap:10px;margin:30px 0 14px;padding-bottom:10px;border-bottom:1px solid #ece8f5;color:#34216f;font-size:1.12rem;font-weight:800}
.chat-answer h3:first-child{margin-top:4px}
.chat-answer h3::before{content:"";display:block;width:5px;height:22px;border-radius:5px;background:linear-gradient(#7c3aed,#dba63b)}
.chat-answer p{margin:0;color:#465066;font-size:1rem;line-height:1.9}
.chat-answer ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.chat-answer li{position:relative;padding:13px 15px 13px 42px;border:1px solid #ebe7f3;border-radius:13px;background:#fbfaff;color:#465066;line-height:1.8}
.chat-answer li::before{position:absolute;left:16px;top:16px;content:"✓";display:grid;width:18px;height:18px;border-radius:50%;place-items:center;background:#eee8ff;color:#6543b5;font-size:.72rem;font-weight:800}
.followup-card{padding:24px;border:1px solid #ded4f2;border-radius:20px;background:linear-gradient(135deg,#fff,#faf7ff);box-shadow:0 12px 35px rgba(51,31,103,.08)}
.followup-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.followup-heading h2{margin:0 0 3px;color:#34216f;font-family:"Noto Sans Sinhala",sans-serif;font-size:1.2rem;font-weight:800}
.followup-heading p{margin:0;color:#6d7280;font-size:.85rem}
.followup-icon{display:grid;flex:0 0 44px;width:44px;height:44px;border-radius:13px;place-items:center;background:#eee8ff;color:#6243ad;font-size:1.15rem}
@media(max-width:767px){.chat-message.assistant .message-body{padding:20px}.chat-answer h3{font-size:1.02rem}.chat-answer p,.chat-answer li{font-size:.94rem}.followup-card .d-flex{align-items:stretch!important;flex-direction:column}.followup-card button{width:100%}}