
[hidden]{display:none!important}.onboarding-layer{position:fixed;inset:0;background:#172019a6;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;overscroll-behavior:contain}.onboarding-panel{background:#faf9f6;color:#17231b;border-radius:22px;width:min(600px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:30px;box-shadow:0 22px 80px #0004}.onboard-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.onboard-top .text-button{font-size:12px;min-height:44px}.onboard-progress{display:flex;gap:8px;margin:12px 0}.onboard-progress span{height:4px;border-radius:3px;background:#dce3d5;flex:1}.onboard-progress span:first-child,.onboarding-panel[data-step="2"] .onboard-progress span{background:#55704a}.onboarding-panel h2{font-size:30px;margin:15px 0 10px}.onboarding-panel fieldset{border:0;margin:18px 0;padding:0;min-width:0}.audience-choice{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #d5ddcf;border-radius:12px;margin:10px 0;cursor:pointer;background:white}.audience-choice:has(input:checked),.style-choice:has(input:checked){background:#edf3e6;border-color:#48623c;box-shadow:0 0 0 1px #48623c}.onboarding-panel input{accent-color:#35502e;width:20px;height:20px;flex-shrink:0}.onboarding-panel b{font-size:15px}.onboarding-panel small{display:block;font-size:11px;line-height:1.5;color:#606d58;margin-top:4px}.style-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.style-choice{position:relative;overflow:hidden;border:1px solid #d5ddcf;border-radius:12px;background:#fff;cursor:pointer}.style-choice>img{width:100%;height:115px;object-fit:cover;object-position:center 20%;display:block}.style-choice>input{position:absolute;top:10px;right:10px;z-index:1;box-shadow:0 0 0 3px #fff;border-radius:3px}.style-choice>span{display:block;padding:12px}.style-choice:focus-within,.audience-choice:focus-within{outline:3px solid #8b684a;outline-offset:3px}.setup-actions{display:grid;grid-template-columns:1fr 2fr;gap:12px}.setup-error{font-size:13px;color:#963c35;min-height:18px}.setup-local{margin-bottom:0}.feed-profile{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 18px;padding:15px 18px;background:#f0f2e9;border:1px solid #dde4d5;border-radius:12px}.feed-profile p{margin:6px 0 0;font-size:12px;color:#526348;line-height:1.5}.feed-profile .eyebrow{font-size:8px}.feed-profile button{font-size:11px;min-width:100px}.hero-duo.single-look{grid-template-columns:1fr;max-width:290px;width:100%;justify-self:center}.sr-only{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:600px){.onboarding-layer{padding:12px}.onboarding-panel{padding:21px;max-height:calc(100dvh - 24px);border-radius:16px}.onboarding-panel h2{font-size:27px}.onboard-top .eyebrow{font-size:8px}.style-choice>img{height:95px}.style-choice>span{padding:10px}.style-choice small{font-size:10px}.style-choices{gap:10px}.feed-profile{padding:12px}.hero-duo.single-look{max-width:220px}.onboarding-panel .muted{font-size:13px}.onboarding-panel .setup-local{font-size:10px}}
