.startup{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(125deg,#e3f7ff,#f8fafc);padding:30px;text-align:center}.startup img{height:160px;animation:cosapin-welcome 1s ease-out both}.startup progress{max-width:260px}.capture-steps{display:flex;list-style:none;flex-wrap:wrap;gap:10px;padding:0}.capture-steps li{padding:8px 12px;border-radius:20px;background:#e8f6fe;color:#007db5;font-size:11px}.camera-choice{font-size:16px;font-weight:600;color:#007db5;text-align:left;background:white;padding:16px;border:1px solid #abd5ea;border-radius:14px}.capture-preview{display:block;max-width:100%;max-height:260px;object-fit:contain;margin:15px auto;border-radius:10px}.pet img,.login-pet{transform-origin:50% 90%;animation:cosapin-breathe 5s ease-in-out infinite}.pet:hover img,.pet:focus-visible img{animation:cosapin-wave .6s ease-in-out 2}.pet-paused .pet img,.pet-paused .login-pet,.pet-paused .startup img{animation:none!important}.onboarding-count{font-size:11px;color:#007db5}.onboarding-panel{background:linear-gradient(135deg,#e5f7ff,#fff);padding:24px;border-radius:18px;margin:16px 0}.onboarding-panel p{font-size:15px}.sunat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.sunat-grid article{border:1px solid var(--line);border-radius:14px;padding:18px;background:#f7fbfe}.sunat-grid strong{display:block;margin:8px 0}.sunat-grid small{display:block}.pet[aria-expanded=true] img{animation:cosapin-wave .6s ease-out 2}@keyframes cosapin-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes cosapin-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(5deg)}}@keyframes cosapin-welcome{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.pet img{display:block;height:48px}.pet span{display:none}.sunat-grid{grid-template-columns:1fr}.capture-steps li{font-size:10px}.camera-choice input{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.live-camera{margin:16px 0;padding:14px;border:1px solid #a8d5e9;background:#fff;border-radius:15px}.live-camera video{width:100%;max-height:55vh;object-fit:contain;background:#132534;border-radius:10px;display:block;margin:12px 0}.live-camera .actions{justify-content:center}.live-camera p{font-size:12px}