@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500&family=Playfair+Display:wght@500;600&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}*{box-sizing:border-box}.onboarding-shell{color:#22201e;background:#f5f2ed;flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid #dfdad3;justify-content:space-between;align-items:center;height:86px;padding:0 max(5vw,28px);display:flex}.brand{color:#24211f;letter-spacing:.04em;align-items:center;gap:9px;font:500 15px DM Mono,monospace;text-decoration:none;display:flex}.brand-mark{color:#f8f6f1;background:#25221f;border-radius:50%;place-items:center;width:25px;height:25px;font:500 15px Georgia,serif;display:grid}.help-button{color:#67625d;cursor:pointer;background:0 0;border:0;font:500 12px DM Sans,sans-serif}.onboarding{flex:1;width:min(100% - 40px,600px);margin:0 auto;padding:54px 0 50px}.progress{color:#aba49b;letter-spacing:.08em;align-items:center;gap:11px;font:11px DM Mono,monospace;display:flex}.progress-current{color:#24211f}.progress-track{background:#d7d1c9;width:72px;height:1px;display:block}.progress-track i{background:#282420;width:33%;height:1px;display:block}.intro{margin:43px 0 38px}.eyebrow{letter-spacing:.12em;color:#a18470;margin:0 0 16px;font:500 11px DM Mono,monospace}.intro h1{color:#25211f;letter-spacing:-.045em;margin:0;font:500 clamp(36px,6vw,52px)/1.1 Playfair Display,Georgia,serif}.description{color:#746e68;margin:19px 0 0;font:15px/1.65 DM Sans,sans-serif}.profile-form{border-top:1px solid #dcd5cd;grid-template-columns:196px 1fr;gap:50px;padding-top:25px;display:grid}.field-label{color:#393531;margin:0 0 13px;font:500 12px DM Sans,sans-serif}.field-label em{color:#a18470;margin-left:5px;font:400 10px DM Sans,sans-serif}.field-label span{color:#a19a93;margin-top:5px;font:11px DM Sans,sans-serif;display:block}.photo-upload{aspect-ratio:1/1.16;color:#756e67;cursor:pointer;background:#eeebe6;border:1px dashed #c8c0b8;flex-direction:column;justify-content:center;align-items:center;width:196px;transition:all .2s;display:flex;position:relative;overflow:hidden}.photo-upload:hover{background:#e8e2da;border-color:#8b6c58}.photo-upload.has-photo{border-style:solid}.photo-upload img{object-fit:cover;width:100%;height:100%}.upload-icon{margin-bottom:9px;font:300 29px/1 DM Sans,sans-serif}.upload-copy{font:12px DM Sans,sans-serif}.has-photo .upload-copy{color:#fff;background:#14100d8c;width:100%;padding:9px;position:absolute;bottom:0}.photo-hint{color:#a29b94;width:200px;margin:10px 0 0;font:10px/1.45 DM Sans,sans-serif}.details-section{padding-top:1px}.measurements{gap:16px;display:grid}.measurements label>span{color:#756e67;margin-bottom:7px;font:11px DM Sans,sans-serif;display:block}.input-wrap{border-bottom:1px solid #bbb3ab;align-items:center;padding-bottom:8px;display:flex}.input-wrap:focus-within{border-color:#6e5041}.input-wrap input{appearance:textfield;color:#24211f;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font:16px DM Sans,sans-serif}.input-wrap input::placeholder{color:#c2bcb5}.input-wrap b{color:#878078;font:400 11px DM Mono,monospace}.next-button{color:#fff;cursor:pointer;background:#24211f;border:0;width:100%;margin-top:45px;padding:18px 20px;font:500 14px DM Sans,sans-serif;transition:all .2s}.next-button span{float:right;margin-top:-4px;font-size:19px}.next-button:hover:not(:disabled){background:#4b3930;transform:translateY(-1px)}.next-button:disabled{cursor:not-allowed;color:#aaa39c;background:#cbc5be}.success-message{text-align:center;color:#6c8b71;margin:14px 0 0;font:12px DM Sans,sans-serif}footer{color:#aaa39b;letter-spacing:.1em;text-align:center;border-top:1px solid #dfdad3;padding:19px 28px;font:9px DM Mono,monospace}@media (width<=560px){.topbar{height:67px;padding:0 20px}.onboarding{width:min(100% - 40px,420px);padding-top:35px}.intro{margin:35px 0 32px}.profile-form{grid-template-columns:1fr;gap:29px}.photo-section{grid-template-columns:1fr 120px;column-gap:14px;display:grid}.photo-section .field-label{grid-column:1/-1}.photo-upload{grid-area:2/2/span 2;width:120px}.photo-hint{align-self:end;width:auto;margin:0}.details-section{border-top:1px solid #e0dad2;padding-top:25px}.measurements{grid-template-columns:1fr 1fr;gap:20px}.next-button{margin-top:35px}}