body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#f7f4f0;min-height:100vh}.profile-form{--ink:#1d1b19;--muted:#7a736c;--line:#e4ded6;--surface:#fff;--accent:#1d1b19;--error:#c2412d;box-sizing:border-box;width:100%;max-width:440px;color:var(--ink);flex-direction:column;gap:24px;margin:0 auto;padding:40px 20px 32px;display:flex}.profile-form__header h1{letter-spacing:-.02em;margin:4px 0 8px;font-size:1.75rem}.profile-form__step{letter-spacing:.12em;color:var(--muted);margin:0;font-size:.75rem;font-weight:700}.profile-form__desc{color:var(--muted);margin:0;line-height:1.5}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field__label{font-size:.875rem;font-weight:600}.field__error{color:var(--error);margin:0;font-size:.8125rem}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.photo-picker{aspect-ratio:3/4;border:1.5px dashed var(--line);background:var(--surface);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:16px;padding:0;position:relative;overflow:hidden}.photo-picker:hover,.photo-picker:focus-visible{border-color:var(--ink);outline:none}.photo-picker--filled{border-style:solid}.photo-picker img{object-fit:cover;width:100%;height:100%;display:block}.photo-picker__empty{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.photo-picker__empty small{color:var(--muted)}.photo-picker__icon{background:#f1ede8;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:6px;font-size:1.5rem;display:grid}.photo-picker__change{color:#fff;background:#1d1b19bf;border-radius:999px;padding:6px 12px;font-size:.8125rem;position:absolute;bottom:12px;right:12px}.input-unit{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;height:52px;padding:0 16px;display:flex}.input-unit:focus-within{border-color:var(--ink)}.input-unit input{min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:1.0625rem}.input-unit span{color:var(--muted)}.is-error{border-color:var(--error)}.profile-form__privacy{color:var(--muted);text-align:center;margin:0;font-size:.8125rem}.submit-button{background:var(--accent);color:#fff;height:56px;font:inherit;cursor:pointer;border:none;border-radius:14px;font-size:1rem;font-weight:700}.submit-button:hover{opacity:.9}