.hho-gate{--hho-ink:#202124;--hho-muted:#858589;--hho-line:#e9e9ec;--hho-accent:#242426;position:fixed;inset:0;z-index:3200;overflow:auto;background:#fcfcfd;color:var(--hho-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;padding:78px 24px 34px;box-sizing:border-box;color-scheme:light}
.hho-gate *{box-sizing:border-box}
.hho-gate [hidden]{display:none!important}
.hho-brand{position:absolute;top:25px;left:30px;font-size:14px;font-weight:600;letter-spacing:.1px;color:#343438}
.hho-brand small{font-size:11px;color:#8c8c90;font-weight:400;margin-left:5px;letter-spacing:1px}
.hho-shell{width:100%;max-width:480px;min-height:calc(100dvh - 112px);margin:0 auto;display:flex;flex-direction:column}
.hho-rail{display:flex;gap:12px;align-items:center;min-height:26px;margin-bottom:40px;color:var(--hho-muted);font-size:12px}
.hho-gate .hho-back{padding:0;border:0;background:transparent;color:var(--hho-ink);font-size:20px;width:22px;height:26px;flex:none;border-radius:4px;line-height:1}
.hho-back-hidden{visibility:hidden}
.hho-progress{display:flex;gap:6px;flex:1}
.hho-progress span{height:4px;background:#ededf0;flex:1;border-radius:2px}
.hho-progress span.active{background:#252527}
.hho-step-name{white-space:nowrap;font-size:12px}
.hho-step-count{font-size:11px;white-space:nowrap;color:#a0a0a4}
.hho-content{padding:0;min-width:0}
.hho-gate h1{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.5px;margin:0 0 10px;color:var(--hho-ink)}
.hho-gate h2{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px;color:var(--hho-ink)}
.hho-hint{font-size:13px;line-height:1.6;color:var(--hho-muted);margin:0 0 28px}
.hho-hint [data-interest-count]{font-size:11px;margin-left:10px;color:#aaaab0}
.hho-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--hho-muted);font-size:12px;margin-bottom:10px}
.hho-options{margin:0;padding:0;border:0;min-width:0;display:flex;flex-wrap:wrap;gap:10px 8px}
.hho-option{position:relative;min-height:40px;display:inline-flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--hho-line);border-radius:8px;cursor:pointer;color:#414146;font-size:13px;font-weight:500;line-height:1.45;background:#fcfcfd;max-width:100%;transition:background .12s,border-color .12s}
.hho-option span{min-width:0}
.hho-choice-icon{width:16px;height:16px;flex:none;color:#808087}
.hho-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.hho-option:hover{border-color:#c7c7cc;background:#f7f7f9}
.hho-option:has(input:checked){background:#f1f1f3;border-color:#3d3d44;color:#202124}
.hho-option:has(input:checked) .hho-choice-icon{color:#34343a}
.hho-option:has(input:disabled){opacity:.45;cursor:default}
.hho-option:has(input:focus-visible){outline:2px solid #54545d;outline-offset:3px}
.hho-interests{display:grid;grid-template-columns:1fr;gap:10px}
.hho-interests .hho-option{padding:13px 14px;min-height:48px;font-size:13px;line-height:1.6}
.hho-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hho-gate button{font:inherit;cursor:pointer}
.hho-gate button:disabled{cursor:default;opacity:.45}
.hho-footer{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:10px;align-items:stretch}
.hho-footer-hint{font-size:12px;line-height:1.5;color:#919196;margin:0 0 -3px}
.hho-gate .hho-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;min-height:38px;border:1px solid var(--hho-line);background:#fcfcfd;border-radius:7px;color:#45454b;font-size:13px!important;line-height:1.4}
.hho-gate .hho-button:hover{background:#f0f0f3;border-color:#d9d9df}
.hho-gate .hho-primary{width:100%;background:var(--hho-accent);color:#fff;border-color:var(--hho-accent);min-height:40px}
.hho-gate .hho-primary:hover{background:#3c3c41;border-color:#3c3c41;color:#fff}
.hho-gate .hho-primary:disabled{background:#8f8f95;border-color:#8f8f95;color:#fff;opacity:1}
.hho-gate .hho-link{background:transparent;border:0;color:#6f6f75;font-size:12px!important;padding:7px 0;min-height:30px;border-radius:4px}
.hho-gate .hho-link:hover{background:#f3f3f5;color:#25252b}
.hho-profile-preview{display:flex;gap:12px;align-items:center;padding:0;margin:0 0 20px}
.hho-profile-preview img{width:50px;height:50px;object-fit:cover;border-radius:50%;background:#efeff3;flex:none}
.hho-preview-name{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.hho-preview-caption{font-size:11px;color:var(--hho-muted);margin-top:4px}
.hho-field-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:0 0 8px}
.hho-field-heading small,.hho-count{font-size:11px;color:var(--hho-muted);font-weight:400}
.hho-required{color:#858589;font-size:10px;margin-left:6px;font-weight:400}
.hho-avatars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.hho-gate .hho-avatar{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:8px;padding:10px 2px;color:#727278}
.hho-avatar img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;max-width:100%}
.hho-gate .hho-avatar:hover{background:#f0f0f3}
.hho-gate .hho-avatar[aria-pressed=true]{background:#f1f1f4;border-color:#676770;color:#303036}
.hho-avatar[aria-pressed=true]:after{content:'✓';position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#36363e;color:#fff;display:grid;place-items:center;font-size:9px}
.hho-field{margin-top:17px}
.hho-field>label{display:block;font-size:12px;margin-bottom:8px}
.hho-field input{font:inherit;display:block;width:100%;min-width:0;border:1px solid #dfdfe5;border-radius:7px;padding:9px 11px;min-height:38px;background:#fcfcfd;color:var(--hho-ink);font-size:13px;line-height:1.4}
.hho-field input[aria-invalid=true]{border-color:#c46360}
.hho-field-help{font-size:11px;line-height:1.5;color:var(--hho-muted);margin:6px 0 0}
.hho-field-error{font-size:11px;line-height:1.5;color:#b4534c;margin:6px 0 0}
.hho-field-error:empty{display:none}
.hho-code-status{color:#48775f}
.hho-notice{font-size:12px;line-height:1.6;margin:16px 0 0;color:#a64843;overflow-wrap:anywhere}
.hho-notice:empty{display:none}
.hho-save-note{font-size:11px;color:#a0a0a5;margin:14px 0 0}
.hho-examples{display:grid;gap:10px}
.hho-example{border:1px solid var(--hho-line);padding:16px;border-radius:9px;background:#fcfcfd}
.hho-example-head{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.hho-example-head img{width:38px;height:38px;object-fit:cover;border-radius:9px}
.hho-example-head h2{font-size:15px;margin:0 0 3px}
.hho-example-head small{font-size:10px;color:var(--hho-muted)}
.hho-example p{color:#85858d;font-size:12px;line-height:1.5;margin:0 0 11px}
.hho-tags{display:flex;gap:5px;flex-wrap:wrap}
.hho-tags span{font-size:10px;padding:3px 6px;border-radius:4px;background:#f1f1f4;color:#85858b}
.hho-example-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between}
.hho-example-bottom .hho-button{font-size:11px!important;padding:7px 9px;min-height:30px;white-space:nowrap}
.hho-detail-section{margin-top:24px}
.hho-detail-section h3{font-size:13px;font-weight:600;margin:0 0 10px}
.hho-detail-section p{font-size:13px;line-height:1.7;color:#85858d;margin:0}
.hho-detail-section ul{font-size:13px;color:#85858d;padding-left:18px;line-height:1.9}
.hho-loading{color:var(--hho-muted);font-size:13px;padding:24px 0}
.hho-gate :focus-visible{outline:2px solid #656571;outline-offset:3px}
.hho-gate h1:focus,.hho-gate h2:focus{outline:none}
.hho-gate[hidden]{display:none!important}
@media(max-height:780px) and (min-width:521px){.hho-gate{padding-top:64px;padding-bottom:24px}.hho-shell{min-height:calc(100dvh - 88px)}.hho-rail{margin-bottom:28px}.hho-gate[data-stage=profile] .hho-hint{margin-bottom:18px}.hho-gate[data-stage=profile] .hho-footer{padding-top:18px}}
@media(max-width:520px){.hho-gate{padding:67px 24px 22px}.hho-brand{top:23px;left:24px;font-size:13px}.hho-shell{min-height:calc(100dvh - 89px)}.hho-rail{gap:10px;margin-bottom:36px}.hho-step-count{font-size:10px}.hho-gate h1{font-size:23px}.hho-hint{margin-bottom:24px}.hho-option{font-size:12px;padding:9px 10px;min-height:40px}.hho-options{gap:9px 7px}.hho-interests{gap:10px}.hho-interests .hho-option{font-size:13px;padding:13px 12px}.hho-avatars{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hho-avatar img{width:43px;height:43px}.hho-gate .hho-avatar{padding:10px 2px}.hho-profile-preview{margin-bottom:18px}.hho-field input{font-size:16px}.hho-footer{padding-top:30px;padding-bottom:env(safe-area-inset-bottom)}.hho-example{padding:14px}.hho-example-bottom{gap:8px}.hho-example-bottom .hho-tags{max-width:170px}}
@media(prefers-reduced-motion:reduce){.hho-option{transition:none}}


/* The workbench chrome stays hidden until the first gate decision to avoid a flash of the placeholder shell. */
html[data-wepre-onboarding-desktop][data-hh-boot] body{display:none!important}
html[data-wepre-onboarding-desktop] .hho-gate{--hho-ink:#202124;--hho-muted:#858589;--hho-line:#e9e9ec;--hho-accent:#242426;position:fixed;inset:0;z-index:3200;overflow:auto;background:#fcfcfd;color:var(--hho-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;padding:78px 24px 34px;box-sizing:border-box;color-scheme:light}
html[data-wepre-onboarding-desktop] .hho-gate.hho-fade{opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}
html[data-wepre-onboarding-desktop] .hho-gate.hho-fade.hho-in{opacity:1;transform:none}
html[data-wepre-onboarding-desktop] .hho-gate *{box-sizing:border-box}
html[data-wepre-onboarding-desktop] .hho-gate [hidden]{display:none!important}
html[data-wepre-onboarding-desktop] .hho-shell{width:100%;max-width:480px;min-height:calc(100dvh - 112px);margin:0 auto;display:flex;flex-direction:column}
html[data-wepre-onboarding-desktop] .hho-rail{display:flex;gap:12px;align-items:center;min-height:26px;margin-bottom:40px;color:var(--hho-muted);font-size:12px}
html[data-wepre-onboarding-desktop] .hho-gate .hho-back{padding:0;border:0;background:transparent;color:var(--hho-ink);font-size:20px;width:22px;height:26px;flex:none;border-radius:4px;line-height:1}
html[data-wepre-onboarding-desktop] .hho-back-hidden{visibility:hidden}
html[data-wepre-onboarding-desktop] .hho-progress{display:flex;gap:6px;flex:1}
html[data-wepre-onboarding-desktop] .hho-progress span{height:4px;background:#ededf0;flex:1;border-radius:2px}
html[data-wepre-onboarding-desktop] .hho-progress span.active{background:#252527}
html[data-wepre-onboarding-desktop] .hho-step-name{white-space:nowrap;font-size:12px}
html[data-wepre-onboarding-desktop] .hho-step-count{font-size:11px;white-space:nowrap;color:#a0a0a4}
html[data-wepre-onboarding-desktop] .hho-content{padding:0;min-width:0}
html[data-wepre-onboarding-desktop] .hho-gate h1{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.5px;margin:0 0 10px;color:var(--hho-ink)}
html[data-wepre-onboarding-desktop] .hho-gate h2{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px;color:var(--hho-ink)}
html[data-wepre-onboarding-desktop] .hho-hint{font-size:13px;line-height:1.6;color:var(--hho-muted);margin:0 0 28px}
html[data-wepre-onboarding-desktop] .hho-hint [data-interest-count]{font-size:11px;margin-left:10px;color:#aaaab0}
html[data-wepre-onboarding-desktop] .hho-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--hho-muted);font-size:12px;margin-bottom:10px}
html[data-wepre-onboarding-desktop] .hho-options{margin:0;padding:0;border:0;min-width:0;display:flex;flex-wrap:wrap;gap:10px 8px}
html[data-wepre-onboarding-desktop] .hho-option{position:relative;min-height:40px;display:inline-flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--hho-line);border-radius:8px;cursor:pointer;color:#414146;font-size:13px;font-weight:500;line-height:1.45;background:#fcfcfd;max-width:100%;transition:background .12s,border-color .12s}
html[data-wepre-onboarding-desktop] .hho-option span{min-width:0}
html[data-wepre-onboarding-desktop] .hho-choice-icon{width:16px;height:16px;flex:none;color:#808087}
html[data-wepre-onboarding-desktop] .hho-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
html[data-wepre-onboarding-desktop] .hho-option:hover{border-color:#c7c7cc;background:#f7f7f9}
html[data-wepre-onboarding-desktop] .hho-option:has(input:checked){background:#f1f1f3;border-color:#3d3d44;color:#202124}
html[data-wepre-onboarding-desktop] .hho-option:has(input:checked) .hho-choice-icon{color:#34343a}
html[data-wepre-onboarding-desktop] .hho-option:has(input:disabled){opacity:.45;cursor:default}
html[data-wepre-onboarding-desktop] .hho-option:has(input:focus-visible){outline:2px solid #54545d;outline-offset:3px}
html[data-wepre-onboarding-desktop] .hho-interests{display:grid;grid-template-columns:1fr;gap:10px}
html[data-wepre-onboarding-desktop] .hho-interests .hho-option{padding:13px 14px;min-height:48px;font-size:13px;line-height:1.6}
html[data-wepre-onboarding-desktop] .hho-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html[data-wepre-onboarding-desktop] .hho-gate button{font:inherit;cursor:pointer}
html[data-wepre-onboarding-desktop] .hho-gate button:disabled{cursor:default;opacity:.45}
html[data-wepre-onboarding-desktop] .hho-footer{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:10px;align-items:stretch}
html[data-wepre-onboarding-desktop] .hho-footer-hint{font-size:12px;line-height:1.5;color:#919196;margin:0 0 -3px}
html[data-wepre-onboarding-desktop] .hho-gate .hho-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;min-height:38px;border:1px solid var(--hho-line);background:#fcfcfd;border-radius:7px;color:#45454b;font-size:13px!important;line-height:1.4}
html[data-wepre-onboarding-desktop] .hho-gate .hho-button:hover{background:#f0f0f3;border-color:#d9d9df}
html[data-wepre-onboarding-desktop] .hho-gate .hho-primary{width:100%;background:var(--hho-accent);color:#fff;border-color:var(--hho-accent);min-height:40px}
html[data-wepre-onboarding-desktop] .hho-gate .hho-primary:hover{background:#3c3c41;border-color:#3c3c41;color:#fff}
html[data-wepre-onboarding-desktop] .hho-gate .hho-primary:disabled{background:#8f8f95;border-color:#8f8f95;color:#fff;opacity:1}
html[data-wepre-onboarding-desktop] .hho-gate .hho-link{background:transparent;border:0;color:#6f6f75;font-size:12px!important;padding:7px 0;min-height:30px;border-radius:4px}
html[data-wepre-onboarding-desktop] .hho-gate .hho-link:hover{background:#f3f3f5;color:#25252b}
html[data-wepre-onboarding-desktop] .hho-card{background:#fff;border:1px solid var(--hho-line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
html[data-wepre-onboarding-desktop] .hho-profile-preview{display:flex;gap:14px;align-items:center;padding:0 0 16px;border-bottom:1px solid #f1f1f3;margin:0 0 16px}
html[data-wepre-onboarding-desktop] .hho-gate .hho-profile-preview img{width:64px;height:64px;object-fit:cover;border-radius:50%;background:#efeff3;flex:none;border:1px solid #f1f1f3}
html[data-wepre-onboarding-desktop] .hho-preview-name{font-size:17px;font-weight:600;overflow-wrap:anywhere}
html[data-wepre-onboarding-desktop] .hho-preview-caption{font-size:12px;color:var(--hho-muted);margin-top:4px}
html[data-wepre-onboarding-desktop] .hho-field-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:0 0 8px}
html[data-wepre-onboarding-desktop] .hho-field-heading small,html[data-wepre-onboarding-desktop] .hho-count{font-size:11px;color:var(--hho-muted);font-weight:400}
html[data-wepre-onboarding-desktop] .hho-required{color:#858589;font-size:10px;margin-left:6px;font-weight:400}
html[data-wepre-onboarding-desktop] .hho-avatars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px}
html[data-wepre-onboarding-desktop] .hho-gate .hho-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid transparent;background:transparent;border-radius:10px;padding:6px 2px;color:#727278}
html[data-wepre-onboarding-desktop] .hho-avatar img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;max-width:100%;border:2px solid transparent;transition:border-color .12s}

html[data-wepre-onboarding-desktop] .hho-gate .hho-avatar:hover{background:#f7f7f9}
html[data-wepre-onboarding-desktop] .hho-gate .hho-avatar[aria-pressed=true]{background:#f7f7f9;border-color:#e4e4e8;color:#303036}
html[data-wepre-onboarding-desktop] .hho-gate .hho-avatar[aria-pressed=true] img{border-color:#252527}

html[data-wepre-onboarding-desktop] .hho-avatar[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:3px;width:14px;height:14px;border-radius:50%;background:#36363e;color:#fff;display:grid;place-items:center;font-size:9px}
html[data-wepre-onboarding-desktop] .hho-field{margin-top:17px}
html[data-wepre-onboarding-desktop] .hho-field>label{display:block;font-size:12px;margin-bottom:8px}
html[data-wepre-onboarding-desktop] .hho-field input{font:inherit;display:block;width:100%;min-width:0;border:1px solid #dfdfe5;border-radius:7px;padding:9px 11px;min-height:38px;background:#fcfcfd;color:var(--hho-ink);font-size:13px;line-height:1.4}
html[data-wepre-onboarding-desktop] .hho-field textarea{font:inherit;display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #dfdfe5;border-radius:7px;padding:9px 11px;min-height:84px;resize:vertical;background:#fcfcfd;color:var(--hho-ink);font-size:13px;line-height:1.6}
html[data-wepre-onboarding-desktop] .hho-field input[aria-invalid=true]{border-color:#c46360}
html[data-wepre-onboarding-desktop] .hho-field-help{font-size:11px;line-height:1.5;color:var(--hho-muted);margin:6px 0 0}
html[data-wepre-onboarding-desktop] .hho-field-error{font-size:11px;line-height:1.5;color:#b4534c;margin:6px 0 0}
html[data-wepre-onboarding-desktop] .hho-field-error:empty{display:none}
html[data-wepre-onboarding-desktop] .hho-code-status{color:#48775f}
html[data-wepre-onboarding-desktop] .hho-notice{font-size:12px;line-height:1.6;margin:16px 0 0;color:#a64843;overflow-wrap:anywhere}
html[data-wepre-onboarding-desktop] .hho-notice:empty{display:none}
html[data-wepre-onboarding-desktop] .hho-save-note{font-size:11px;color:#a0a0a5;margin:14px 0 0}
html[data-wepre-onboarding-desktop] .hho-examples{display:grid;gap:10px}
html[data-wepre-onboarding-desktop] .hho-example{border:1px solid var(--hho-line);padding:16px;border-radius:9px;background:#fcfcfd}
html[data-wepre-onboarding-desktop] .hho-example-head{display:flex;align-items:center;gap:11px;margin-bottom:10px}
html[data-wepre-onboarding-desktop] .hho-example-head img{width:38px;height:38px;object-fit:cover;border-radius:9px}
html[data-wepre-onboarding-desktop] .hho-example-head h2{font-size:15px;margin:0 0 3px}
html[data-wepre-onboarding-desktop] .hho-example-head small{font-size:10px;color:var(--hho-muted)}
html[data-wepre-onboarding-desktop] .hho-example p{color:#85858d;font-size:12px;line-height:1.5;margin:0 0 11px}
html[data-wepre-onboarding-desktop] .hho-tags{display:flex;gap:5px;flex-wrap:wrap}
html[data-wepre-onboarding-desktop] .hho-tags span{font-size:10px;padding:3px 6px;border-radius:4px;background:#f1f1f4;color:#85858b}
html[data-wepre-onboarding-desktop] .hho-example-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between}
html[data-wepre-onboarding-desktop] .hho-example-bottom .hho-button{font-size:11px!important;padding:7px 9px;min-height:30px;white-space:nowrap}
html[data-wepre-onboarding-desktop] .hho-detail-section{margin-top:24px}
html[data-wepre-onboarding-desktop] .hho-detail-section h3{font-size:13px;font-weight:600;margin:0 0 10px}
html[data-wepre-onboarding-desktop] .hho-detail-section p{font-size:13px;line-height:1.7;color:#85858d;margin:0}
html[data-wepre-onboarding-desktop] .hho-detail-section ul{font-size:13px;color:#85858d;padding-left:18px;line-height:1.9}
html[data-wepre-onboarding-desktop] .hho-loading{color:var(--hho-muted);font-size:13px;padding:24px 0}
html[data-wepre-onboarding-desktop] .hho-creating{text-align:center;padding:48px 0 24px}
html[data-wepre-onboarding-desktop] .hho-creating h1{margin-top:18px}
html[data-wepre-onboarding-desktop] .hho-spinner{width:30px;height:30px;border-radius:50%;border:3px solid #eaeaee;border-top-color:#252527;animation:hho-spin .8s linear infinite;margin:0 auto}
@keyframes hho-spin{to{transform:rotate(360deg)}}
html[data-wepre-onboarding-desktop] .hho-gate :focus-visible{outline:2px solid #656571;outline-offset:3px}
html[data-wepre-onboarding-desktop] .hho-gate h1:focus,html[data-wepre-onboarding-desktop] .hho-gate h2:focus{outline:none}
html[data-wepre-onboarding-desktop] .hho-gate[hidden]{display:none!important}
@media(max-height:780px) and (min-width:521px){html[data-wepre-onboarding-desktop] .hho-gate{padding-top:64px;padding-bottom:24px}html[data-wepre-onboarding-desktop] .hho-shell{min-height:calc(100dvh - 88px)}html[data-wepre-onboarding-desktop] .hho-rail{margin-bottom:28px}html[data-wepre-onboarding-desktop] .hho-gate[data-stage=profile] .hho-hint{margin-bottom:18px}html[data-wepre-onboarding-desktop] .hho-gate[data-stage=profile] .hho-footer{padding-top:18px}}
@media(max-width:520px){html[data-wepre-onboarding-desktop] .hho-gate{padding:67px 24px 22px}html[data-wepre-onboarding-desktop] .hho-shell{min-height:calc(100dvh - 89px)}html[data-wepre-onboarding-desktop] .hho-rail{gap:10px;margin-bottom:36px}html[data-wepre-onboarding-desktop] .hho-step-count{font-size:10px}html[data-wepre-onboarding-desktop] .hho-gate h1{font-size:23px}html[data-wepre-onboarding-desktop] .hho-hint{margin-bottom:24px}html[data-wepre-onboarding-desktop] .hho-option{font-size:12px;padding:9px 10px;min-height:40px}html[data-wepre-onboarding-desktop] .hho-options{gap:9px 7px}html[data-wepre-onboarding-desktop] .hho-interests{gap:10px}html[data-wepre-onboarding-desktop] .hho-interests .hho-option{font-size:13px;padding:13px 12px}html[data-wepre-onboarding-desktop] .hho-card{padding:16px}html[data-wepre-onboarding-desktop] .hho-avatars{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}html[data-wepre-onboarding-desktop] .hho-avatar img{width:46px;height:46px}html[data-wepre-onboarding-desktop] .hho-gate .hho-avatar{padding:6px 2px}html[data-wepre-onboarding-desktop] .hho-profile-preview{margin-bottom:14px}html[data-wepre-onboarding-desktop] .hho-field input{font-size:16px}html[data-wepre-onboarding-desktop] .hho-footer{padding-top:30px;padding-bottom:env(safe-area-inset-bottom)}html[data-wepre-onboarding-desktop] .hho-example{padding:14px}html[data-wepre-onboarding-desktop] .hho-example-bottom{gap:8px}html[data-wepre-onboarding-desktop] .hho-example-bottom .hho-tags{max-width:170px}}
@media(prefers-reduced-motion:reduce){html[data-wepre-onboarding-desktop] .hho-option{transition:none}html[data-wepre-onboarding-desktop] .hho-gate.hho-fade{transition:none;opacity:1;transform:none}html[data-wepre-onboarding-desktop] .hho-spinner{animation-duration:1.6s}}

html[data-wepre-onboarding-desktop] .hho-profile-preview>div{flex:1;min-width:0}
html[data-wepre-onboarding-desktop] .hho-gate .hho-inline-nickname{font:inherit;font-size:17px;font-weight:600;width:100%;min-width:0;padding:7px 8px;border:1px solid #e4e4e8;border-radius:7px;background:#fcfcfd;color:var(--hho-ink)}
html[data-wepre-onboarding-desktop] .hho-inline-nickname:focus{outline:2px solid #727278;outline-offset:2px}

/* Keep the authenticated onboarding gate visible above the startup cover. */
html[data-wepre-onboarding-desktop][data-workbench-boot] .hho-gate{z-index:2147483001}