:root{--bg-base: #f5f7f2;--bg-accent: #e3efe6;--card-bg: #ffffff;--text-strong: #17231e;--text-body: #30433a;--text-muted: #5c6c63;--primary: #1f7a5b;--primary-hover: #155c43;--border: #c8d6cd;--error: #b32424;--success: #0c6d3f;--focus: #0d6d89;--radius-lg: 20px;--radius-md: 12px;--shadow: 0 18px 40px rgba(24, 44, 36, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Noto Sans KR,Apple SD Gothic Neo,sans-serif;color:var(--text-body);background:radial-gradient(circle at top left,#ddeed8 0,transparent 38%),radial-gradient(circle at bottom right,#d2e7e4 0,transparent 42%),var(--bg-base)}.page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.onboarding-card{width:min(100%,720px);border-radius:var(--radius-lg);background-color:var(--card-bg);border:1px solid #d8e1dc;box-shadow:var(--shadow);padding:28px}.page-header{margin-bottom:24px}.service-label{display:inline-block;margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}h1{margin:0;color:var(--text-strong);font-size:clamp(1.45rem,2vw + .6rem,2rem);line-height:1.2}.description{margin:12px 0 0;color:var(--text-body);font-size:1rem}.privacy-note{margin:8px 0 0;color:var(--text-muted);font-size:.92rem}.profile-form{display:grid;gap:22px}.form-section{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background:linear-gradient(180deg,#fcfdfc,#f9fbfa)}.section-title{margin:0 0 12px;color:var(--text-strong);font-size:1.05rem}.dropzone{border:2px dashed #9ab5a8;border-radius:14px;min-height:220px;display:flex;align-items:center;justify-content:center;padding:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;background-color:#f8fcf9}.dropzone.crop-mode{min-height:auto;align-items:stretch;cursor:default}.dropzone.dragover{border-color:var(--primary);background-color:#ebf8f1;box-shadow:0 0 0 4px #1f7a5b24}.dropzone.error-border{border-color:var(--error)}.dropzone:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.dropzone-text{margin:0;text-align:center;color:var(--text-body);font-weight:600;line-height:1.5}.dropzone-subtext{display:block;margin-top:8px;color:var(--text-muted);font-weight:500;font-size:.92rem}.preview-wrapper{width:min(100%,380px)}.preview-image{width:100%;display:block;border-radius:12px;object-fit:cover;max-height:320px}.crop-editor{width:100%;display:grid;gap:12px}.crop-canvas{display:block;width:min(100%,320px);max-width:100%;aspect-ratio:1 / 1;border-radius:12px;border:1px solid #99ada2;margin:0 auto;background-color:#e8efe9;touch-action:none;cursor:grab}.crop-canvas:active{cursor:grabbing}.crop-canvas:focus-visible{outline:3px solid rgba(13,109,137,.35);outline-offset:3px}.crop-hint{text-align:center;margin-top:2px}.zoom-control{display:grid;gap:6px}.zoom-row{display:flex;align-items:center;gap:10px}.zoom-row input[type=range]{width:100%}.zoom-value{min-width:48px;color:var(--text-muted);font-size:.88rem;font-weight:600;text-align:right}.crop-actions{display:flex;gap:10px;flex-wrap:wrap}.inline-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.input-group+.input-group{margin-top:16px}.input-label{display:inline-block;margin-bottom:8px;color:var(--text-strong);font-weight:600}.input-with-unit{display:flex;align-items:center;gap:10px}.input-with-unit input{width:100%;border:1px solid #b5c6bc;border-radius:10px;padding:12px 14px;font-size:1rem;color:var(--text-strong);background-color:#fff}.input-with-unit input:focus{outline:3px solid rgba(13,109,137,.2);border-color:var(--focus)}.input-with-unit input[aria-invalid=true]{border-color:var(--error)}.preferences-textarea{width:100%;min-height:110px;border:1px solid #b5c6bc;border-radius:10px;padding:12px 14px;font:inherit;color:var(--text-strong);resize:vertical;background-color:#fff}.preferences-textarea:focus{outline:3px solid rgba(13,109,137,.2);border-color:var(--focus)}.unit{min-width:34px;color:var(--text-muted);font-weight:600}.helper-text{margin:8px 0 0;font-size:.88rem;color:var(--text-muted)}.error-text{margin:8px 0 0;color:var(--error);font-size:.88rem;font-weight:600}.primary-btn,.secondary-btn,.ghost-btn{border-radius:10px;border:1px solid transparent;font:inherit;font-weight:600;min-height:46px;padding:0 16px;cursor:pointer}.primary-btn{width:100%;background-color:var(--primary);color:#fff;transition:background-color .2s ease}.primary-btn:hover:not(:disabled){background-color:var(--primary-hover)}.primary-btn:disabled{cursor:not-allowed;opacity:.52}.secondary-btn{background-color:#eff8f3;border-color:#b8d3c5;color:var(--text-strong)}.ghost-btn{background-color:#fff;border-color:#ccd7d0;color:#36483e}.secondary-btn:focus-visible,.ghost-btn:focus-visible,.primary-btn:focus-visible{outline:3px solid rgba(13,109,137,.35);outline-offset:2px}.secondary-btn:disabled,.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.success-text{margin:-4px 0 0;border-radius:10px;background-color:#ebf8ee;border:1px solid #b7e0c2;padding:12px 14px;color:var(--success);font-size:.95rem;font-weight:600}.analysis-error{margin-top:-6px}.report-section{background:linear-gradient(180deg,#f7fbf9,#eef7f3)}.report-block+.report-block{margin-top:14px}.report-subtitle{margin:0 0 8px;color:var(--text-strong);font-size:.98rem}.report-content{margin:0;color:var(--text-body);line-height:1.65;white-space:pre-wrap}.report-list{margin:0;padding-left:18px;display:grid;gap:8px}.report-list-item{color:var(--text-body)}.report-item-title{margin:0;font-weight:700;color:var(--text-strong)}.report-item-body{margin:4px 0 0}.report-item-note{margin:4px 0 0;color:var(--text-muted)}.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}@media(max-width:768px){.onboarding-card{padding:22px 16px;border-radius:16px}.dropzone{min-height:188px}.inline-actions{flex-direction:column}.secondary-btn,.ghost-btn{width:100%}.crop-actions{flex-direction:column}}