*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f7fa;margin:0;font-family:Pretendard,Apple SD Gothic Neo,system-ui,-apple-system,sans-serif}#root{width:100%;min-height:100svh}button,input{font-family:inherit}.page{background:#f8f7fa;flex-direction:column;min-height:100svh;display:flex}.header{background:#fff;border-bottom:1px solid #ede8f5;align-items:center;gap:10px;padding:20px 32px;display:flex}.logo-icon{color:#7c3aed;font-size:20px}.logo-text{color:#1a1523;letter-spacing:-.3px;font-size:17px;font-weight:600}.main{flex:1;justify-content:center;align-items:center;padding:48px 20px;display:flex}.card{background:#fff;border:1px solid #ede8f5;border-radius:20px;width:100%;max-width:480px;padding:48px 44px;box-shadow:0 4px 24px #7c3aed14}.title{color:#1a1523;letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:700}.subtitle{color:#8b7fa8;margin:0 0 36px;font-size:14px;line-height:1.6}.section{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.section-label{color:#4c3d6b;letter-spacing:.2px;font-size:13px;font-weight:600}.upload-area{text-align:center;cursor:pointer;background:#faf9ff;border:2px dashed #d4c8f0;border-radius:14px;padding:40px 20px;transition:border-color .2s,background .2s}.upload-area:hover{background:#f4f0ff;border-color:#7c3aed}.upload-area.has-image{border-style:solid;border-color:#c4b5fd;padding:0;overflow:hidden}.preview-image{object-fit:cover;border-radius:12px;width:100%;max-height:280px;display:block}.upload-icon{color:#a78bfa;margin-bottom:12px;font-size:36px;line-height:1}.upload-text{color:#5b4b8a;margin:0 0 4px;font-size:14px;font-weight:500}.upload-hint{color:#a89bc4;margin:0;font-size:12px}.hidden-input{display:none}.change-photo-btn{color:#7c3aed;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.change-photo-btn:hover{color:#5b21b6}.row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-wrap{border:1.5px solid #ddd6fe;border-radius:10px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:#7c3aed}.input{color:#1a1523;background:0 0;border:none;outline:none;flex:1;width:0;padding:12px 14px;font-size:15px}.input::placeholder{color:#c4b5fd}.input::-webkit-inner-spin-button{-webkit-appearance:none}.input::-webkit-outer-spin-button{-webkit-appearance:none}.input{-moz-appearance:textfield}.unit{color:#9f8fc4;white-space:nowrap;padding:12px 14px 12px 0;font-size:13px;font-weight:500}.analyze-btn{color:#fff;cursor:pointer;letter-spacing:-.2px;background:#7c3aed;border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.analyze-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{color:#a78bfa;cursor:not-allowed;background:#ddd6fe}.notice{color:#a89bc4;text-align:center;margin:10px 0 0;font-size:12px}@media (width<=520px){.card{border-radius:16px;padding:32px 24px}.title{font-size:22px}}