:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,#f5f0eb,#ede8e3);min-height:100vh;color:#2d2d2d}.container{max-width:480px;margin:0 auto;padding:32px 16px}.header{text-align:center;margin-bottom:28px}.header h1{font-size:2rem;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.header p{margin-top:8px;color:#666;font-size:.95rem}.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:24px}.unit-toggle{display:flex;background:#f3f3f3;border-radius:8px;padding:4px}.unit-toggle button{flex:1;border:none;background:transparent;padding:8px;border-radius:6px;font-size:.9rem;cursor:pointer;color:#666;transition:all .2s}.unit-toggle button.active{background:#fff;color:#1a1a1a;font-weight:600;box-shadow:0 1px 4px #0000001f}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:600;font-size:.9rem;color:#444}.input-group{display:flex;align-items:center;border:1.5px solid #e0e0e0;border-radius:10px;overflow:hidden;transition:border-color .2s}.input-group:focus-within{border-color:#c8a882}.input-group input{flex:1;border:none;outline:none;padding:12px 14px;font-size:1rem;color:#1a1a1a;background:transparent}.unit-label{padding:12px 14px;color:#999;font-size:.9rem;background:#fafafa;border-left:1.5px solid #e0e0e0}.input-row{display:flex;gap:12px}.input-row .input-group{flex:1}.photo-upload{border:2px dashed #ddd;border-radius:12px;min-height:180px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s;overflow:hidden}.photo-upload:hover{border-color:#c8a882;background:#fdf9f5}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#aaa}.upload-icon{font-size:2.5rem}.photo-placeholder p{font-size:.9rem}.photo-placeholder .hint{font-size:.75rem;color:#ccc}.preview-img{width:100%;max-height:280px;object-fit:cover;border-radius:10px}.btn-primary{width:100%;padding:14px;background:#2d2d2d;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#444}.btn-secondary{padding:10px 24px;background:transparent;color:#2d2d2d;border:1.5px solid #2d2d2d;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#2d2d2d;color:#fff}.btn-link{background:none;border:none;color:#c0392b;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0;align-self:flex-start}.success-card{align-items:center;text-align:center;gap:16px}.checkmark{width:60px;height:60px;background:#2d7a4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.success-card h2{font-size:1.5rem}.success-card p{color:#555}.profile-summary{display:flex;gap:24px;color:#555}.report-cta{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:16px}.report-cta .btn-primary{max-width:320px}.spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#2d2d2d;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:#c0392b;font-size:.9rem;text-align:center}.report-card{margin-top:20px}.report-card h2{font-size:1.3rem;font-weight:700;color:#1a1a1a;padding-bottom:12px;border-bottom:1.5px solid #f0f0f0}.report-body{display:flex;flex-direction:column;gap:6px}.report-body h3{margin-top:16px;font-size:1rem;font-weight:700;color:#1a1a1a}.report-body p{font-size:.92rem;color:#444;line-height:1.6}