:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}.onboarding-container{color:#f8fafc;background-color:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.top-left{background:#3b82f6;top:-100px;left:-100px}.bottom-right{background:#a855f7;bottom:-100px;right:-100px}.onboarding-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:450px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.onboarding-header{text-align:center;margin-bottom:32px}.title{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}.subtitle{color:#94a3b8;font-size:1.1rem}.onboarding-form{flex-direction:column;gap:24px;display:flex}.section-label{color:#cbd5e1;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.photo-upload-area{aspect-ratio:4/3;cursor:pointer;background:#0f172a80;border:2px dashed #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.photo-upload-area:hover{background:#0f172ab3;border-color:#60a5fa}.photo-upload-area.has-photo{border-style:solid;border-color:#fff3}.upload-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:12px;display:flex}.upload-icon{color:#60a5fa}.photo-preview{object-fit:cover;width:100%;height:100%}.change-photo-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.9rem;display:flex;position:absolute;bottom:0;left:0;right:0}.stats-section{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:#cbd5e1;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}input[type=number]{color:#f8fafc;background:#0f172a80;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}input[type=number]:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa33}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:16px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 10px 15px -3px #3b82f666}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.submit-button:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-container{color:#f8fafc;background-color:#0f172a;min-height:100vh;padding:40px 20px;position:relative;overflow-x:hidden}.result-container.error{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.result-content{z-index:1;max-width:1000px;margin:0 auto;position:relative}.back-icon-button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:10px;transition:all .3s}.back-icon-button:hover{color:#f8fafc;background:#ffffff1a}.result-header{text-align:center;margin-bottom:48px}.header-icon{color:#a855f7;width:40px;height:40px;margin-bottom:12px}.result-title{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:800}.result-grid{grid-template-columns:350px 1fr;align-items:start;gap:40px;display:grid}.preview-section{flex-direction:column;gap:24px;display:flex}.photo-frame{aspect-ratio:3/4;border:1px solid #ffffff1a;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d}.result-photo{object-fit:cover;width:100%;height:100%}.quick-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b80;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.stat-item{color:#cbd5e1;align-items:center;gap:12px;font-size:.95rem;display:flex}.stat-item svg{color:#60a5fa}.report-section{min-height:600px}.report-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;padding:40px}.report-content{color:#e2e8f0;line-height:1.8}.report-content h1,.report-content h2,.report-content h3{color:#f8fafc;margin-top:24px;margin-bottom:12px}.report-content p{margin-bottom:16px}.report-content ul{margin-bottom:16px;padding-left:20px}.report-content li{margin-bottom:8px}.result-actions{justify-content:center;gap:16px;margin-top:48px;display:flex}.share-button,.print-button{cursor:pointer;border-radius:12px;padding:14px 28px;font-weight:600;transition:all .3s}.share-button{color:#fff;background:#3b82f6;border:none}.print-button{color:#f8fafc;background:0 0;border:1px solid #fff3}.share-button:hover{background:#2563eb;transform:translateY(-2px)}.print-button:hover{background:#ffffff0d;transform:translateY(-2px)}.background-glow{filter:blur(120px);opacity:.1;z-index:0;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.top-right{background:#3b82f6;top:-100px;right:-100px}.bottom-left{background:#a855f7;bottom:-100px;left:-100px}@media (width<=900px){.result-grid{grid-template-columns:1fr}.preview-section{max-width:400px;margin:0 auto}.result-title{font-size:2.2rem}}#root{width:100%;margin:0 auto}body{background-color:#0f172a;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}*{box-sizing:border-box}