.app-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.greeting-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:2rem;max-width:600px;padding:2.5rem;text-align:center;width:100%}.greeting-title{color:#1a202c;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.time-display{color:#4a5568;font-size:2rem;font-weight:500;margin-bottom:1rem}.task-display{background-color:#e2e8f0;border-radius:12px;color:#2d3748;display:inline-block;font-size:1.5rem;font-weight:500;padding:.75rem 1.5rem}.visual-context{display:flex;gap:3rem;justify-content:center;max-width:800px;width:100%}.context-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s ease}.context-card:hover{transform:translateY(-5px)}.context-image{border-radius:12px;box-shadow:0 2px 4px #0000001a;height:220px;margin-bottom:1rem;object-fit:cover;width:220px}.context-label{color:#4a5568;font-size:1.25rem;font-weight:600;margin:0}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin-top:3rem;padding:1rem 3rem;transition:all .3s ease}.start-button:hover{box-shadow:0 6px 20px #00000040;transform:scale(1.05)}.start-button:active{transform:scale(.98)}.result-action-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.5px;min-width:220px;padding:1rem 2rem;transition:all .3s ease}.result-action-btn:hover{box-shadow:0 6px 15px #00000026;transform:scale(1.05)}.result-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.result-action-btn.secondary{background:#e2e8f0;color:#2d3748}.result-action-btn.secondary:hover{background:#cbd5e0}.secondary-button{background:#fff;border:2px solid #cbd5e0;border-radius:50px;color:#4a5568;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:.8rem 2rem;transition:all .2s}.secondary-button:hover{background:#f7fafc;border-color:#a0aec0}.camera-container{align-items:center;display:flex;flex-direction:column;max-width:900px;width:100%}.camera-wrapper{background:#000;border-radius:20px;box-shadow:0 10px 30px #0003;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.webcam-view{display:block;height:auto;width:100%}.camera-overlay{background:#00000080;bottom:0;color:#fff;left:0;padding:1rem;position:absolute;right:0;text-align:center}.camera-instruction{font-size:1.2rem;font-weight:500;margin:0}.camera-controls{align-items:center;display:flex;gap:2rem;justify-content:center}.capture-button{background:#e53e3e;border:none;border-radius:50px;box-shadow:0 4px 15px #e53e3e66;color:#fff;cursor:pointer;font-size:1.5rem;padding:1rem 3rem;transition:transform .2s}.capture-button:hover{transform:scale(1.05)}.capture-button:disabled{background:#feb2b2;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;margin:2rem auto;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.9c06971b.css.map*/