*,*:before,*:after{box-sizing:border-box}:root{--brown: #401c14;--orange: #e8501d;--red: #98211e;--cream: #f4f0e4;--beige: #ddd8d0;--text: #111827;--text2: #6b7280;--text3: #9ca3af}.fi{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;color:var(--text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.fi:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e8501d1a}.sc{background:var(--cream);border-radius:16px;padding:24px;margin-bottom:16px}.st{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--orange);margin-bottom:16px;display:flex;align-items:center;gap:8px}.cat-llamada{--cat: #e8501d}.cat-revelacion{--cat: #6366f1}.cat-ilustracion{--cat: #059669}.cat-versiculo{--cat: #7c3aed}.cat-promesa{--cat: #0284c7}.cat-desafio{--cat: var(--red)}.cat-transicion{--cat: #9ca3af}.chip{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:600;border:1.5px solid var(--beige);background:#fff;cursor:pointer;color:var(--text2);transition:all .15s;white-space:nowrap}.chip:hover{border-color:var(--orange);color:var(--orange)}.chip.active{background:var(--orange);border-color:var(--orange);color:#fff}.btn-primary{width:100%;padding:14px;border-radius:12px;border:none;background:var(--orange);color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s}.btn-primary:hover{background:#d44519}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:#e5e7eb;color:var(--text3);cursor:not-allowed}.btn-secondary{padding:8px 16px;border-radius:10px;border:1.5px solid var(--beige);background:#fff;color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}.momento-card{background:#fff;border-radius:14px;padding:18px 20px;border-left:4px solid var(--cat, var(--orange));border-top:1px solid #f3f4f6;border-right:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin-bottom:10px}.cat-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:10px;font-weight:700;background:color-mix(in srgb,var(--cat, var(--orange)) 12%,white);color:var(--cat, var(--orange));text-transform:uppercase;letter-spacing:.06em}.ts-link{font-size:11px;font-weight:600;color:var(--orange);text-decoration:none;display:inline-flex;align-items:center;gap:3px}.ts-link:hover{text-decoration:underline}.score-bars{display:flex;align-items:flex-end;gap:2px}.score-bar{width:4px;border-radius:2px}.texto-momento{font-size:15px;line-height:1.75;color:var(--text);font-style:italic;margin:12px 0 8px;border-left:2px solid var(--beige);padding-left:14px}.razon-momento{font-size:12px;color:var(--text2)}.clip-card{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid #f3f4f6;margin-bottom:8px}.clip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:6px}.clip-num{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.clip-fragmento{font-size:13px;font-style:italic;color:var(--text2);line-height:1.6;margin-bottom:6px}.clip-razon{font-size:11px;color:var(--text3)}.spinner{width:44px;height:44px;border:3px solid var(--beige);border-top-color:var(--orange);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease both}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:20px 22px;color:#dc2626}.help-toggle{font-size:12px;color:var(--orange);cursor:pointer;background:none;border:none;font-family:inherit;padding:0;text-decoration:underline}.help-body{overflow:hidden;max-height:0;transition:max-height .3s ease}.help-body.open{max-height:200px}.help-content{margin-top:10px;background:#fff;border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text2);line-height:1.75}