:root{--bg-dark: #070b10;--bg-card: rgba(15, 23, 35, .88);--bg-card-hover: rgba(20, 30, 45, .95);--border-color: rgba(20, 184, 166, .3);--border-highlight: rgba(20, 184, 166, .6);--border-purple: rgba(139, 92, 246, .4);--primary-teal: #14b8a6;--primary-teal-light: #2dd4bf;--primary-teal-glow: rgba(20, 184, 166, .45);--accent-copper: #f97316;--accent-purple: #8b5cf6;--accent-purple-glow: rgba(139, 92, 246, .45);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background-color:var(--bg-dark);color:var(--text-main)}body{font-family:var(--font-body);display:flex;align-items:center;justify-content:center;overflow-x:hidden;position:relative;padding:1.5rem 1rem;line-height:1.5}a,a:visited,a:link,a:active{color:var(--primary-teal)!important;text-decoration:none!important;transition:color .2s ease,opacity .2s ease}a:hover{color:var(--primary-teal-light)!important;text-decoration:underline!important}.back-link,.back-link:visited{color:var(--text-muted)!important;text-decoration:none!important;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .9rem;border-radius:8px;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important}.back-link:hover{color:var(--primary-teal)!important;background:#14b8a626!important;border-color:var(--border-color)!important;text-decoration:none!important}input,select,button,textarea{font-family:var(--font-body)!important;font-size:.95rem!important;color:var(--text-main)!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.bg-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(150px);pointer-events:none;z-index:-1;opacity:.25}.orb-1{top:-150px;left:-150px;background:radial-gradient(circle,var(--primary-teal),transparent 70%)}.orb-2{bottom:-150px;right:-150px;background:radial-gradient(circle,var(--accent-purple),transparent 70%)}.glass-card{background:var(--bg-card)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color)!important;border-radius:20px;box-shadow:0 15px 35px #0009,inset 0 1px #ffffff14;position:relative}.highlight-glow{box-shadow:0 0 45px #14b8a633,0 15px 35px #000000b3!important}.coming-soon-container{width:100%;max-width:640px;margin:0 auto}.coming-soon-card{padding:3.5rem 2.5rem;text-align:center;overflow:hidden}.brand-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.2rem;border-radius:99px;background:#14b8a61f;border:1px solid var(--border-color);font-size:.8rem;font-weight:700;letter-spacing:1.5px;color:var(--primary-teal);margin-bottom:2rem}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-teal);box-shadow:0 0 12px var(--primary-teal);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.video-wrapper{margin:0 auto 2rem;width:100%;max-width:480px;border-radius:20px;padding:4px;background:linear-gradient(135deg,var(--primary-teal),var(--accent-copper));box-shadow:0 0 35px var(--primary-teal-glow);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-wrapper:hover{transform:translateY(-2px);box-shadow:0 0 45px var(--primary-teal-glow)}.metamora-video{width:100%;height:auto;border-radius:16px;display:block;background:#000}.coming-title{font-family:var(--font-heading);font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1rem;color:#fff}.accent-dot{color:var(--primary-teal)}.coming-subtitle{font-size:1.05rem;color:var(--text-muted);line-height:1.6;max-width:480px;margin:0 auto 2.2rem}.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.8rem!important;border-radius:14px!important;font-weight:600!important;text-decoration:none!important;transition:all .3s ease;font-family:var(--font-heading)!important;font-size:1rem!important;cursor:pointer!important}.btn-primary,button.btn-primary,a.btn-primary{background:linear-gradient(135deg,var(--primary-teal),#0d9488)!important;color:#fff!important;box-shadow:0 4px 25px var(--primary-teal-glow)!important}.btn-primary:hover,button.btn-primary:hover,a.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px var(--primary-teal-glow)!important;text-decoration:none!important}.btn-chat-hero,a.btn-chat-hero{background:linear-gradient(135deg,var(--accent-purple),var(--primary-teal))!important;color:#fff!important;box-shadow:0 4px 25px #8b5cf666!important}.btn-chat-hero:hover,a.btn-chat-hero:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf699!important;text-decoration:none!important}.btn-outline,a.btn-outline{background:#ffffff0f!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important}.btn-outline:hover,a.btn-outline:hover{background:#14b8a62e!important;border-color:var(--primary-teal)!important;text-decoration:none!important}.btn-sm{padding:.55rem 1.1rem!important;font-size:.85rem!important;border-radius:10px!important}.card-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;font-size:.85rem;color:var(--text-muted)}html,body.chat-page-body{height:100%!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding:0!important;margin:0!important}.chat-layout{width:100%;max-width:1400px;height:100%;height:100dvh;margin:0 auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.6rem;box-sizing:border-box;overflow:hidden}.chat-header{padding:.6rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border-radius:16px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:1.5rem}.brand-title{display:flex;align-items:center;gap:.9rem}.header-avatar-img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-teal);box-shadow:0 0 15px var(--primary-teal-glow)}.brand-title h1{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;line-height:1.1;color:#fff}.sub-status{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;margin-top:.1rem}.safety-banner{padding:.55rem 1.1rem;display:flex;align-items:flex-start;gap:.7rem;border-left:4px solid var(--primary-teal)!important;font-size:.84rem;line-height:1.45;color:var(--text-muted);flex-shrink:0;border-radius:12px}.safety-banner strong{color:var(--text-main)}.shield-icon{font-size:1.1rem;margin-top:1px}.controls-section{padding:.55rem 1rem;position:relative;flex-shrink:0;border-radius:16px}.search-filter-row{display:flex;gap:.8rem}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;font-size:.9rem;color:var(--primary-teal);pointer-events:none}.search-box input,input#qa-search{width:100%!important;padding:.65rem 1rem .65rem 2.6rem!important;border-radius:10px!important;background:#0a101af2!important;border:1px solid var(--border-color)!important;color:#fff!important;font-size:.88rem!important;transition:all .3s ease}.search-box input::placeholder{color:var(--text-dim)!important}.search-box input:focus{border-color:var(--primary-teal)!important;box-shadow:0 0 18px var(--primary-teal-glow)!important;background:#0f1726fa!important}.select-box{position:relative;display:flex;align-items:center}.select-box select,select#category-filter{padding:.65rem 2.2rem .65rem 1rem!important;border-radius:10px!important;background:#0a101af2!important;border:1px solid var(--border-color)!important;color:#fff!important;font-size:.88rem!important;cursor:pointer!important;height:100%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .7rem center!important}.select-box select option{background-color:#0f172a!important;color:#fff!important;padding:.6rem!important}.search-results-overlay{position:absolute;top:110%;left:0;right:0;background:#0a101afa!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--primary-teal)!important;border-radius:16px;box-shadow:0 20px 45px #000000d9;max-height:340px;overflow-y:auto;z-index:100;padding:.8rem}.search-results-overlay.hidden{display:none!important}.search-results-header{font-size:.78rem;font-weight:700;color:var(--primary-teal);margin-bottom:.6rem;padding:.3rem .5rem;text-transform:uppercase;letter-spacing:1px}.search-result-item{padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:.4rem;background:#ffffff08!important;border:1px solid transparent!important}.search-result-item:hover{background:#14b8a62e!important;border-color:var(--border-color)!important}.result-cat{font-size:.75rem;color:var(--accent-copper);font-weight:600;margin-bottom:.25rem}.result-title{font-size:.92rem;color:#fff;font-weight:500}.chat-container{flex:1;min-height:0;display:flex;flex-direction:column;padding:1.1rem 1.3rem;overflow:hidden;border-radius:20px}.chat-messages-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:.6rem;display:flex;flex-direction:column;gap:1.1rem}.chat-messages-scroll::-webkit-scrollbar{width:6px}.chat-messages-scroll::-webkit-scrollbar-thumb{background:#14b8a659;border-radius:99px}.chat-bubble{display:flex;gap:1rem;max-width:88%;animation:bubblePop .35s cubic-bezier(.16,1,.3,1)}@keyframes bubblePop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.metamora-bubble{align-self:flex-start}.user-bubble{align-self:flex-end;flex-direction:row-reverse}.bubble-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#14b8a64d,#0f1723e6);border:1.5px solid var(--primary-teal);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;box-shadow:0 0 15px var(--primary-teal-glow)}.metamora-img-avatar{padding:0!important;overflow:hidden!important;border-radius:50%!important}.metamora-img-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar{background:linear-gradient(135deg,#8b5cf64d,#0f1723e6);border-color:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple-glow)}.bubble-content{background:linear-gradient(135deg,#121c2af2,#0c121cfa)!important;border:1px solid var(--border-color)!important;border-radius:20px;padding:1.1rem 1.4rem;font-size:.96rem;line-height:1.65;color:var(--text-main)!important;box-shadow:0 8px 25px #00000080}.user-bubble .bubble-content{background:linear-gradient(135deg,#1e1b37f2,#121628fa)!important;border-color:var(--border-purple)!important}.qa-tag{font-size:.72rem;font-weight:700;color:var(--primary-teal);margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.9px;display:flex;align-items:center;gap:.4rem}.llm-tag{color:#5eead4;background:#2dd4bf1f;padding:3px 10px;border-radius:6px;display:inline-flex;margin-bottom:.55rem;border:1px solid rgba(45,212,191,.3);text-transform:none;font-weight:600;letter-spacing:.3px}.crisis-bubble .bubble-content{background:#2d0c12f2!important;border-color:#f87171!important;box-shadow:0 0 25px #f8717159}.typing-bubble .bubble-content{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.3rem}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-teal);animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.3);opacity:.4}40%{transform:scale(1);opacity:1}}.typing-text{font-size:.82rem;color:var(--text-muted);margin-left:.5rem;font-style:italic}.pills-wrapper{margin-top:.6rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.pills-title{font-size:.75rem;color:var(--text-muted);margin-bottom:.4rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.topic-pills-scroll{display:flex;gap:.65rem;overflow-x:auto;padding-bottom:.4rem}.topic-pills-scroll::-webkit-scrollbar{height:4px}.topic-pills-scroll::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:99px}.topic-pill,button.topic-pill{white-space:nowrap!important;background:#ffffff14!important;border:1px solid var(--border-color)!important;border-radius:99px!important;padding:.4rem .95rem!important;font-size:.8rem!important;color:#fff!important;cursor:pointer!important;transition:all .25s ease;display:inline-flex!important;align-items:center!important;gap:.4rem!important}.pill-avatar-mini{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid var(--primary-teal);flex-shrink:0}.topic-pill:hover,button.topic-pill:hover{background:linear-gradient(135deg,#14b8a64d,#8b5cf64d)!important;border-color:var(--primary-teal)!important;transform:translateY(-2px);box-shadow:0 4px 15px #14b8a659!important}.chat-input-row{display:flex;gap:.6rem;margin-top:.6rem;flex-shrink:0}.chat-input-row input,input#chat-input{flex:1!important;background:#0a101af2!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:.75rem 1.1rem!important;color:#fff!important;font-size:.92rem!important;transition:all .3s ease}.chat-input-row input::placeholder{color:var(--text-dim)!important}.chat-input-row input:focus{border-color:var(--primary-teal)!important;box-shadow:0 0 20px var(--primary-teal-glow)!important;background:#0f1726fa!important}.btn-send,button.btn-send{border-radius:12px!important;padding:.75rem 1.4rem!important;font-weight:700!important;letter-spacing:.5px!important}.chat-footer{text-align:center;font-size:.75rem;color:var(--text-muted);padding:.2rem 0;flex-shrink:0}@media(max-width:680px){.chat-layout{padding:.4rem .5rem;gap:.4rem}.chat-header{flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem .8rem}.header-left{flex-direction:row;align-items:center;gap:.6rem}.brand-title h1{font-size:1.1rem}.sub-status{display:none}.search-filter-row{flex-direction:row;gap:.5rem}.select-box select,select#category-filter{max-width:140px;font-size:.8rem!important;padding:.55rem 1.8rem .55rem .6rem!important}.chat-container{padding:.8rem;border-radius:16px}.chat-bubble{max-width:95%}.bubble-content{padding:.8rem 1rem;font-size:.9rem}.chat-input-row{flex-direction:row}.btn-send,button.btn-send{padding:.75rem 1rem!important;font-size:.85rem!important}}