*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Noto Sans KR,system-ui,sans-serif;font-weight:400;line-height:1.5;color:#1a1a2e;background-color:#f7f4f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;background:linear-gradient(135deg,#f7f4f0,#ede8e0);display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{background:#fff;border-radius:24px;padding:48px 40px;width:100%;max-width:480px;box-shadow:0 8px 40px #00000014}.header{text-align:center;margin-bottom:40px}.header-badge{display:inline-block;background:#f0ebe4;color:#8b7355;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:16px}.header h1{font-size:26px;font-weight:700;color:#1a1a2e;margin-bottom:8px;letter-spacing:-.5px}.header p{font-size:14px;color:#9e9e9e;font-weight:300}.error-banner{background:#fff0f0;border:1px solid #ffd0d0;color:#c0392b;border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:24px;text-align:center}.photo-upload-section{margin-bottom:32px}.photo-upload-label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:10px}.photo-upload-area{border:2px dashed #e0d9d0;border-radius:16px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafaf9;position:relative;overflow:hidden}.photo-upload-area:hover{border-color:#c4a882;background:#f9f5f0}.photo-upload-area.drag-over{border-color:#c4a882;background:#f5efe7}.photo-upload-area.has-photo{border-style:solid;border-color:#c4a882;padding:0}.photo-preview{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:14px;display:block}.photo-upload-icon{width:52px;height:52px;background:#f0ebe4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.photo-upload-icon svg{width:24px;height:24px;color:#8b7355}.photo-upload-text{font-size:14px;font-weight:500;color:#555;margin-bottom:4px}.photo-upload-subtext{font-size:12px;color:#bbb}.photo-change-btn{position:absolute;bottom:12px;right:12px;background:#fffffff2;border:1px solid #e0d9d0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;color:#555;cursor:pointer;transition:all .2s}.photo-change-btn:hover{border-color:#c4a882;color:#8b7355}.body-info-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.input-group{display:flex;flex-direction:column}.input-label{font-size:13px;font-weight:500;color:#555;margin-bottom:8px}.input-wrapper{position:relative}.input-field{width:100%;padding:14px 44px 14px 16px;border:1.5px solid #e8e2db;border-radius:12px;font-size:16px;font-weight:500;font-family:inherit;color:#1a1a2e;background:#fafaf9;transition:all .2s;outline:none;appearance:none;-moz-appearance:textfield}.input-field::-webkit-inner-spin-button,.input-field::-webkit-outer-spin-button{-webkit-appearance:none}.input-field::placeholder{color:#ccc;font-weight:300}.input-field:focus{border-color:#c4a882;background:#fff;box-shadow:0 0 0 3px #c4a8821f}.input-unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:500;color:#bbb;pointer-events:none}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#2c2c3e,#1a1a2e);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1c1c2e40}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:#d0ccc6;cursor:not-allowed;transform:none;box-shadow:none}.loading-card{text-align:center;padding:64px 40px}.loading-spinner{width:52px;height:52px;border:3px solid #f0ebe4;border-top-color:#8b7355;border-radius:50%;margin:0 auto 28px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:10px}.loading-desc{font-size:14px;color:#9e9e9e;font-weight:300;margin-bottom:24px}.loading-steps{display:flex;gap:8px;justify-content:center;font-size:12px;color:#c4a882;font-weight:500}.result-bg{align-items:flex-start;padding:32px 16px 48px}.result-card{background:#fff;border-radius:24px;padding:48px 40px;width:100%;max-width:560px;box-shadow:0 8px 40px #00000014}.result-header{text-align:center;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #f0ebe4}.result-header h1{font-size:24px;font-weight:700;color:#1a1a2e;margin:12px 0 8px;letter-spacing:-.5px}.result-header p{font-size:13px;color:#aaa;font-weight:300}.report-body{margin-bottom:36px}.markdown-content .md-para{font-size:14px;color:#444;line-height:1.9;margin-bottom:16px}.markdown-content .md-para:last-child{margin-bottom:0}.markdown-content strong{font-weight:700;color:#1a1a2e}.markdown-content .md-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#1a1a2e;color:#fff;border-radius:50%;font-size:11px;font-weight:700;margin-right:4px;vertical-align:middle}.markdown-content .md-bullet{color:#c4a882;font-weight:700;margin-right:4px}.section-divider{height:1px;background:#f0ebe4;margin:36px 0}.hairstyle-section{margin-bottom:36px}.hairstyle-header{text-align:center;margin-bottom:20px}.hairstyle-header h2{font-size:20px;font-weight:700;color:#1a1a2e;margin:12px 0 8px;letter-spacing:-.5px}.hairstyle-header p{font-size:13px;color:#aaa;font-weight:300}.hairstyle-grid-img{width:100%;border-radius:16px;display:block;box-shadow:0 4px 24px #0000001a}.reset-btn{width:100%;padding:16px;background:transparent;color:#8b7355;border:1.5px solid #c4a882;border-radius:14px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#f5efe7}@media(max-width:480px){.card,.result-card{padding:36px 24px;border-radius:20px}.header h1,.result-header h1{font-size:22px}}