:root{--text:#667085;--text-h:#111827;--bg:#f7f8fb;--surface:#fff;--border:#e4e7ec;--border-strong:#a7b0bf;--upload-bg:#f2f4f7;--accent:#2f6f66;--accent-bg:#2f6f661f;--accent-border:#2f6f6661;--shadow:#10182814 0 18px 36px -18px, #10182814 0 8px 18px -12px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#a6adbb;--text-h:#f6f7f9;--bg:#101418;--surface:#171c22;--border:#2a313a;--border-strong:#596575;--upload-bg:#111820;--accent:#57b6a8;--accent-bg:#57b6a824;--accent-border:#57b6a86b;--shadow:#00000061 0 18px 36px -18px, #00000038 0 8px 18px -12px}}#root{min-height:100svh}body{background:var(--bg);min-width:320px;min-height:100svh;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;font-size:54px;line-height:1.08}@media (width<=1024px){h1{font-size:36px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}*{box-sizing:border-box}.stylist-page{box-sizing:border-box;text-align:left;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);align-items:center;gap:56px;width:min(100%,1080px);min-height:100svh;margin:0 auto;padding:72px 32px;display:grid}.intro{max-width:480px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:700}.intro h1{margin:0}.intro-copy{color:var(--text);margin-top:22px;font-size:18px;line-height:1.65}.profile-form{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);box-sizing:border-box;border-radius:8px;padding:28px}.photo-uploader{aspect-ratio:4/5;border:1px dashed var(--border-strong);background:linear-gradient(135deg, #e5e7eb9e, #fff0), var(--upload-bg);width:100%;color:var(--text-h);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.photo-uploader input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-uploader img{object-fit:cover;width:100%;height:100%}.photo-uploader span{text-align:center;justify-items:center;gap:8px;padding:24px;display:grid}.photo-uploader strong{font-size:20px;font-weight:700}.photo-uploader small{color:var(--text);font-size:14px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.field{color:var(--text-h);gap:8px;font-size:15px;font-weight:700;display:grid}.number-input{border:1px solid var(--border);background:var(--bg);box-sizing:border-box;border-radius:8px;align-items:center;gap:8px;min-height:54px;padding:0 14px;display:flex}.number-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.number-input input{width:100%;min-width:0;color:var(--text-h);font:inherit;background:0 0;border:0;outline:0;font-size:18px}.number-input span{color:var(--text);font-size:15px;font-weight:600}.profile-form button{background:var(--accent);color:#fff;width:100%;min-height:54px;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:20px;font-size:17px;font-weight:700}.profile-form button:disabled{cursor:wait;opacity:.68}.profile-form button:focus-visible{outline:3px solid var(--accent-border);outline-offset:3px}.form-message{margin-top:14px;font-size:14px}.form-message.error{color:#b42318}.report{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.report h2{margin-bottom:12px;font-size:20px}.report p{color:var(--text-h);white-space:pre-wrap;font-size:16px;line-height:1.75}@media (width<=800px){.stylist-page{grid-template-columns:1fr;gap:28px;padding:40px 20px}.intro{max-width:none}.intro-copy{margin-top:16px;font-size:16px}.profile-form{padding:18px}}
