/* Shared hierarchy: page 22, section 16, body 15, help 13, metadata 12. */
body.phone.mini{--text-main:#23455e;--text-help:#536d82;--text-meta:#5b7387;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--text-main);font-size:15px}
body.phone.mini :is(button,input,select,textarea){font-family:inherit}
body.phone.mini .content h1{font-size:22px!important;font-weight:700!important;line-height:1.4!important}
body.phone.mini :is(.content h2,.modal h2,.aligned-row h2,.creator-report .section-row h2){font-size:16px!important;font-weight:600!important;line-height:1.5!important}
body.phone.mini .modal h2{font-size:20px!important}
body.phone.mini .mini-welcome h1{font-size:20px!important}
body.phone.mini :is(.btn,#overlay .modal .btn,.shell .content .empty.jobs-empty .btn){font-size:15px!important;font-weight:600!important;line-height:1.4!important;min-height:44px}
body.phone.mini :is(.textlink,.aligned-verified,.on-platforms>button){font-size:13px!important;line-height:1.5;min-height:40px}
body.phone.mini :is(.beginner-card>p,.aligned-profile-info p,.aligned-points p,.onboard p,.shoot-speech p){font-size:15px!important;line-height:1.65!important;color:var(--text-main)}
body.phone.mini :is(.subtext,.proof,.on-note,.beginner-note,.agent-demo-note,.on-mode-content small,.aligned-draft>small,.withdraw-profile-notice,.flow-pending-note,.aligned-intro,.support-human,.simple-path,.example-videos figcaption,.level-bottom,.report-caption){font-size:13px!important;line-height:1.6!important;color:var(--text-help)}
body.phone.mini :is(.offer-meta,.offer-bottom,.task-deadline,.next-action small,.task-scope small,.ledger small,.on-track span,.on-options>small,.on-code-meta,.agent-service-hours,.shoot-ai-demo,.flow-demo summary,.flow-demo button,.creator-report .section-row h2 small,.chart-bar small,.aligned-row small,.customer-service-entry small){font-size:12px!important;line-height:1.5!important;color:var(--text-meta)}
body.phone.mini .on-track .current{color:white}body.phone.mini .on-track .done{color:#226380}
body.phone.mini .on-verify-banner p{font-size:12px!important;line-height:1.6!important;color:#fff}
body.phone.mini .on-verify-banner b{font-size:16px!important;line-height:1.4;font-weight:650}
body.phone.mini :is(.on-mode-tabs button,.on-options button,.support-faqs button,.aligned-draft-actions button){font-size:14px!important;line-height:1.5!important;min-height:44px}
body.phone.mini .aligned-draft textarea{font-size:16px!important;line-height:1.75!important}
body.phone.mini .aligned-draft header{font-size:13px!important;font-weight:600}
body.phone.mini .offer-bonus{font-size:12px!important;line-height:1.4;padding:5px 7px;color:#406831}
body.phone.mini :is(.flow-deadline small,.flow-review small,.flow-expired small){font-size:12px!important;line-height:1.6!important}
body.phone.mini :is(.task-deadline,.withdraw-profile-notice){color:#985130!important}
body.phone.mini .creator-report .creator-metrics span{font-size:12px!important;color:var(--text-help);white-space:normal;line-height:1.4;display:block;min-height:34px}
body.phone.mini .creator-report .creator-metrics b{font-size:22px!important;font-weight:700!important;color:var(--text-main);line-height:1.3!important}
body.phone.mini .creator-report .creator-metrics b small{font-size:12px!important;color:var(--text-meta)}
body.phone.mini .creator-report .report-caption{margin-top:10px;padding-top:10px}
body.phone.mini .on-facts b{font-size:21px;font-weight:700;line-height:1.3}
body.phone.mini :is(.on-facts small,.aligned-total){font-size:13px!important;color:var(--text-help)}
body.phone.mini .aligned-profile-head .profile-name p{font-size:13px;color:var(--text-help)}
body.phone.mini .aligned-profile-head .profile-name h1{font-size:18px!important}
body.phone.mini .aligned-total strong{font-size:16px;color:#b84720}
body.phone.mini .aligned-platform-grid b{color:#b84720}
body.phone.mini .aligned-empty>p{font-size:14px;color:var(--text-help)}
body.phone.mini .mini-tools{height:88px;padding:5px 8px;gap:4px;align-content:center;background:#eef2f6;backdrop-filter:none}
body.phone.mini{padding-top:88px}
body.phone.mini .wx-chrome{top:88px}
body.phone.mini .shell::before{top:88px}
body.phone.mini .mini-tools .theme-picker{justify-content:center;width:100%}
body.phone.mini .mini-tools .on-preview-switch{justify-content:center;flex-wrap:nowrap;gap:5px}
body.phone.mini .mini-tools button{font-size:12px!important;padding:7px 8px;min-height:36px}
body.phone.mini .mini-tools select{font-size:12px;max-height:30px;padding:4px 8px}
@media(min-width:650px){body.phone.mini{padding-top:52px}body.phone.mini .mini-tools{height:52px;gap:20px;flex-wrap:nowrap}body.phone.mini .mini-tools .theme-picker{width:auto}body.phone.mini .wx-chrome,body.phone.mini .shell::before{top:52px}}
@media(max-width:350px){body.phone.mini .mini-tools button{padding:7px 6px;font-size:11px!important}body.phone.mini .on-facts b{font-size:18px}.aligned-row{flex-wrap:wrap}body.phone.mini .on-verify-banner{display:block}body.phone.mini .on-verify-banner button{display:block;margin:10px 0 0 auto}body.phone.mini .creator-report .creator-metrics span{font-size:12px!important}body.phone.mini .shell .content .empty.jobs-empty{flex-direction:column;align-items:stretch;text-align:center}}
/* Keep instructions readable and dialog controls clear of the preview toolbar. */
body.phone.mini[data-theme="glass"] .shell .content:has(.creator-photo-wall) .simple-path{font-size:13px!important;color:var(--text-help)}
body.phone.mini :is(.support-entry small,.flow-countdown span,.report-column b,.report-column span,.capture-foot){font-size:12px!important;line-height:1.6!important;color:var(--text-help)}
body.phone.mini #overlay .on-track .current{color:#fff!important}
body.phone.mini #overlay .on-track .done{color:#226380!important}
body.phone.mini #overlay .on-track{margin-top:22px}
body.phone.mini .modal-overlay{top:88px;padding:12px 16px;max-height:calc(100dvh - 88px)}
body.phone.mini #overlay .modal{max-height:calc(100dvh - 112px)!important}
body.phone.mini #overlay .modal.capture-modal{height:calc(100dvh - 112px);max-height:calc(100dvh - 112px)!important}
@media(min-width:650px){body.phone.mini .modal-overlay{top:52px;max-height:calc(100dvh - 52px)}body.phone.mini #overlay .modal{max-height:calc(100dvh - 76px)!important}body.phone.mini #overlay .modal.capture-modal{height:calc(100dvh - 76px);max-height:calc(100dvh - 76px)!important}}

/* Empty-state and wallet headings share the same visual role. */
body.phone.mini .shell .content :is(.empty.jobs-empty h2,.wallet-hero h2,.aligned-empty h2,.aligned-row h2,.creator-level h2,.creator-report .section-row h2){font-family:inherit;font-size:16px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0;color:var(--text-main)!important}
body.phone.mini .shell .content :is(.empty.jobs-empty .btn,.wallet-hero .btn,.aligned-empty .btn){font-family:inherit;font-size:15px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0;color:var(--text-main)!important}
body.phone.mini .shell .content .wallet-hero>div>p{font-size:13px!important;font-weight:400;line-height:1.6!important;color:var(--text-help)!important}

body.phone.mini .shell .content :is(.aligned-empty>p,.aligned-profile-head .profile-name p){font-size:13px!important;font-weight:400!important;line-height:1.6!important;color:var(--text-help)!important}
body.phone.mini .shell .content .aligned-profile-info p{font-size:14px!important;font-weight:400!important;line-height:1.6!important;color:var(--text-main)!important}
body.phone.mini .shell .content .aligned-profile-info p span{font:inherit;color:var(--text-help)}
body.phone.mini .shell .content :is(.textlink,.aligned-verified){font-size:14px!important;font-weight:500!important;line-height:1.5!important;font-family:inherit}

body.phone.mini :is(.action-arrow,.profile-links .ledger>span,.wallet-shortcuts button>span,.support-entry-arrow){display:inline-block;font-family:inherit;font-size:16px!important;font-weight:400!important;line-height:1!important;letter-spacing:0;flex-shrink:0;color:inherit}

body.phone.mini :is(.shell,#overlay) .action-arrow{display:inline-block;font-family:inherit;font-size:16px!important;font-weight:400!important;line-height:1!important;letter-spacing:0;color:inherit;flex-shrink:0;vertical-align:middle}

/* Reference matching step: compact chips and orange/blue selection groups. */
body.phone.mini #overlay .on-matching .on-match-progress{display:flex;align-items:center;justify-content:space-between;padding-right:38px;margin:4px 0 18px;gap:12px;color:#286cf4}
body.phone.mini #overlay .on-match-progress b{font-size:12px;letter-spacing:1px;white-space:nowrap}
.on-match-progress>div{display:flex;gap:5px}.on-match-progress i{width:32px;height:4px;border-radius:4px;background:#dce6f0}.on-match-progress i.done{background:#2b70fa}
body.phone.mini #overlay .on-matching h2{font-size:21px!important;line-height:1.4!important;margin:0 0 14px}
body.phone.mini #overlay .on-matching>p{color:#567185!important;margin:0 0 22px}
body.phone.mini #overlay .on-matching .on-options{margin:20px 0}
.on-matching .on-options header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
body.phone.mini #overlay .on-matching .on-options header b{font-size:13px!important;line-height:1.5;color:#24465f}
body.phone.mini #overlay .on-matching .on-options header small{font-size:12px!important;white-space:nowrap;color:#8d9ba9}
body.phone.mini #overlay .on-matching .on-options>div{gap:8px;margin-top:10px}
body.phone.mini #overlay .on-matching .on-options button{background:#f1f3f6!important;border:1px solid transparent!important;border-radius:12px;padding:9px 12px;color:#617085!important;font-size:13px!important;font-weight:400!important;min-height:40px;box-shadow:none!important}
body.phone.mini #overlay .on-matching .on-options button.selected{background:#fff1e7!important;border-color:#ffcbaa!important;color:#ec6626!important;font-weight:600!important}
body.phone.mini #overlay .on-matching .on-match-scenes button.selected{background:#eaf1ff!important;border-color:#bcd3ff!important;color:#2467de!important}
body.phone.mini #overlay .on-matching .on-match-next{margin-top:12px;font-size:16px!important}

/* Compact onboarding form, following the reference's flat input treatment. */
body.phone.mini #overlay .onboard .on-match-progress{display:flex;align-items:center;justify-content:space-between;padding-right:38px;margin:4px 0 18px;gap:12px;color:#286cf4}
body.phone.mini #overlay .on-basic h2{font-size:22px!important;line-height:1.4!important;margin:0 0 16px}
body.phone.mini #overlay .on-basic>p{margin:0 0 20px;color:#567185!important;font-size:14px!important}
body.phone.mini #overlay .on-basic .field{display:block;margin:0 0 14px!important}
body.phone.mini #overlay .on-basic .field>span{display:block;margin:0 0 7px!important;font-size:13px!important;font-weight:400!important;color:#6b7b8c!important}
body.phone.mini #overlay .on-basic .field :is(input,select){height:46px!important;min-height:46px!important;padding:10px 13px!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important;color:#263a50!important;background:#fff!important;border:1px solid #dce3eb!important;border-radius:12px!important;box-shadow:none!important}
body.phone.mini #overlay .on-basic .on-fields{gap:12px}
body.phone.mini #overlay .on-basic>.btn{margin-top:12px;min-height:46px}
body.phone.mini #overlay .on-basic>.on-basic-note{padding:10px 12px;margin:14px 0 0;border:1px solid #ffffffb3;border-radius:9px;font-size:12px!important;line-height:1.6!important;background:#ffffff30}

body.phone.mini #overlay .on-verification h2{font-size:21px!important;line-height:1.4!important;margin:0 0 12px}
body.phone.mini #overlay .on-verification .on-verify-intro{font-size:14px!important;color:#567185!important;margin:0 0 16px}
body.phone.mini #overlay .on-platform-tabs{display:flex;gap:8px;overflow-x:auto;margin:14px 0;padding-bottom:4px}
body.phone.mini #overlay .on-platform-tabs>button{flex:0 0 76px;min-height:70px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px 5px;background:#fff!important;border:1px solid #dce3eb!important;border-radius:12px;box-shadow:none!important}
body.phone.mini #overlay .on-platform-tabs>button.selected{border:2px solid #ff8248!important;background:#fff6ee!important;color:#e95e23!important}
body.phone.mini #overlay .on-platform-tabs .platform-badge{display:flex;flex-direction:column;gap:5px;font-size:12px!important;white-space:nowrap}
body.phone.mini #overlay .on-platform-tabs small{font-size:12px;color:#20945f}
body.phone.mini #overlay .on-verification .field{margin:12px 0}
body.phone.mini #overlay .on-verification .field>span{font-size:13px!important;font-weight:400;color:#6b7b8c}
body.phone.mini #overlay .on-verification .field input{height:44px;min-height:44px;padding:10px 12px;font-size:15px!important;font-weight:400;background:#fff!important;border:1px solid #dce3eb!important;border-radius:12px;box-shadow:none!important}
body.phone.mini #overlay .on-id-extra{font-size:12px;color:#647c8e;margin:8px 0 12px}
body.phone.mini #overlay .on-code-card{padding:14px;background:#f6f9ff;border:1px solid #e0e8f3;border-radius:16px;margin:14px 0}
body.phone.mini #overlay .on-code-card>span{font-size:12px;color:#7f91a7}
body.phone.mini #overlay .on-code-card .flow-code{display:flex;align-items:center;justify-content:space-between;padding:12px;margin:8px 0 0;border:1px dashed #91b1ff;background:#fff;border-radius:12px;box-shadow:none}
body.phone.mini #overlay .on-code-card .flow-code strong{font-size:20px!important;font-weight:700;color:#2565e8;letter-spacing:1px}
body.phone.mini #overlay .on-code-card .flow-code button{background:#2c6bfa;color:white;border-radius:9px;min-height:36px;padding:8px 10px;font-size:12px!important}
body.phone.mini #overlay .on-code-card .on-code-meta{display:flex;align-items:center;justify-content:space-between;margin:6px 0 0;font-size:12px}.on-code-card .on-code-meta button{min-height:28px;font-size:12px}
body.phone.mini #overlay .on-verification .on-how{list-style:none;counter-reset:verify-step;padding:14px;margin:14px 0;background:#fff6ef;border:1px solid #ffd6bd;border-radius:15px;font-size:14px}
body.phone.mini #overlay .on-verification .on-how li{display:flex;align-items:baseline;gap:8px;padding:4px 0;counter-increment:verify-step;line-height:1.5}
.on-verification .on-how li:before{content:counter(verify-step);display:inline-grid;place-items:center;flex:0 0 20px;height:20px;background:#ff8248;border-radius:50%;color:#fff;font-size:12px}
body.phone.mini #overlay .on-verification .on-verify-safe{color:#16945f!important;font-size:12px!important;margin:10px 0 20px}
body.phone.mini #overlay .on-verification #verifyResult:empty{display:none}
body.phone.mini #overlay .on-verify-help{margin-top:14px;font-size:12px;color:#567185}.on-verify-help summary{cursor:pointer;min-height:30px}