:root{color-scheme:light dark;--fondo: #fff8e7;--tarjeta: #ffffff;--texto: #2b1d10;--suave: #8a7560;--selva: #2f9e6b;--selva-oscura: #1f7a50;--banana: #ffd23f;--rojo: #e5484d;--borde: #f0e2c4;--sombra: 0 6px 0 #f0e2c4}@media(prefers-color-scheme:dark){:root{--fondo: #1a1510;--tarjeta: #2a2219;--texto: #fff3dc;--suave: #bba88f;--borde: #3d3226;--sombra: 0 6px 0 #0f0c08}}*{box-sizing:border-box;margin:0}body{background:var(--fondo);color:var(--texto);font-family:Nunito,system-ui,sans-serif;min-height:100vh}.app{max-width:480px;margin:0 auto;padding:16px 16px 48px;display:grid;gap:18px}.cabecera{display:flex;align-items:center;justify-content:space-between}.marca{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.9rem;color:var(--selva);letter-spacing:-.5px}.marca span{color:var(--banana);-webkit-text-stroke:1px var(--selva-oscura)}.demo{white-space:nowrap;font-size:.7rem;background:var(--banana);color:#2b1d10;padding:4px 10px;border-radius:99px;font-weight:800}.navegador-mes{display:flex;align-items:center;justify-content:space-between}.navegador-mes h2{font-family:"Baloo 2",sans-serif;font-size:1.3rem}.flecha{width:44px;height:44px;border-radius:50%;border:2px solid var(--borde);background:var(--tarjeta);color:var(--texto);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 3px 0 var(--borde);transition:transform .1s}.flecha:active{transform:translateY(3px);box-shadow:none}.flecha:disabled{opacity:.3;cursor:default}.tarjeta-balance{display:flex;align-items:center;gap:12px;padding:18px;border-radius:28px;background:var(--selva);color:#fff;box-shadow:0 8px 0 var(--selva-oscura);transition:background .4s,box-shadow .4s}.tarjeta-balance[data-animo=rico]{background:linear-gradient(135deg,var(--selva),#1f8a8a)}.tarjeta-balance[data-animo=nervioso]{background:#e8a33a;box-shadow:0 8px #b97a1c}.tarjeta-balance[data-animo=panico]{background:var(--rojo);box-shadow:0 8px #a8282c}.mono{width:110px;flex-shrink:0}.mono-svg{width:100%;display:block}.mono-feliz,.mono-rico{animation:balanceo 3s ease-in-out infinite;transform-origin:50% 90%}.mono{cursor:pointer}.pupilas{transition:transform .08s linear}.mono-nervioso{animation:temblor .5s ease-in-out infinite}.mono-panico{animation:temblor .18s linear infinite}.mono-svg .ojos{animation:parpadeo 4s infinite;transform-origin:50% 48%}@keyframes balanceo{50%{transform:rotate(-6deg)}}@keyframes temblor{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes parpadeo{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.etiqueta{font-size:.8rem;opacity:.85;font-weight:600}.monto-grande{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:2.6rem;line-height:1.1}.frase{font-size:.9rem;font-weight:600}.resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--tarjeta);border:2px solid var(--borde);border-radius:20px;padding:12px;text-align:center;font-weight:800}.resumen .etiqueta{color:var(--suave)}.mas{color:var(--selva)}.menos{color:var(--rojo)}.subtitulo{font-family:"Baloo 2",sans-serif;font-size:1.15rem;margin-bottom:8px}.gastos{list-style:none;padding:0;display:grid;gap:10px}.gasto{display:flex;align-items:center;gap:12px;background:var(--tarjeta);border:2px solid var(--borde);border-radius:18px;padding:12px;box-shadow:var(--sombra);transition:opacity .3s}.gasto.pagado{opacity:.55}.gasto.pagado .nombre{text-decoration:line-through}.emoji{font-size:1.7rem}.info{flex:1;min-width:0}.nombre{font-weight:800}.tipo{font-size:.75rem;color:var(--suave)}.montos{text-align:right}.monto{font-weight:800}.de{font-size:.75rem;color:var(--suave)}.frasco{height:8px;background:var(--borde);border-radius:99px;margin-top:6px;overflow:hidden}.frasco span{display:block;height:100%;background:var(--banana);border-radius:99px;transition:width .5s}.check{width:34px;height:34px;border-radius:50%;border:3px solid var(--selva);background:transparent;color:#fff;font-weight:800;cursor:pointer;flex-shrink:0}.pagado .check{background:var(--selva)}[hidden]{display:none!important}.entrada{text-align:center;padding-top:40px;justify-items:center}.mono-entrada{width:150px}.marca.grande{font-size:2.8rem}.lema{color:var(--suave);font-weight:600;max-width:340px}.tarjeta{background:var(--tarjeta);border:2px solid var(--borde);border-radius:24px;box-shadow:var(--sombra)}.formulario{width:100%;padding:18px;display:grid;gap:12px;text-align:left}.pestanas{display:grid;grid-template-columns:1fr 1fr;background:var(--fondo);border-radius:14px;padding:4px}.pestana{border:0;background:transparent;padding:10px;border-radius:11px;font:inherit;font-weight:800;color:var(--suave);cursor:pointer}.pestana.activa{background:var(--tarjeta);color:var(--texto);box-shadow:0 2px 0 var(--borde)}.campo{display:grid;gap:4px;font-size:.85rem;font-weight:800;color:var(--suave)}.campo input{font:inherit;font-size:1rem;font-weight:600;color:var(--texto);background:var(--fondo);border:2px solid var(--borde);border-radius:14px;padding:12px 14px;width:100%}.campo input:focus{outline:none;border-color:var(--selva)}.monto-campo input{font-family:"Baloo 2",sans-serif;font-size:2rem;font-weight:800;padding:6px 14px}.error{color:var(--rojo);font-weight:800;font-size:.9rem}.ayuda{color:var(--suave);font-size:.85rem;font-weight:600}.boton{font:inherit;font-weight:800;border:2px solid var(--borde);background:var(--tarjeta);color:var(--texto);border-radius:14px;padding:12px 16px;cursor:pointer;box-shadow:0 3px 0 var(--borde)}.boton:active{transform:translateY(3px);box-shadow:none}.boton.principal{background:var(--selva);border-color:var(--selva-oscura);color:#fff;box-shadow:0 4px 0 var(--selva-oscura)}.boton.peligro{color:var(--rojo);margin-right:auto}.boton:disabled{opacity:.6}.boton.enlace{border:0;box-shadow:none;background:transparent;color:var(--selva);text-decoration:underline}.boton.enlace.chico{padding:4px;font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-weight:800;font-size:.85rem;border:2px solid var(--borde);background:var(--fondo);color:var(--texto);border-radius:99px;padding:8px 14px;cursor:pointer}.chip.activo{background:var(--banana);border-color:#e0b520;color:#2b1d10}.emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:104px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:2px;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}.emojis::-webkit-scrollbar{display:none}.emoji-boton{font-size:1.4rem;border:2px solid transparent;background:var(--fondo);border-radius:12px;padding:4px 6px;cursor:pointer}.emoji-boton.activo{border-color:var(--selva)}.acciones{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hoja{border:0;padding:0;width:min(480px,100%);max-width:100%;margin:auto auto 0;border-radius:28px 28px 0 0;background:var(--tarjeta);color:var(--texto);max-height:92vh}@media(min-width:560px){.hoja{margin:auto;border-radius:28px}}.hoja[open]{animation:subir .25s ease-out}.hoja::backdrop{background:#1e140a73}.hoja form{padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:grid;gap:12px}.hoja h3{font-family:"Baloo 2",sans-serif;font-size:1.4rem}@keyframes subir{0%{transform:translateY(40px);opacity:0}}.frasco.grande{height:16px}.usos{list-style:none;padding:0;display:grid;gap:4px;color:var(--suave);font-weight:600;font-size:.9rem}.cabecera{gap:8px}.cabecera .marca{margin-right:auto}.celda{font:inherit;font-weight:800;color:inherit;background:none;border:0;padding:0;cursor:pointer}.celda:disabled{cursor:default}.aviso-cobro{font:inherit;font-weight:800;background:var(--banana);color:#2b1d10;border:0;border-radius:16px;padding:12px;cursor:pointer;box-shadow:0 4px #e0b520;animation:latido 1.6s ease-in-out infinite}@keyframes latido{50%{transform:scale(1.02)}}.vacio{color:var(--suave);text-align:center;padding:24px 8px;font-weight:600}.boton-flotante{position:fixed;right:max(16px,calc(50% - 224px));bottom:calc(20px + env(safe-area-inset-bottom));width:64px;height:64px;border-radius:50%;border:0;background:var(--banana);color:#2b1d10;font-size:2.4rem;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 6px #e0b520,0 10px 24px #0000002e;transition:transform .15s}.boton-flotante:active{transform:translateY(4px) scale(.96)}.app{padding-bottom:110px}.gasto{cursor:pointer}.tostada{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:var(--texto);color:var(--fondo);padding:10px 16px;border-radius:14px;font-weight:800;z-index:10;max-width:calc(100% - 32px)}.boton-sonido{border:0;background:transparent;font-size:1.3rem;cursor:pointer;padding:4px}.gasto.pasada .monto{color:var(--rojo)}.gasto.pasada .frasco{background:color-mix(in srgb,var(--rojo) 25%,var(--borde))}.monto-volador{position:fixed;left:0;top:0;z-index:20;pointer-events:none;background:var(--banana);color:#2b1d10;font-family:"Baloo 2",sans-serif;font-weight:800;padding:2px 10px;border-radius:99px;box-shadow:0 3px #e0b520}#valor-saldo,#valor-gastar{display:inline-block}.sugerencias{display:grid;gap:10px}.sugerencia{background:var(--tarjeta);border:2px dashed var(--banana);border-radius:18px;padding:12px;display:grid;gap:10px;font-weight:600;animation:subir .3s ease-out}.grupo{border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0}.grupo legend{font-size:.85rem;font-weight:800;color:var(--suave);margin-bottom:8px;padding:0}.segmentos{display:grid;grid-template-columns:repeat(3,1fr);background:var(--fondo);border:2px solid var(--borde);border-radius:16px;padding:4px;gap:4px}.segmento{font:inherit;font-weight:800;font-size:.85rem;border:0;background:transparent;color:var(--suave);border-radius:12px;padding:10px 4px;cursor:pointer;transition:background .15s,color .15s}.segmento.activo{background:var(--banana);color:#2b1d10;box-shadow:0 3px #e0b520}.meses-elegir{display:flex;align-items:center;justify-content:center;gap:18px;animation:subir .2s ease-out}.paso{width:48px;height:48px;border-radius:50%;border:2px solid var(--borde);background:var(--tarjeta);color:var(--texto);font-size:1.6rem;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--borde)}.paso:active{transform:translateY(3px);box-shadow:none}.paso:disabled{opacity:.35}.meses-cuenta{min-width:110px;text-align:center;font-weight:800;color:var(--suave)}.meses-cuenta b{font-family:"Baloo 2",sans-serif;font-size:2.2rem;color:var(--texto);line-height:1}.chips.chicas{justify-content:center}.chips.chicas .chip{min-width:44px;padding:6px 10px}.interruptor{display:flex;align-items:center;gap:12px;cursor:pointer}.interruptor span{flex:1;display:grid;gap:2px}.interruptor small{color:var(--suave);font-weight:600;font-size:.8rem}.interruptor input{position:absolute;opacity:0;pointer-events:none}.interruptor i{width:52px;height:30px;border-radius:99px;background:var(--borde);position:relative;flex-shrink:0;transition:background .2s}.interruptor i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s cubic-bezier(.3,1.6,.6,1)}.interruptor input:checked+i{background:var(--selva)}.interruptor input:checked+i:after{transform:translate(22px)}.interruptor input:focus-visible+i{outline:3px solid var(--banana)}.resumen-gasto{background:var(--fondo);border-radius:14px;padding:10px 12px;font-weight:700;font-size:.9rem}.hoja form{overflow-y:auto;max-height:92vh}.onboarding{padding-top:24px}.progreso{height:8px;background:var(--borde);border-radius:99px;overflow:hidden}.progreso span{display:block;height:100%;width:0;background:var(--selva);border-radius:99px;transition:width .4s cubic-bezier(.3,1.4,.6,1)}.charla{display:flex;align-items:flex-end;gap:10px}.mono-onb{width:96px;flex-shrink:0}.globo{position:relative;flex:1;background:var(--tarjeta);border:2px solid var(--borde);border-radius:20px 20px 20px 6px;padding:14px;font-weight:700;box-shadow:var(--sombra)}.onb-chips{gap:8px}.onb-chips .chip.activo:after{content:" ✓"}.onb-monto{display:grid;gap:10px;animation:subir .2s ease-out}.onb-cargados{list-style:none;padding:0;display:grid;gap:4px;font-weight:700}.onb-cargados li{background:var(--fondo);border-radius:10px;padding:6px 10px}