/* 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}