:root{--fondo: #f4efe6;--superficie: #fffdf9;--texto: #1d2420;--sutil: #6b736e;--marca: #1f5f4a;--marca-texto: #f4efe6;--acento: #e8b04a;--borde: #e2dbcf;--error: #b3261e;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}@media(prefers-color-scheme:dark){:root{--fondo: #121614;--superficie: #1b211e;--texto: #e8ebe9;--sutil: #98a19c;--marca: #3d8c70;--marca-texto: #0f1311;--borde: #2b332f;--error: #f2b8b5;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto)}.app{display:flex;flex-direction:column;height:100dvh;max-width:760px;margin:0 auto}.cabecera{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--borde)}.cabecera h1{font-size:1.15rem;margin:0;flex:1}.logo{width:30px;height:30px}.gasto{font-size:.8rem;color:var(--sutil);font-variant-numeric:tabular-nums}.gasto.alerta{color:var(--acento);font-weight:600}.conversacion{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.vacio{margin:auto;text-align:center;font-size:1.1rem}.sutil{color:var(--sutil);font-size:.9em}.burbuja{max-width:85%;padding:10px 14px;border-radius:16px;overflow-wrap:anywhere}.burbuja p{margin:0;white-space:pre-wrap}.burbuja.zote p{white-space:normal}.burbuja.zote p+p,.burbuja.zote ul,.burbuja.zote ol{margin-top:.6em}.burbuja ul,.burbuja ol{margin-bottom:0;padding-left:1.2em}.burbuja.yo{align-self:flex-end;background:var(--marca);color:var(--marca-texto);border-bottom-right-radius:4px}.burbuja.zote{align-self:flex-start;background:var(--superficie);border:1px solid var(--borde);border-bottom-left-radius:4px}.burbuja a{color:inherit}.pensando{color:var(--sutil);font-style:italic}.marca-profundo{color:var(--sutil);font-size:.8em;margin-bottom:4px}.archivo{display:block;margin-top:8px;font-weight:600}.error{align-self:center;color:var(--error);font-size:.9rem}.redactor{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--borde);background:var(--fondo)}.fila{display:flex;align-items:flex-end;gap:6px}.redactor textarea{flex:1;resize:none;max-height:40vh;field-sizing:content;padding:10px 12px;border-radius:20px;border:1px solid var(--borde);background:var(--superficie);color:var(--texto);font:inherit}.icono{width:42px;height:42px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--texto);font-size:1.2rem;cursor:pointer}.icono.enviar,.icono.grabando{background:var(--marca);color:var(--marca-texto)}.icono.grabando{background:var(--error);color:#fff}.icono:disabled{opacity:.5}.adjunto{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px 48px;font-size:.85rem}.adjunto button{border:none;background:none;color:var(--sutil);cursor:pointer}.nivel{display:block;margin:6px 0 0 48px;font-size:.85rem}.panel-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;justify-content:center;align-items:flex-end;z-index:10}.panel{width:100%;max-width:760px;max-height:85dvh;overflow-y:auto;background:var(--superficie);border-radius:16px 16px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.panel-titulo{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:1.1rem;margin:0}.panel h3{font-size:.95rem;margin:20px 0 10px}.cuentas{list-style:none;margin:8px 0 0;padding:0}.cuentas li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--borde);overflow-wrap:anywhere}.etiqueta{margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--borde);font-size:.8rem}.boton{display:inline-block;padding:10px 16px;border:none;border-radius:10px;background:var(--marca);color:var(--marca-texto);font:inherit;text-decoration:none;cursor:pointer}.enlace{border:none;background:none;color:var(--error);font:inherit;font-size:.9rem;cursor:pointer;flex-shrink:0}.conectar-ms{display:flex;gap:8px;margin:10px 0}.conectar-ms input{flex:1;min-width:0;padding:10px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo);color:var(--texto);font:inherit}