:root{color:#3f3124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#2f241b;--text-soft:#7b6754;--accent-strong:#a14f35;--line:#664a3124;--panel:#fffc;background:radial-gradient(circle at top,#fff6ec 0%,#f6eee5 42%,#efe5db 100%);font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,p{margin:0}h1{letter-spacing:-.04em;color:var(--text-strong);font-family:Iowan Old Style,Georgia,serif;font-size:clamp(3rem,5vw,5.6rem);line-height:.98}h2{letter-spacing:-.03em;color:var(--text-strong);margin:10px 0 12px;font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.1}.stylist-shell{grid-template-columns:minmax(0,1.05fr) minmax(360px,560px);min-height:100svh;display:grid;position:relative;overflow:hidden}.stylist-shell:before,.stylist-shell:after{content:"";filter:blur(10px);pointer-events:none;border-radius:999px;position:absolute}.stylist-shell:before{background:#e364482e;width:420px;height:420px;top:-120px;left:-120px}.stylist-shell:after{background:#26547c2e;width:360px;height:360px;bottom:-140px;right:-120px}.intro-panel,.form-panel{z-index:1;position:relative}.intro-panel{flex-direction:column;justify-content:center;gap:28px;padding:88px 72px;display:flex}.eyebrow,.panel-kicker{text-transform:uppercase;letter-spacing:.24em;color:var(--accent-strong);margin:0;font-size:.78rem}.intro-copy{max-width:560px;color:var(--text-soft);font-size:1.05rem}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.feature-strip article{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8f0b3;border-radius:24px;padding:18px 20px}.feature-strip strong,.feature-strip span{display:block}.feature-strip strong{color:var(--text-strong);margin-bottom:8px;font-size:1rem}.feature-strip span{color:var(--text-soft);font-size:.92rem}.intro-note{color:#fff7f0;background:#322318e0;border-radius:24px;max-width:440px;padding:18px 20px;box-shadow:0 22px 50px #3f29172e}.intro-note span{color:#ffe6d0c7;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;display:inline-block}.intro-note p{font-size:.98rem;line-height:1.6}.form-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffcf7e0;border:1px solid #5c442c1f;border-radius:32px;align-self:center;margin:28px;padding:36px;box-shadow:0 32px 80px #6c4f361f}.panel-header,.report-header{margin-bottom:28px}.panel-header p:last-child,.report-empty p,.report-card p{color:var(--text-soft)}.profile-form{flex-direction:column;gap:22px;display:flex}.photo-field{flex-direction:column;gap:10px;display:flex}.photo-field input{opacity:0;pointer-events:none;position:absolute}.photo-dropzone{background:linear-gradient(160deg, #fff4ebf2, #ffffffdb), var(--panel);cursor:pointer;border:1px dashed #b3583a59;border-radius:28px;place-items:center;min-height:320px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.photo-dropzone:hover{border-color:#b3583a99;transform:translateY(-2px);box-shadow:0 18px 40px #b3583a1f}.photo-dropzone.has-image{padding:0}.photo-dropzone img{object-fit:cover;width:100%;height:320px}.photo-placeholder{text-align:center;padding:32px}.photo-badge{color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;background:#b3583a1a;border-radius:999px;margin-bottom:18px;padding:7px 12px;font-size:.78rem;display:inline-flex}.photo-placeholder strong{color:var(--text-strong);margin-bottom:8px;font-size:1.35rem;display:block}.photo-placeholder p,.field-help{color:var(--text-soft)}.photo-tips{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.photo-tips article,.profile-summary,.report-card,.report-empty{border:1px solid var(--line);background:#ffffffb8;border-radius:20px}.photo-tips article{padding:16px}.photo-tips strong,.report-card h3,.report-empty strong{color:var(--text-strong);margin-bottom:6px;display:block}.photo-tips p{color:var(--text-soft);font-size:.92rem}.measurement-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.input-field{flex-direction:column;gap:10px;display:flex}.input-field>span{color:var(--text-strong);font-weight:600}.input-wrap{border:1px solid var(--line);background:#ffffffd9;border-radius:18px;align-items:center;gap:12px;padding:16px 18px;display:flex}.input-wrap:focus-within{border-color:#b3583aa6;box-shadow:0 0 0 4px #b3583a1a}.input-wrap input{width:100%;font:inherit;color:var(--text-strong);background:0 0;border:0;outline:0}.input-wrap input::placeholder{color:#a69280}.input-wrap em{color:var(--text-soft);font-style:normal}.profile-summary{flex-wrap:wrap;gap:10px;padding:14px;display:flex}.summary-chip,.report-tag{min-height:38px;color:var(--text-soft);background:#a14f3514;border-radius:999px;align-items:center;padding:0 14px;font-size:.92rem;display:inline-flex}.summary-chip.filled{color:var(--accent-strong);background:#b2553924;font-weight:600}.status-message{border-radius:16px;margin:0;padding:14px 16px;font-size:.95rem}.status-message.pending{color:#285271;background:#26547c1a}.status-message.error{color:#8d3229;background:#a63a2e1f}.submit-button{font:inherit;color:#fffaf5;cursor:pointer;background:linear-gradient(135deg,#b25539,#d28b3f);border:0;border-radius:18px;margin-top:6px;padding:18px 22px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 20px 35px #b2553940}.submit-button:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 24px 44px #b2553947}.submit-button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;filter:grayscale(.08);transform:none}.report-panel{border-top:1px solid #664a311f;margin-top:28px;padding-top:28px}.report-content{flex-direction:column;gap:16px;display:flex}.report-card,.report-empty{padding:18px}.highlight-card{background:linear-gradient(145deg,#fff4ecf5,#ffffffdb)}.caution-card{background:#faf0e9f2}.tag-list,.report-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.report-list{flex-direction:column;gap:8px;list-style:none}.report-list li{color:var(--text-soft);padding-left:18px;position:relative}.report-list li:before{content:"";background:#b2553973;border-radius:999px;width:8px;height:8px;position:absolute;top:.6em;left:0}@media (width<=1080px){.stylist-shell{grid-template-columns:1fr}.intro-panel{padding:64px 24px 28px}.form-panel{margin:0 20px 24px;padding:24px}}@media (width<=720px){.feature-strip,.measurement-grid,.photo-tips,.report-grid{grid-template-columns:1fr}.intro-panel{gap:20px}.photo-dropzone,.photo-dropzone img{height:260px;min-height:260px}}.runtime-pills{flex-wrap:wrap;gap:10px;display:flex}.runtime-pill{min-height:34px;color:var(--text-strong);letter-spacing:.02em;background:#fffcf7d1;border:1px solid #664a3124;border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;display:inline-flex}.photo-dropzone.drag-active{background:linear-gradient(160deg, #ffeee2fa, #fffffff0), var(--panel);border-color:#b3583ae6;transform:translateY(-2px)scale(1.01);box-shadow:0 22px 44px #b3583a2e}