:root{--lexi-primary: #6366f1;--lexi-primary-light: #818cf8;--lexi-primary-dark: #4f46e5;--lexi-accent: #f472b6;--lexi-bg-dark: #0f0f1a;--lexi-bg-light: #1a1a2e;--lexi-bg-card: #16213e;--lexi-text: #e2e8f0;--lexi-text-muted: #94a3b8;--lexi-success: #10b981;--lexi-warning: #f59e0b;--lexi-error: #ef4444;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--lexi-text);background:var(--lexi-bg-dark)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:linear-gradient(135deg,var(--lexi-bg-dark) 0%,#1a1a3e 50%,var(--lexi-bg-dark) 100%)}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--lexi-bg-dark)}::-webkit-scrollbar-thumb{background:var(--lexi-primary-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--lexi-primary)}.app{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:1rem}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#16213ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-bottom:1rem;border:1px solid rgba(99,102,241,.2)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h1{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--lexi-primary-light) 0%,var(--lexi-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo{font-size:2rem}.header-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border-radius:9999px;font-size:.875rem;color:var(--lexi-text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.loading{background:var(--lexi-warning)}.status-dot.ready{background:var(--lexi-success)}.status-dot.offline{background:var(--lexi-text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-banner{padding:1rem 1.5rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:1rem;color:var(--lexi-error)}.error-banner strong{display:block;margin-bottom:.5rem}.error-banner p{color:var(--lexi-text-muted);font-size:.875rem;margin:0;word-break:break-word}.status-dot.error{background:var(--lexi-error)}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:#16213ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;text-align:center;border:1px solid rgba(99,102,241,.2);max-width:400px;width:100%}.auth-card h1{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--lexi-primary-light) 0%,var(--lexi-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card>p{color:var(--lexi-text-muted);margin-bottom:1.5rem}.auth-input{width:100%;padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:var(--lexi-text);font-size:1rem;margin-bottom:1rem}.auth-input:focus{outline:none;border-color:var(--lexi-primary)}.auth-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--lexi-primary) 0%,var(--lexi-primary-dark) 100%);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.auth-button:hover{transform:scale(1.02);box-shadow:0 4px 20px #6366f166}.auth-note{font-size:.75rem;color:var(--lexi-text-muted);margin-top:1.5rem}.header-actions{display:flex;align-items:center;gap:.75rem}.icon-button{width:36px;height:36px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:var(--lexi-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.icon-button:hover{background:#6366f133}.icon-button.active{background:var(--lexi-primary);border-color:var(--lexi-primary);color:#fff}.logout-button{width:36px;height:36px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--lexi-error);cursor:pointer;font-size:1rem;transition:all .2s}.logout-button:hover{background:#ef444433}.voice-button{width:44px;height:44px;background:#f472b626;border:1px solid rgba(244,114,182,.3);border-radius:12px;color:var(--lexi-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s;flex-shrink:0}.voice-button:hover{background:#f472b640}.speak-button{position:absolute;bottom:.5rem;right:.5rem;width:28px;height:28px;background:#6366f133;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:all .2s;font-size:.875rem}.message-content{position:relative}.message-content:hover .speak-button{opacity:1}.speak-button:hover{background:var(--lexi-primary)}.model-selector{padding:1rem 1.5rem;background:#16213e99;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(99,102,241,.1)}.model-selector h3{font-size:.875rem;color:var(--lexi-text-muted);margin-bottom:.75rem}.model-options{display:flex;gap:.75rem;flex-wrap:wrap}.model-option{padding:.75rem 1.25rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:var(--lexi-text);cursor:pointer;transition:all .2s;font-size:.875rem}.model-option:hover{background:#6366f133;border-color:var(--lexi-primary)}.model-option.active{background:var(--lexi-primary);border-color:var(--lexi-primary)}.model-option.loading{opacity:.7;pointer-events:none}.progress-container{margin-top:1rem}.progress-bar{height:4px;background:#6366f133;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--lexi-primary) 0%,var(--lexi-accent) 100%);transition:width .3s}.progress-text{font-size:.75rem;color:var(--lexi-text-muted);margin-top:.5rem}.chat-container{flex:1;display:flex;flex-direction:column;background:#16213e66;border-radius:16px;border:1px solid rgba(99,102,241,.1);overflow:hidden}.messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:1rem;max-width:85%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.message.user .message-avatar{background:linear-gradient(135deg,var(--lexi-primary) 0%,var(--lexi-primary-dark) 100%)}.message.assistant .message-avatar{background:linear-gradient(135deg,var(--lexi-accent) 0%,#ec4899 100%)}.message-content{padding:1rem 1.25rem;border-radius:16px;line-height:1.6}.message.user .message-content{background:var(--lexi-primary);border-bottom-right-radius:4px}.message.assistant .message-content{background:#6366f126;border-bottom-left-radius:4px}.message-content p{margin-bottom:.5rem}.message-content p:last-child{margin-bottom:0}.typing-indicator{display:flex;gap:4px;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;background:var(--lexi-text-muted);border-radius:50%;animation:bounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.input-area{padding:1rem 1.5rem;background:#0f0f1acc;border-top:1px solid rgba(99,102,241,.1)}.input-container{display:flex;gap:.75rem;align-items:flex-end}.input-wrapper{flex:1;position:relative}.input-wrapper textarea{width:100%;padding:1rem 1.25rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;color:var(--lexi-text);font-family:inherit;font-size:1rem;line-height:1.5;resize:none;min-height:56px;max-height:200px;transition:border-color .2s}.input-wrapper textarea:focus{outline:none;border-color:var(--lexi-primary)}.input-wrapper textarea::placeholder{color:var(--lexi-text-muted)}.input-wrapper textarea:disabled{opacity:.5;cursor:not-allowed}.send-button{width:56px;height:56px;background:linear-gradient(135deg,var(--lexi-primary) 0%,var(--lexi-primary-dark) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px #6366f166}.send-button:disabled{opacity:.5;cursor:not-allowed}.voice-button{width:56px;height:56px;background:#f472b633;border:1px solid rgba(244,114,182,.3);border-radius:12px;color:var(--lexi-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s}.voice-button:hover{background:#f472b64d}.voice-button.recording{background:var(--lexi-accent);color:#fff;animation:pulse 1s infinite}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.welcome-icon{font-size:4rem;margin-bottom:1.5rem}.welcome h2{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;background:linear-gradient(135deg,var(--lexi-primary-light) 0%,var(--lexi-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome p{color:var(--lexi-text-muted);max-width:400px;margin-bottom:2rem}.quick-prompts{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:600px}.quick-prompt{padding:.75rem 1.25rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:9999px;color:var(--lexi-text);cursor:pointer;transition:all .2s;font-size:.875rem}.quick-prompt:hover{background:#6366f133;border-color:var(--lexi-primary);transform:translateY(-2px)}@media(max-width:768px){html,body{overflow-x:hidden;width:100%}.app{padding:.5rem;max-width:100%;overflow-x:hidden}.header{padding:.75rem 1rem;border-radius:12px;flex-wrap:wrap;gap:.5rem}.header-title h1{font-size:1.1rem}.header-logo{font-size:1.5rem}.header-status{padding:.35rem .75rem;font-size:.75rem}.model-selector{padding:.75rem 1rem}.model-selector h3{font-size:.75rem}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.model-option{padding:.6rem .75rem;font-size:.75rem;text-align:center;white-space:normal;word-break:break-word}.progress-text{font-size:.65rem;word-break:break-all}.chat-container{border-radius:12px;min-height:300px}.messages{padding:.75rem}.message{max-width:95%;gap:.5rem}.message-avatar{width:32px;height:32px;font-size:1rem}.message-content{padding:.75rem 1rem;font-size:.9rem}.input-area{padding:.5rem .75rem}.input-container{gap:.5rem}.input-wrapper textarea{padding:.75rem 1rem;font-size:.9rem;min-height:44px}.send-button{width:44px;height:44px;font-size:1.25rem;flex-shrink:0}.welcome{padding:1rem}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome h2{font-size:1.25rem}.welcome p{font-size:.875rem;margin-bottom:1.5rem}.quick-prompts{gap:.5rem}.quick-prompt{padding:.5rem 1rem;font-size:.75rem}}@media(max-width:380px){.app{padding:.25rem}.header{padding:.5rem .75rem}.header-title h1{font-size:.95rem}.model-options{grid-template-columns:1fr}.message-avatar{display:none}.message{max-width:100%}.message-content{padding:.6rem .875rem;font-size:.85rem}}@supports (padding-top: env(safe-area-inset-top)){.app{padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom));padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.input-area{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}.tab-bar{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:#16213e99;border-radius:12px;border:1px solid rgba(99,102,241,.1)}.tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--lexi-text-muted);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;position:relative}.tab:hover{background:#6366f11a;color:var(--lexi-text)}.tab.active{background:var(--lexi-primary);color:#fff}.tab-badge{position:absolute;top:.25rem;right:.5rem;background:var(--lexi-accent);color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:9999px;font-weight:600}.validate-container{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-bottom:1rem}.validate-header{text-align:center;padding:1rem}.validate-header h2{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--lexi-primary-light) 0%,var(--lexi-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.validate-header p{color:var(--lexi-text-muted);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{background:#16213e99;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--lexi-primary-light)}.stat-label{font-size:.75rem;color:var(--lexi-text-muted);margin-top:.25rem}.wasm-status{text-align:center;padding:.75rem;border-radius:8px;font-size:.875rem}.wasm-ready{color:var(--lexi-success)}.wasm-loading{color:var(--lexi-warning)}.validation-tasks{background:#16213e66;border-radius:12px;padding:1rem;border:1px solid rgba(99,102,241,.1)}.validation-tasks h3{font-size:1rem;margin-bottom:.75rem;color:var(--lexi-text)}.no-tasks{color:var(--lexi-text-muted);text-align:center;padding:1rem;font-style:italic}.task-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.task-card{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.75rem 1rem}.task-citation{font-size:.9rem;color:var(--lexi-text);margin-bottom:.25rem}.task-meta{font-size:.75rem;color:var(--lexi-text-muted)}.task-note{font-size:.75rem;color:var(--lexi-accent);margin-top:.5rem}.refresh-button{width:100%;padding:.75rem;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:var(--lexi-text);cursor:pointer;font-size:.9rem;transition:all .2s}.refresh-button:hover:not(:disabled){background:#6366f14d}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.validate-info{background:#16213e66;border-radius:12px;padding:1rem;border:1px solid rgba(99,102,241,.1)}.validate-info h4{font-size:.9rem;margin-bottom:.5rem;color:var(--lexi-text)}.validate-info ol{margin:0;padding-left:1.25rem;color:var(--lexi-text-muted);font-size:.8rem;line-height:1.6}.task-card{width:100%;text-align:left;cursor:pointer;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.75rem 1rem;transition:all .2s}.task-card:hover:not(:disabled){background:#6366f133;border-color:#6366f166;transform:translateY(-1px)}.task-card:active:not(:disabled){transform:translateY(0)}.task-card:disabled{opacity:.6;cursor:not-allowed}.task-card.validating{background:#fbbf2426;border-color:#fbbf2466;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tasks-header h3{font-size:1rem;margin:0}.refresh-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem}.refresh-btn:disabled{opacity:.5}.stat-card.highlight{background:#10b98126;border-color:#10b9814d}.stat-card.highlight .stat-value{color:var(--lexi-success)}.validation-log{background:#16213e66;border-radius:12px;padding:1rem;border:1px solid rgba(99,102,241,.1);margin-top:1rem}.validation-log h4{font-size:.9rem;margin:0 0 .75rem;color:var(--lexi-text)}.log-entries{max-height:150px;overflow-y:auto;font-size:.75rem;font-family:SF Mono,Monaco,monospace}.log-entry{padding:.25rem 0;color:var(--lexi-text-muted);border-bottom:1px solid rgba(99,102,241,.05)}.log-entry:last-child{border-bottom:none}.log-entry.muted{font-style:italic;opacity:.6}.login-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-modal{background:#1e1e1e;padding:2rem;border-radius:12px;width:90%;max-width:320px;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000080}.login-modal h3{margin-bottom:1rem;color:#fff}.login-modal p{margin-bottom:1.5rem;color:#aaa;font-size:.9rem}.login-input{width:100%;padding:.75rem;margin-bottom:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:1rem;box-sizing:border-box}.login-button{width:100%;padding:.75rem;background:#3a506b;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.login-button:hover{background:#0b132b}.swarm-icon{margin-left:8px;margin-right:8px;cursor:help;filter:drop-shadow(0 0 5px rgba(255,215,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}