:root{font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#1f2b38}#root{min-height:100dvh}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(255,160,122,.26),transparent 42%),radial-gradient(circle at 80% 85%,rgba(142,197,252,.24),transparent 36%),linear-gradient(135deg,#f6f3ea,#ecf3f9)}.intake-card{width:min(760px,100%);padding:28px;border-radius:24px;background:#ffffffdb;border:1px solid rgba(58,79,99,.16);box-shadow:0 16px 38px #2c3a4c29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;color:#8c4b2f;font-size:.8rem;font-weight:700}h1{margin:10px 0 8px;color:#1f2b38;font-size:clamp(1.8rem,2.7vw,2.4rem);line-height:1.15}.intro{margin:0;color:#4d5b6c}.intake-form{margin-top:22px;display:grid;gap:14px}.field-label{color:#2a3744;font-weight:600;font-size:.95rem}.photo-field{display:grid;gap:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropzone{width:100%;border:2px dashed #8aa3b9;border-radius:14px;padding:13px 14px;background:#f7fafc;color:#2f3a46;font:inherit;font-weight:600;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.dropzone:hover{border-color:#3d7ea6;background:#f1f8fc}.dropzone.is-dragging{border-color:#2f6f93;background:#e6f2f9;transform:translateY(-1px)}.photo-preview{border:1px solid #ccd7e4;border-radius:16px;min-height:230px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e3eef973,#fffc)}.photo-preview span{color:#6a7a8b;font-size:.92rem;padding:18px;text-align:center}.photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.metrics-grid{display:grid;grid-template-columns:1fr;gap:12px}input[type=number]{width:100%;box-sizing:border-box;border:1px solid #b9c8d6;border-radius:12px;padding:12px 14px;font:inherit;color:#21303f;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}input[type=number]:focus,.dropzone:focus{outline:none;border-color:#3d7ea6;box-shadow:0 0 0 3px #3d7ea62e}.error-text{margin:0;color:#c0392b;font-size:.9rem;font-weight:500}.submit-btn{margin-top:6px;border:0;border-radius:12px;padding:13px 16px;color:#fff;background:linear-gradient(135deg,#2f6f93,#1d5576);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 20px #1f54743d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.report-panel{margin-top:26px;padding:18px;border-radius:16px;border:1px solid #ccd7e4;background:#ffffffd9}.report-panel h2{margin:0 0 12px;font-size:1.1rem;color:#1f2b38}.report-panel pre{margin:0;white-space:pre-wrap;word-break:keep-all;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;line-height:1.6;color:#243546}.hairstyle-block{margin-top:16px;display:grid;gap:10px}.hairstyle-block h3{margin:0;font-size:1rem;color:#23384d}.hairstyle-image{width:100%;border-radius:12px;border:1px solid #b9c8d6;display:block}.report-placeholder{margin:0;color:#627284}@media(min-width:680px){.intake-card{padding:34px}.metrics-grid{grid-template-columns:auto 1fr;align-items:center;column-gap:16px;row-gap:10px}}