/* Shared glass rhythm: fine edges, purposeful colour, compact supporting content. */
body.phone.mini[data-theme="glass"]{--ice-panel:linear-gradient(125deg,#ffffff85,#ffffff38 64%,#ffffff68);--ice-control:linear-gradient(155deg,#ffffffc4,#ffffff55 65%,#ffffff85);--ice-edge:#ffffffe0;--ice-shadow:inset 0 1px 0 #fff,0 7px 20px -14px #38688755;--ui-blue:#2874f4;--ui-orange:#ed793f;--ui-green:#208663}
body.phone.mini[data-theme="glass"] :is(.offer-card,.wallet-hero,.profile-head,.creator-level,.creator-report,.detail-section,.mytask,.aligned-empty){border-radius:20px!important}
body.phone.mini[data-theme="glass"] :is(.wallet-hero,.profile-head,.creator-level,.creator-report,.profile-links,.aligned-empty)::before{border:0!important;background:none!important;box-shadow:none!important}
body.phone.mini[data-theme="glass"] .shell .offer-list .offer-card{padding:12px 12px 3px;border-radius:20px!important}
body.phone.mini[data-theme="glass"] .shell .offer-list .offer-card:before{border:0;background:none}
body.phone.mini .offer-list{gap:12px}
body.phone.mini .offer-card .offer-image{border-radius:14px}
body.phone.mini .offer-bottom{padding-top:9px;padding-bottom:9px}
body.phone.mini .offer-bonus{background:#fff2df;border:1px solid #ffe1b7;color:#986020;box-shadow:none}
body.phone.mini .task-scope{margin-bottom:14px}
body.phone.mini[data-theme="glass"] .task-scope button.active{color:#2874f4}
body.phone.mini .profile-head{padding:16px!important;margin-bottom:14px!important;gap:12px}
body.phone.mini .profile-head .avatar{width:48px;height:48px;font-size:28px}
body.phone.mini .creator-level{padding:16px!important;margin-bottom:14px}
body.phone.mini .level-track{height:5px;background:#e0eaf3}.level-track span{background:linear-gradient(90deg,#5598ff,#a3c7ff)!important}
body.phone.mini .profile-links{padding:8px 16px!important}
body.phone.mini .profile-links .ledger{min-height:48px;padding:12px 0!important}
body.phone.mini .aligned-matching{padding:16px!important;margin:14px 0!important}
body.phone.mini .aligned-profile-info{background:#ffffff42;padding:8px 12px;margin:10px 0 2px}
body.phone.mini .aligned-profile-info p{margin:7px 0}
body.phone.mini .wallet-hero{padding:18px!important;margin-bottom:14px}
body.phone.mini .wallet-hero .bigmoney{font-size:38px;line-height:1.15;margin:10px 0;color:#244e6b;font-variant-numeric:tabular-nums}
body.phone.mini .wallet-hero p{margin:10px 0 12px}
body.phone.mini .wallet-totals{padding-top:12px;margin-top:14px}
body.phone.mini .wallet-shortcuts{gap:10px;margin:12px 0}
body.phone.mini .wallet-shortcuts button{min-height:48px;border-radius:14px}
body.phone.mini .aligned-empty{padding:22px 18px;margin-top:12px}
body.phone.mini .aligned-empty>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e7f2ff;color:#4b88bc}
body.phone.mini .aligned-empty>span .icon{width:27px;height:27px}
body.phone.mini .aligned-empty h2{margin:12px 0 8px}.aligned-empty p{margin:8px 0 14px}
body.phone.mini .aligned-verify-empty h2{margin:0 0 16px}
body.phone.mini[data-theme="glass"] .aligned-detail .beginner-card{background:linear-gradient(120deg,#ffffffb3,#ffffff73);border-color:#ffffffdf;border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 5px 18px -14px #416d9150}
body.phone.mini .aligned-detail .on-facts{padding:13px 0;margin:14px 0;background:#ffffff85;border-radius:18px}
body.phone.mini .aligned-method .on-mode-tabs{padding:4px;background:#dfeaf480;border-radius:14px;gap:4px;margin:12px 0}
body.phone.mini .aligned-method .on-mode-tabs button{background:transparent;border-radius:10px;font-weight:600}
body.phone.mini .aligned-method .on-mode-tabs button.selected{background:#2874f4;color:#fff;box-shadow:0 3px 9px #2874f424}
body.phone.mini .aligned-platform-grid>button.selected{background:#edf4ff;border-color:#7aa8ff;box-shadow:inset 0 0 0 1px #7aa8ff}
body.phone.mini .aligned-draft{background:linear-gradient(135deg,#edf4ffbb,#fff6ed99);border-color:#d4e3fa;padding:13px}
body.phone.mini .aligned-draft-actions button{background:#ffffff90;border-color:#d2e0f5;box-shadow:none}
body.phone.mini .aligned-points{border-left:3px solid #90b7f5!important}
body.phone.mini .aligned-points p{margin-top:8px;line-height:1.65!important}
body.phone.mini[data-theme="glass"] .beginner-fold{background:#ffffff59;border-color:#ffffffbc;border-radius:15px;padding:12px 14px;margin:10px 0}
body.phone.mini .beginner-fold summary{font-weight:600;font-size:14px;min-height:24px}
body.phone.mini[data-theme="glass"] .onboard .field :is(input,select,textarea){background:#ffffffdd!important;border:1px solid #d7e2eb!important;box-shadow:none!important;border-radius:12px;font-weight:400;font-size:16px;min-height:44px}
body.phone.mini[data-theme="glass"] #overlay .modal{box-shadow:inset 0 1px 0 #fff,0 16px 42px -20px #284b7060;border-radius:23px!important}
body.phone.mini #overlay .modal .close{width:36px;height:36px;border-radius:50%;background:#ffffff80;border:1px solid #ffffffd9;box-shadow:none;color:#537991}
body.phone.mini[data-theme="glass"] :is(.btn,.btn.light,.btn.white,.btn.dark){border-radius:16px;box-shadow:inset 0 1px 2px #fff,0 5px 12px -9px #335a7a70!important;min-height:44px}
body.phone.mini .on-safe{border:1px solid #cce9df;background:#edf8f1;color:#237252}
body.phone.mini :is(.flow-deadline,.flow-expired){border-radius:15px;background:#fff3e8;border:1px solid #ffdabd;padding:12px 14px}
body.phone.mini .flow-review{border-radius:15px;background:#edf4ff;border:1px solid #d6e5ff}
body.phone.mini[data-theme="glass"] .customer-service-entry{padding:14px 16px;border-radius:18px;box-shadow:var(--ice-shadow)}
body.phone.mini .customer-service-entry .customer-service-icon{width:42px;height:42px;border-radius:14px}
body.phone.mini .mobile-nav button.active{color:#2874f4}.mobile-nav button .icon{transition:background-color .18s,color .18s}
body.phone.mini :is(button,a.btn){transition:background-color .18s,border-color .18s,box-shadow .18s,opacity .18s}
body.phone.mini :is(.btn,.on-options button,.on-mode-tabs button,.aligned-platform-grid button):active{opacity:.78}
@media(hover:hover){body.phone.mini .offer-card:hover{box-shadow:inset 0 1px 0 #fff,0 9px 22px -12px #426e9755!important}body.phone.mini .btn:hover{border-color:#b6d4f5!important}}
@keyframes shiny-soft-reveal{from{opacity:.65}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){body.phone.mini .aligned-method .on-mode-content{animation:shiny-soft-reveal .18s ease-out}}
@media(prefers-reduced-motion:reduce){body.phone.mini *,body.phone.mini *:before,body.phone.mini *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Fit preference selection in one mobile viewport without dropping options. */
body.phone.mini #overlay .modal:has(.on-matching){padding:16px}
body.phone.mini #overlay .on-matching .on-match-progress{margin:0 0 10px}
body.phone.mini #overlay .on-matching h2{font-size:19px!important;line-height:1.35!important;margin:0 0 8px}
body.phone.mini #overlay .on-matching>p{font-size:13px!important;margin:0 0 12px}
body.phone.mini #overlay .on-matching .on-options{margin:12px 0}
body.phone.mini #overlay .on-matching .on-options header{gap:6px}
body.phone.mini #overlay .on-matching .on-options header b{font-size:12px!important}
body.phone.mini #overlay .on-matching .on-options header small{font-size:12px!important}
body.phone.mini #overlay .on-matching .on-options>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
body.phone.mini #overlay .on-matching .on-options button{padding:6px 3px;min-width:0;height:40px;min-height:40px;font-size:12px!important;line-height:1.3!important;border-radius:10px;overflow-wrap:anywhere;text-wrap:balance}
body.phone.mini #overlay .on-matching .on-match-next{margin-top:6px;min-height:44px;padding:10px}
@media(max-height:720px){body.phone.mini #overlay .modal:has(.on-matching){padding:12px 14px}body.phone.mini #overlay .on-matching .on-match-progress{margin-bottom:8px}body.phone.mini #overlay .on-matching h2{font-size:18px!important}body.phone.mini #overlay .on-matching>p{margin-bottom:8px}body.phone.mini #overlay .on-matching .on-options{margin:8px 0}body.phone.mini #overlay .on-matching .on-options>div{margin-top:6px;gap:5px}body.phone.mini #overlay .on-matching .on-options button{height:36px;min-height:36px}body.phone.mini #overlay .on-matching .on-match-next{margin-top:2px}}

body.phone.mini #overlay .on-verification .on-verify-back{margin-top:14px!important}

body.phone.mini #overlay .on-match-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}body.phone.mini #overlay .on-match-actions .btn{margin:0!important;min-height:44px;padding:10px 6px;font-size:15px!important}

body.phone.mini .aligned-points>summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.5;min-height:28px}body.phone.mini .aligned-points>summary::marker{color:#648aa8;font-size:12px}

/* Shared guidance and FAQ disclosures. Native details keeps keyboard semantics. */
body.phone.mini[data-theme="glass"] :is(.content,#overlay) details.guide-disclosure{display:block;padding:0!important;margin:12px 0!important;background:#ffffff6b!important;border:1px solid #ffffffdc!important;border-radius:15px!important;box-shadow:inset 0 1px 0 #ffffffb3!important;color:var(--text-main)}
body.phone.mini :is(.content,#overlay) details.guide-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:48px;margin:0!important;padding:12px 14px!important;font-size:14px!important;font-weight:600!important;line-height:1.6!important;color:var(--text-main)}
body.phone.mini details.guide-disclosure>summary::-webkit-details-marker{display:none}
body.phone.mini details.guide-disclosure>summary::marker{content:''}
body.phone.mini details.guide-disclosure>summary::before{content:none!important}
body.phone.mini details.guide-disclosure>summary::after{content:'';width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid #67879e;border-bottom:1.5px solid #67879e;transform:rotate(45deg);margin:0 3px 4px 0;transition:transform .16s}
body.phone.mini details.guide-disclosure[open]>summary::after{transform:rotate(225deg);margin-top:6px}
body.phone.mini details.guide-disclosure[open]>summary{border-bottom:1px solid #dbe6ef80;margin-bottom:12px!important}
body.phone.mini :is(.content,#overlay) details.guide-disclosure>:not(summary){margin-left:14px!important;margin-right:14px!important;margin-bottom:12px!important}
body.phone.mini :is(.content,#overlay) details.guide-disclosure>p{font-size:14px!important;line-height:1.65!important;color:var(--text-help)!important}
body.phone.mini details.guide-disclosure>video{width:calc(100% - 28px);max-width:calc(100% - 28px);border-radius:10px}
body.phone.mini details.guide-disclosure>summary:focus-visible{outline:2px solid #6c9fef;outline-offset:2px;border-radius:14px}
/* Explicit collapsed content rule also covers browsers with differing details styles. */
body.phone.mini details.guide-disclosure:not([open])>:not(summary){display:none!important}
/* Balance selection and verification density rather than shrinking both equally. */
body.phone.mini #overlay .on-matching .on-options{margin:16px 0}
body.phone.mini #overlay .on-matching .on-options>div{gap:7px;margin-top:10px}
body.phone.mini #overlay .on-matching .on-match-actions{margin-top:16px}
body.phone.mini #overlay .on-verification .on-match-progress{margin-bottom:10px}
body.phone.mini #overlay .on-verification h2{font-size:20px!important;margin-bottom:8px}
body.phone.mini #overlay .on-verification .on-verify-intro{margin:0 0 10px;font-size:13px!important;line-height:1.5!important}
body.phone.mini #overlay .on-verification .on-platform-tabs{margin:10px 0;gap:7px}
body.phone.mini #overlay .on-verification .on-platform-tabs>button{min-height:60px;padding:7px 5px;flex-basis:70px}
body.phone.mini #overlay .on-verification .field{margin:10px 0}
body.phone.mini #overlay .on-verification .field>span{margin-bottom:6px}
body.phone.mini #overlay .on-verification .on-id-extra{margin:6px 0 8px}
body.phone.mini #overlay .on-verification .on-code-card{padding:10px 12px;margin:10px 0}
body.phone.mini #overlay .on-verification .on-code-card .flow-code{padding:8px 10px;margin-top:6px}
body.phone.mini #overlay .on-verification .on-code-meta{margin:4px 0 0;line-height:1.4!important}
body.phone.mini #overlay .on-verification .on-code-meta button{min-height:28px!important;padding:2px 0}
body.phone.mini #overlay .on-verification .on-how{padding:10px 12px;margin:10px 0 14px;font-size:13px}
body.phone.mini #overlay .on-verification .on-how li{padding:3px 0}
@media(max-height:720px){body.phone.mini #overlay .on-matching .on-options{margin:11px 0}body.phone.mini #overlay .on-matching .on-options>div{gap:5px;margin-top:7px}body.phone.mini #overlay .on-matching .on-match-actions{margin-top:10px}body.phone.mini #overlay .on-matching>p{margin-bottom:6px}}