*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:Roboto,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app-header{background:#0000004d;border-bottom:3px solid #d4af37;padding:2rem;text-align:center}.app-header h1{color:#d4af37;font-family:Pirata One,cursive;font-size:3.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #00000080}.subtitle{color:#ccc;font-size:1.2rem}.app-main{flex:1 1;justify-content:center;padding:2rem}.app-main,.webcam-container{align-items:center;display:flex;flex-direction:column}.webcam-container{gap:1.5rem}.webcam-wrapper{border:4px solid #d4af37;border-radius:16px;box-shadow:0 10px 40px #00000080;overflow:hidden;position:relative}.webcam{display:block;height:auto;max-width:100%;width:720px}.countdown-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.countdown-number{animation:pulse 1s ease-in-out infinite;color:#d4af37;font-family:Pirata One,cursive;font-size:10rem;text-shadow:0 0 20px #d4af37cc}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.capture-button{background:linear-gradient(135deg,#d4af37,#b8960c);border:none;border-radius:50px;box-shadow:0 4px 15px #d4af3766;color:#1a1a2e;cursor:pointer;font-family:Pirata One,cursive;font-size:1.5rem;padding:1rem 3rem;transition:all .3s ease}.capture-button:hover:not(:disabled){box-shadow:0 6px 20px #d4af3799;transform:translateY(-2px)}.capture-button:disabled{cursor:not-allowed;opacity:.6}.webcam-hint{color:#888;font-size:.9rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.spinner{height:150px;position:relative;width:150px}.spinner-ring{animation:spin 1.5s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#d4af37;height:100%;position:absolute;width:100%}.spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:1.2s;border-top-color:#fff;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-duration:.9s;border-top-color:#d4af37;height:60%;left:20%;top:20%;width:60%}.spinner-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.loading-message{color:#d4af37;font-family:Pirata One,cursive;font-size:1.5rem}.loading-facts{background:#ffffff1a;border-radius:8px;color:#aaa;font-style:italic;max-width:400px;padding:1rem;text-align:center}.image-display{max-width:1200px;width:100%}.image-comparison{flex-wrap:wrap;gap:2rem;justify-content:center}.image-card,.image-comparison{align-items:center;display:flex}.image-card{flex-direction:column;gap:1rem}.image-card h3{color:#d4af37;font-family:Pirata One,cursive;font-size:1.8rem}.image-frame{background:#222;border:3px solid #555;border-radius:12px;box-shadow:0 10px 40px #00000080;overflow:hidden}.image-frame.pirate-frame{border-color:#d4af37;box-shadow:0 10px 40px #d4af374d}.image-frame img{display:block;height:auto;max-width:100%;width:400px}.arrow{animation:arrowPulse 1.5s ease-in-out infinite;color:#d4af37;font-size:3rem}@keyframes arrowPulse{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(10px)}}.action-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.button-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1.1rem;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.button-icon{font-size:1.3rem}.print-button{background:#4a90d9;color:#fff}.print-button:hover{background:#3a7bc8}.email-button{background:#5cb85c;color:#fff}.email-button:hover{background:#4cae4c}.reset-button{background:#f0ad4e;color:#1a1a2e}.reset-button:hover{background:#ec971f}.email-form{display:flex;gap:.5rem;margin-top:1rem}.email-form input{background:#1a1a2e;border:2px solid #555;border-radius:8px;color:#fff;font-size:1rem;padding:.8rem 1rem;width:300px}.email-form input:focus{border-color:#d4af37;outline:none}.email-form button{background:#d4af37;border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:background .3s ease}.email-form button:hover:not(:disabled){background:#b8960c}.email-form button:disabled{cursor:not-allowed;opacity:.6}.error-message{align-items:center;background:#dc3545e6;border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 2rem}.error-message button{background:#fff;border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.app-footer{background:#0000004d;border-top:1px solid #333;color:#666;font-size:.9rem;padding:1rem;text-align:center}@media print{.action-buttons,.app-footer,.app-header,.webcam-container{display:none!important}.app-main{padding:0}.image-display{max-width:100%}.image-comparison{flex-direction:row;justify-content:space-around}.image-frame{border:2px solid #333;box-shadow:none}.image-frame img{width:300px}.arrow{color:#333}body{background:#fff;color:#000}.image-card h3{color:#333}}@media (max-width:768px){.app-header h1{font-size:2.5rem}.webcam{width:100%}.image-comparison{flex-direction:column}.arrow{transform:rotate(90deg)}@keyframes arrowPulse{0%,to{opacity:.5;transform:rotate(90deg) translateX(0)}50%{opacity:1;transform:rotate(90deg) translateX(10px)}}.image-frame img{width:300px}}
/*# sourceMappingURL=main.b62cf1bc.css.map*/