:root{--ebano:#181818;--crema:#f4f2ee;--arena:#d2cabb;--surf-1:#f4f2ee0a;--surf-2:#d4caba14;--bot-bubble:#d4caba12;--bot-border:#d4caba26;--hairline:#d4caba1f}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0d0d0d;height:100%;font-family:DM Sans,system-ui,sans-serif}.app-stage{background:radial-gradient(120% 80% at 50% -10%,#d4caba0f,#0000 60%),#0d0d0d;justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.app{background:var(--ebano);border:1px solid #d4caba1a;border-radius:22px;flex-direction:column;width:100%;max-width:480px;height:min(900px,100%);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000000d9,0 0 0 1px #0006}.header{background:var(--ebano);border-bottom:1px solid var(--hairline);flex-shrink:0;align-items:center;gap:12px;padding:16px 18px;display:flex}.logo-mark{background:var(--arena);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 10px -2px #d4caba66}.logo-mark span{color:var(--ebano);margin-top:-1px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:500;line-height:1}.header-titles{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.brand{letter-spacing:.12em;color:var(--crema);font-family:Cormorant Garamond,serif;font-size:16px;font-weight:500;line-height:1}.subtitle{letter-spacing:.04em;color:#d2caba99;font-family:DM Sans,sans-serif;font-size:11px}.status{flex-shrink:0;align-items:center;gap:6px;display:flex}.status-dot{background:#3fbf7f;border-radius:50%;width:8px;height:8px;animation:2.6s ease-out infinite pulse-dot}.status-label{letter-spacing:.06em;color:#d2caba80;text-transform:uppercase;font-size:10px}@keyframes pulse-dot{0%{box-shadow:0 0 #3fbf7f73}70%{box-shadow:0 0 0 7px #3fbf7f00}to{box-shadow:0 0 #3fbf7f00}}.chips{scrollbar-width:none;background:linear-gradient(#d4caba05,#0000);border-bottom:1px solid #d4caba0f;flex-shrink:0;gap:8px;padding:12px 18px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{letter-spacing:.01em;color:#f4f2ee80;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d4caba33;border-radius:100px;flex-shrink:0;padding:7px 15px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:border-color .15s,background-color .15s,color .15s}.chip:hover{color:#f4f2eec7;border-color:#d4caba59}.chip.active{border-color:var(--arena);background:var(--surf-2);color:var(--crema)}.area-trigger{background:var(--surf-1);color:var(--crema);cursor:pointer;border:1px solid #d4caba33;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:12px 18px;padding:9px 15px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;display:none}.area-trigger .chev{opacity:.7;width:14px;height:14px}.chat{scrollbar-width:thin;scrollbar-color:#d2caba4d transparent;flex-direction:column;flex:1;gap:18px;padding:22px 18px 8px;display:flex;overflow-y:auto}.chat::-webkit-scrollbar{width:4px}.chat::-webkit-scrollbar-thumb{background:#d2caba4d;border-radius:2px}.bienvenida{text-align:center;color:#d2cabab3;max-width:320px;margin:auto;font-size:14px;line-height:1.6}.msg{gap:9px;max-width:88%;animation:.3s ease-out both msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.msg{animation:none}}.msg.asistente{align-self:flex-start}.msg.usuario{flex-direction:row-reverse;align-self:flex-end}.avatar{background:var(--arena);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.avatar span{color:var(--ebano);margin-top:-1px;font-family:Cormorant Garamond,serif;font-size:17px;font-weight:500;line-height:1}.bubble{white-space:pre-wrap;word-wrap:break-word;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14.5px;line-height:1.55}.msg.asistente .bubble{background:var(--bot-bubble);border:.5px solid var(--bot-border);color:#f4f2eeeb;border-radius:4px 18px 18px}.msg.usuario .bubble{background:var(--arena);color:var(--ebano);border-radius:18px 18px 4px;font-weight:500}.msg-time{letter-spacing:.04em;color:#d4caba4d;margin-top:6px;font-family:DM Mono,monospace;font-size:9.5px;display:block}.msg.usuario .msg-time{text-align:right}.sources{border-left:2px solid var(--arena);margin-top:11px;padding-left:11px}.sources-toggle{cursor:pointer;letter-spacing:.02em;color:var(--arena);background:0 0;border:none;align-items:center;gap:7px;padding:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:flex}.sources-toggle .book{flex-shrink:0;width:14px;height:14px}.sources-toggle .chev{opacity:.7;width:12px;height:12px;transition:transform .2s}.sources-toggle.open .chev{transform:rotate(180deg)}.sources-body{max-height:0;transition:max-height .26s;overflow:hidden}.sources-body.open{max-height:400px}.source-item{color:#f4f2ee9e;padding:8px 0 0;font-family:DM Mono,monospace;font-size:11.5px;line-height:1.5}.source-item .ref{color:var(--arena);margin-bottom:1px;display:block}.typing{background:var(--bot-bubble);border:.5px solid var(--bot-border);border-radius:4px 18px 18px;align-items:center;gap:5px;padding:14px 16px;display:inline-flex}.typing i{background:var(--arena);border-radius:50%;width:6px;height:6px;animation:1.3s ease-in-out infinite bounce;display:inline-block}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.input-area{background:var(--ebano);border-top:1px solid #d4caba1a;flex-shrink:0;align-items:flex-end;gap:9px;padding:12px 14px 4px;display:flex}.input-field{background:var(--surf-1);border:1px solid #d4caba2e;border-radius:24px;flex:1;align-items:center;padding:4px 6px 4px 16px;transition:border-color .18s;display:flex}.input-field:focus-within{border-color:#d4caba66}.input-field textarea{resize:none;color:var(--crema);background:0 0;border:none;outline:none;flex:1;max-height:108px;padding:8px 0;font-family:DM Sans,sans-serif;font-size:14.5px;line-height:1.45}.input-field textarea::placeholder{color:#f4f2ee52}.icon-btn{cursor:pointer;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .15s,border-color .15s,transform .12s;display:flex}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:disabled:active{transform:none}.mic-btn{color:var(--arena);background:#d4caba1a}.mic-btn:hover{background:#d4caba29}.mic-btn.recording{border-color:var(--arena);color:#e8604c;animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.send-btn{background:var(--arena);color:var(--ebano)}.send-btn:hover:not(:disabled){background:#ddd6c8}.char-count{text-align:right;letter-spacing:.04em;color:#d4caba66;opacity:0;pointer-events:none;flex-shrink:0;padding:2px 18px 0;font-family:DM Mono,monospace;font-size:10px;transition:opacity .18s}.char-count.visible{opacity:1}.disclaimer{text-align:center;color:#d4caba4d;background:var(--ebano);flex-shrink:0;padding:4px 24px 12px;font-family:DM Sans,sans-serif;font-size:10px;line-height:1.4}.sheet-overlay{opacity:0;pointer-events:none;z-index:20;background:#00000080;transition:opacity .22s;position:absolute;inset:0}.sheet-overlay.open{opacity:1;pointer-events:auto}.sheet{background:var(--ebano);border-top:1px solid var(--hairline);z-index:21;border-radius:20px 20px 0 0;padding:8px 16px 24px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet.open{transform:translateY(0)}.sheet-handle{background:#d4caba4d;border-radius:3px;width:38px;height:4px;margin:8px auto 14px}.sheet-title{letter-spacing:.08em;text-transform:uppercase;color:#d4caba8c;padding:0 4px 8px;font-family:DM Sans,sans-serif;font-size:11px}.sheet-option{cursor:pointer;text-align:left;color:#f4f2eec7;background:0 0;border:none;border-bottom:1px solid #d4caba12;justify-content:space-between;align-items:center;width:100%;padding:13px 4px;font-family:DM Sans,sans-serif;font-size:15px;display:flex}.sheet-option:last-child{border-bottom:none}.sheet-option.active{color:var(--crema);font-weight:500}.sheet-option .tick{color:var(--arena)}@media (max-width:639px){.app-stage{padding:0}.app{border:none;border-radius:0;max-width:100%;height:100vh}.chips{display:none}.area-trigger{display:flex}}