:root{--blue:#2459df;--navy:#182e59;--text:#202b3e;--muted:#7a8598;--line:#e9edf3;--bg:#f5f6f8;--orange:#df7d29;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:#e9edf4;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b5ccff}a{text-decoration:none;color:var(--blue)}button{border:0;background:transparent;color:inherit}input,textarea,select{width:100%;background:#f8f9fc;border:1px solid #e2e7f0;border-radius:10px;padding:13px;color:var(--text)}input:focus,textarea:focus,select:focus{outline:2px solid #c2d1ff;border-color:var(--blue)}textarea{min-height:130px;resize:vertical}input[type=checkbox]{width:auto;accent-color:var(--blue)}label{display:block;margin:18px 0 8px;font-size:13px;font-weight:500}h1,h2,h3,p{margin-top:0}h1{font-size:23px;letter-spacing:-.5px}h2{font-size:18px}h3{font-size:15px}p{line-height:1.75}svg.icon{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{background:var(--bg);min-height:100dvh;max-width:480px;margin:auto;position:relative;box-shadow:0 0 90px #25385813}#topbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #f0f2f5}#topbar h1{font-size:17px;margin:0}.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;letter-spacing:-.4px}.brand img{width:30px;height:30px}.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-btn:hover{background:#eff3fc}.back-title{display:flex;align-items:center;gap:5px;margin-left:-10px}#page{padding:20px 18px 110px;min-height:calc(100dvh - 65px)}#bottomnav{position:fixed;bottom:0;width:100%;max-width:480px;z-index:15;background:#fffffff5;backdrop-filter:blur(12px);display:flex;border-top:1px solid var(--line);padding:9px 8px calc(9px + env(safe-area-inset-bottom))}#bottomnav a{width:25%;display:flex;flex-direction:column;align-items:center;gap:5px;color:#929dad;font-size:10px;padding:4px}#bottomnav a.active{color:var(--blue);font-weight:600}#bottomnav a.active .icon{stroke-width:2.2}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 13px}.section-title h2{margin:0;font-size:17px}.section-title a{font-size:12px;color:#7c899c}.muted,.hint{color:var(--muted);font-size:12px;line-height:1.7}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:10px;font-size:14px;font-weight:600}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1746c7}.secondary{background:#eef3ff;color:var(--blue)}.danger{background:#fff1f0;color:#b74537}.text-btn{color:var(--blue);padding:10px}.actions{display:flex;gap:10px;margin-top:20px}.actions>*{flex:1}.hero{background:#e8efff;border-radius:17px;min-height:176px;padding:28px 24px;position:relative;overflow:hidden;display:flex;align-items:center;border:1px solid #dce6fd}.hero h2{font-size:25px;line-height:1.4;color:#183b79;max-width:230px;margin:8px 0}.hero p{font-size:12px;color:#6682aa;max-width:225px;margin:8px 0}.hero-tag{font-size:10px;color:#6b89b8;letter-spacing:2px}.hero-art{position:absolute;right:-12px;bottom:10px;width:128px;height:128px;transform:rotate(-12deg);border:18px solid #c5d5fc;border-radius:34px;opacity:.7}.hero-art:after{content:'✓';font-size:60px;color:#8faef3;display:grid;place-items:center;height:100%}.banner-image{width:100%;aspect-ratio:2.2;object-fit:cover;border-radius:16px;display:block}.dots{display:flex;justify-content:center;gap:5px;padding:10px}.dot{width:5px;height:5px;background:#ccd4e4;border-radius:8px;padding:0}.dot.active{width:17px;background:var(--blue)}.notice-strip{display:flex;align-items:center;gap:9px;background:#fff;border-radius:10px;padding:12px;margin-bottom:16px;font-size:12px}.notice-strip b{color:var(--blue);white-space:nowrap}.notice-strip a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#657085}.onboard{background:#fff;border-radius:13px;padding:17px;border:1px solid var(--line)}.onboard strong{font-size:14px}.steps{display:flex;justify-content:space-between;gap:8px;margin-top:15px;color:#8390a2;font-size:11px}.steps b{color:var(--blue);margin-right:3px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:21px 0}.quick a{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;color:#5f6b7c}.tile-icon{display:grid;place-items:center;border-radius:14px;background:#eaf0ff;width:46px;height:46px;color:#4774d8}.quick a:nth-child(2) .tile-icon{background:#e8f6f1;color:#41957b}.quick a:nth-child(3) .tile-icon{background:#fff2e5;color:#c58c4d}.quick a:nth-child(4) .tile-icon{background:#f0ebfc;color:#8b6ebc}.task-card{display:block;color:inherit;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;margin-bottom:11px}.task-top{display:flex;gap:12px}.task-thumb{width:48px;height:48px;border-radius:12px;background:#edf2fd;display:grid;place-items:center;color:var(--blue);object-fit:cover;flex-shrink:0}.task-main{flex:1;min-width:0}.task-main h3{font-size:14px;margin:2px 0 7px;line-height:1.5}.task-main p{font-size:11px;color:#8a94a4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward{color:var(--orange);text-align:right;white-space:nowrap;font-size:20px;font-weight:650}.reward small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#a59484}.task-foot{border-top:1px solid #f2f4f7;padding-top:11px;margin-top:13px;display:flex;justify-content:space-between;font-size:10px;color:#96a0af}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:3px 7px;font-size:10px;background:#edf2ff;color:#6484bc}.badge.passed,.badge.approved{background:#e9f6ee;color:#318965}.badge.review,.badge.pending{background:#fff2e1;color:#b47b32}.badge.rejected,.badge.failed{background:#fff0ee;color:#bd6152}.profile{display:flex;gap:14px;align-items:center;padding:6px 4px 22px}.avatar{width:57px;height:57px;background:#e1eafe;border:3px solid white;border-radius:50%;display:grid;place-items:center;color:#3766cc;font-size:22px;font-weight:700}.profile h2{margin:0 0 6px;font-size:19px}.profile p{margin:0;font-size:11px;color:#939ead}.balance-entry{display:block;background:var(--navy);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden}.balance-entry .eyebrow{font-size:11px;color:#a3b7d9}.balance-entry strong{display:block;font-size:25px;margin:12px 0 16px;font-weight:600}.balance-entry p{color:#b7c9e5;margin:0;font-size:11px}.balance-entry .arrow{position:absolute;right:23px;top:35px;color:#abc6fa}.nine-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.nine-grid a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:23px 4px;color:#475468;font-size:12px;border-right:1px solid #f0f3f7;border-bottom:1px solid #f0f3f7}.nine-grid a:nth-child(3n){border-right:0}.nine-grid a:nth-last-child(-n+3){border-bottom:0}.nine-grid .icon{width:25px;height:25px;color:#6282b9}.member-note{text-align:center;color:#a8b0bf;font-size:10px;margin-top:28px;letter-spacing:1px}.search{position:relative;margin-bottom:14px}.search input{padding-left:40px;background:white}.search .icon{position:absolute;left:12px;top:13px;color:#a0adbf;width:19px;height:19px}.chips{display:flex;gap:9px;overflow-x:auto;padding:1px 0 12px;margin-bottom:8px;scrollbar-width:none}.chip{white-space:nowrap;background:#fff;color:#778599;border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:12px}.chip.active{background:#e9efff;color:var(--blue);border-color:#cedaff}.sorts{display:flex;gap:9px;margin-bottom:16px}.sorts select{font-size:12px;padding:10px;background:white}.empty,.loading{text-align:center;color:#8691a4;line-height:1.8;padding:48px 15px}.empty .icon{display:block;margin:0 auto 18px;width:38px;height:38px;color:#b5c1d4}.empty h3{color:#536079;font-size:14px}.empty .secondary{margin-top:14px;max-width:230px}.error{color:#bd5c4b;background:#fff3f0;border-radius:10px;padding:13px;line-height:1.7;font-size:12px}.form-error:empty{display:none}.form-error{color:#b54c3e;font-size:12px;line-height:1.6;margin:14px 0}.field-help{margin-top:7px;color:#959fb0;font-size:11px}.form-card{padding:21px;background:white;border:1px solid var(--line);border-radius:14px}.password-field{position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:6px;top:4px;padding:10px;color:#77839b;font-size:12px}.auth-logo{display:flex;align-items:center;gap:10px;margin:24px 0 32px}.auth-logo img{width:39px;height:39px}.auth-welcome{margin-bottom:28px}.auth-welcome p{color:#8d99ab;font-size:12px}.auth-foot{text-align:center;padding:23px;font-size:12px}.authform .primary{margin-top:23px}.authform label:first-child{margin-top:0}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.value{font-size:30px;font-weight:650;color:#233d71;margin:18px 0}.value small{font-size:13px;font-weight:400;margin-left:5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats div{padding:13px 0;color:#8a95a6;font-size:11px}.stats strong{display:block;margin-top:8px;color:#475970;font-size:16px}.row-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#34435a;background:#fff;padding:18px 16px;border-bottom:1px solid var(--line);font-size:13px}.row-link small{display:block;color:#909bab;margin-top:6px;font-size:11px}.row-link .icon{color:#7792bd}.row-list{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:16px}.row-list>*:last-child{border-bottom:0}.address{word-break:break-all;font-family:ui-monospace,monospace;font-size:14px;line-height:1.9;padding:15px;background:#f5f7fc;border-radius:9px}.detail{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-bottom:1px solid #f0f2f6;font-size:12px}.detail span{color:#8793a4;flex-shrink:0}.detail b{font-weight:500;text-align:right;overflow-wrap:anywhere}.timeline{border-left:1px solid #dce5f6;margin-left:6px;padding-left:21px}.timeline article{position:relative;margin-bottom:23px}.timeline article:before{content:'';position:absolute;left:-27px;top:4px;background:var(--blue);border:3px solid #edf2ff;width:10px;height:10px;border-radius:50%}.timeline h3{font-size:13px;margin-bottom:7px}.timeline p{font-size:11px;color:#8c97a8}.preline{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:13px}.uploads{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.uploads img{height:88px;width:88px;object-fit:cover;border-radius:9px}.uploads figure{margin:0;position:relative}.uploads button{position:absolute;right:0;top:0;background:#172841b0;color:white;border-radius:4px}.big-cover{width:100%;max-height:240px;object-fit:cover;border-radius:12px}.success-mark{margin:20px auto;width:62px;height:62px;display:grid;place-items:center;background:#e7f6ee;color:#368764;border-radius:50%}.success{text-align:center}.success h2{margin-top:20px}.ledger{display:block;background:#fff;padding:18px 15px;border-bottom:1px solid var(--line);color:inherit}.ledger .split strong{font-size:13px}.ledger p{font-size:11px;color:#98a1af;margin:9px 0 0}.positive{color:#d8873d}.negative{color:#54657b}.copyright{font-size:10px;text-align:center;color:#a5afbd;margin-top:28px}dialog{width:min(430px,calc(100% - 32px));border:0;border-radius:18px;padding:24px;max-height:85dvh;overflow:auto;box-shadow:0 18px 80px #1c325738}dialog::backdrop{background:#1c2c4866;backdrop-filter:blur(2px)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sheet-head h2{margin:0}.sheet-actions{display:flex;gap:10px;margin-top:25px}.sheet-actions>*{flex:1}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#23334fec;color:white;padding:12px 20px;border-radius:12px;z-index:100;max-width:90%;font-size:12px}.desktop-note{display:none}.view-footer{font-size:11px;color:#9da7b8;line-height:1.7;margin-top:20px;text-align:center}@media(min-width:980px){.app-shell{margin-left:calc(50% + 10px);border-left:1px solid #dfe5ef;border-right:1px solid #dfe5ef}.desktop-note{position:fixed;display:block;left:calc(50% - 400px);top:32%;color:#7186aa}.desktop-note h1{font-size:34px;color:#243e69;margin-top:25px}.desktop-note p{font-size:17px}.desktop-note small{font-size:12px}.brand-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#2459df;color:white;font-size:35px;font-weight:700}
.brand-logo{height:34px;width:auto;max-width:120px;object-fit:contain;display:block}
.brand .brand-logo{height:30px}
.auth-logo .brand-logo{height:44px}
.language-brand .brand-logo{height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}[hidden]{display:none!important}

/* Login experience v3 */
.brand-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#3168ed,#1c48bd);color:#fff;font-size:22px;font-weight:800;box-shadow:0 8px 22px #2459df35}
.auth-hero{text-align:center;padding:22px 12px 18px}.auth-hero .auth-logo{justify-content:center;margin:2px 0 14px}.auth-hero .brand-symbol{width:62px;height:62px;border-radius:20px;font-size:34px}.auth-kicker{display:block;color:#2459df;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:12px}.auth-hero h1{font-size:27px;margin-bottom:8px;color:#172b51}.auth-hero p{color:#7f8ba0;font-size:12px;line-height:1.7;max-width:290px;margin:auto}.authform{box-shadow:0 14px 40px #2239680b;border-color:#edf0f5;padding:24px}.authform>label{font-weight:650;color:#435069}.input-box{position:relative;margin-top:9px}.input-box input{height:52px;padding:13px 68px 13px 43px;background:#f7f9fc;border-color:#e7ebf2}.input-box:focus-within input{background:#fff}.input-symbol{position:absolute;left:15px;top:16px;color:#8593a8;z-index:1}.password-toggle{position:absolute;right:8px;top:7px;padding:10px;color:#315fc9;font-size:12px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px}.auth-options label{margin:0;color:#6f7c90;font-weight:400}.checkline{display:flex!important;align-items:center;gap:7px}.form-status{color:#287b59;background:#edf9f3;border-radius:9px;padding:11px 12px;font-size:12px;margin:14px 0 0}.auth-submit{height:50px;margin-top:20px!important;box-shadow:0 10px 20px #2459df30}.auth-divider{display:flex;align-items:center;gap:13px;color:#a1aaba;font-size:11px;margin:23px 7px 14px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e4e8ef;flex:1}.auth-register{background:#fff;border:1px solid #dce4f3}.auth-foot{padding:20px 10px}.authform .form-error{background:#fff1ef;border:1px solid #ffdcd6;border-radius:9px;padding:11px 12px;margin:14px 0 0}.authform input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f7f9fc inset}
@media(min-width:980px){.brand-symbol{width:56px;height:56px;border-radius:17px;font-size:35px}}
.auth-back{font-size:30px;line-height:1;color:#29466f}.auth-me-link{font-size:13px;color:#2459df;padding:10px 4px;font-weight:600}.guest-profile{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#eaf0ff,#f8faff);border-radius:16px;padding:22px;margin-bottom:15px}.guest-profile .avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#2459df;font-weight:700;box-shadow:0 5px 16px #3057ab1c}.guest-profile h2{margin:0 0 5px}.guest-profile p{margin:0;color:#758398;font-size:12px}.guest-card h2{margin-bottom:8px}.guest-card p{color:#778398;font-size:12px}.guest-card .primary{margin-top:10px}
.empty-mark{display:grid;place-items:center;margin:0 auto 18px;width:38px;height:38px;border:1px solid #d9e0ea;border-radius:50%;color:#aab4c2;font-size:25px;font-weight:300}.hero+.card{margin-top:14px}.row-link .badge{white-space:nowrap;flex-shrink:0}.interaction-entry{margin-top:12px;border:1px solid var(--line);border-radius:14px}.address-inline{word-break:break-all;font-family:ui-monospace,monospace}.warn{color:#b54c3e!important}.stats div strong{font-variant-numeric:tabular-nums}
/* UI16 — complete member experience refresh */
:root{--blue:#2563eb;--navy:#071a33;--text:#142033;--muted:#718096;--line:#e5ebf3;--bg:#f3f6fa;--orange:#ed7c2f;--green:#07966f;background:#dfe6ef;color:var(--text)}body{background:linear-gradient(145deg,#dfe7f2,#f2f5f9);min-height:100dvh}.app-shell{background:radial-gradient(circle at 90% -5%,#dceaff 0,transparent 24%),var(--bg);box-shadow:0 0 100px #10284620}
#topbar{height:68px;padding:0 19px;background:#ffffffdd;backdrop-filter:blur(18px);border-bottom:1px solid #e9eef5}#topbar h1{font-size:16px;font-weight:750}.brand{font-weight:750}.icon-btn{background:#f4f7fb;border:1px solid #edf1f6}#page{padding:21px 17px 116px}#bottomnav{background:#fffffff2;backdrop-filter:blur(20px);border-top:1px solid #e2e8f0;padding-top:10px;box-shadow:0 -12px 35px #18304f0b}#bottomnav a{gap:6px;color:#8793a5;transition:.2s}#bottomnav a.active{color:var(--blue)}
.card,.form-card,.task-card,.onboard,.row-list{border-color:var(--line);border-radius:17px;box-shadow:0 7px 25px #1d35570a;background:#fff}.card{padding:20px}.section-title{margin:27px 2px 13px}.section-title h2{font-size:17px;font-weight:750}.hero{min-height:184px;border:0;border-radius:21px;padding:29px 23px;background:linear-gradient(140deg,#0c2344,#164f9e);box-shadow:0 15px 35px #143f7c26}.hero:before{content:'';position:absolute;width:190px;height:190px;border:40px solid #ffffff0b;border-radius:50%;right:-70px;top:-72px}.hero h1,.hero h2{color:#fff;font-size:26px}.hero p{color:#b9cdec}.hero-tag{color:#75a7fa;font-weight:700}.hero-art{border-color:#ffffff1b}.hero-art:after{color:#ffffff44}
.notice-strip{border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px #1d355708}.quick{gap:11px}.tile-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e7efff,#f4f7ff);box-shadow:inset 0 0 0 1px #e1e9f8}.quick a{font-weight:600;color:#4c5b70}.task-card{padding:18px;margin-bottom:12px;transition:.18s}.task-card:active{transform:scale(.985)}.task-main h3{font-size:15px;color:#1a2940}.task-main p{font-size:12px}.task-foot{border-color:#edf1f6;font-size:11px}.reward{color:var(--orange);font-size:21px}.badge{border-radius:999px;padding:4px 9px;font-weight:650}
.primary,.secondary,.danger{border-radius:13px;min-height:48px;font-weight:700;transition:.18s}.primary{background:linear-gradient(135deg,#155eef,#3984f5);box-shadow:0 9px 20px #155eef28}.primary:active{transform:scale(.985)}.secondary{background:#eaf1ff;color:#155eef}input,textarea,select{background:#f8fafc;border-color:#dce4ee;border-radius:12px;padding:14px;transition:.18s}input:focus,textarea:focus,select:focus{outline:0;border-color:#5b8def;box-shadow:0 0 0 4px #2563eb12}
.auth-hero{margin:-21px -17px 0;padding:43px 25px 67px;background:linear-gradient(145deg,#071a33,#144d94);border-radius:0 0 29px 29px;color:#fff}.auth-hero p{color:#b7c9e3}.auth-hero h1{color:#fff}.authform{position:relative;margin-top:-34px;border:0;box-shadow:0 16px 45px #17345b1c;padding:23px}.balance-entry{background:linear-gradient(140deg,#071a33,#174b8c);border-radius:20px;box-shadow:0 14px 32px #11396929}.balance-entry strong{font-size:28px}.avatar{width:60px;height:60px;background:linear-gradient(145deg,#dce9ff,#eef4ff);box-shadow:0 8px 20px #1e5cb51a}.nine-grid{border-radius:17px;box-shadow:0 7px 25px #1d35570a}.row-link{padding:18px 17px}.row-link:active{background:#f6f9fd}.stats{gap:10px}.stats div,.stats span{background:#f7f9fc;border-radius:12px;padding:14px!important}dialog{border-radius:22px}#toast{background:#071a33;box-shadow:0 15px 45px #071a3340}
@media(min-width:481px) and (max-width:979px){.app-shell{margin:18px auto;min-height:calc(100dvh - 36px);border-radius:28px;overflow:hidden}#bottomnav{bottom:18px;border-radius:0 0 28px 28px}}
/* UI17 — task detail information architecture */
.task-detail-page{margin:-21px -17px 0;padding-bottom:92px}.task-cover-wrap{background:#dfe8f5;max-height:245px;overflow:hidden}.task-cover{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover}.task-detail-hero{position:relative;padding:25px 20px 22px;background:linear-gradient(145deg,#071a33,#123e78);color:#fff;overflow:hidden}.task-detail-hero:after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;border:34px solid #ffffff0a;right:-80px;top:-65px}.task-detail-tags{display:flex;gap:7px;position:relative;z-index:1}.task-detail-hero h1{position:relative;z-index:1;font-size:24px;line-height:1.38;letter-spacing:-.5px;margin:15px 0 8px}.task-detail-hero>p{position:relative;z-index:1;color:#b8c9e0;font-size:12px;line-height:1.7;margin:0 0 20px}.task-reward-panel{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid #ffffff18}.task-reward-panel span{display:block;color:#8eacd3;font-size:10px;margin-bottom:6px}.task-reward-panel strong{font-size:27px;color:#fff}.task-reward-panel strong small{font-size:12px;color:#a9c0de}.task-reward-meta{text-align:right}.task-reward-meta b{font-size:12px;color:#eaf2ff}
.task-requirement{display:flex;gap:12px;align-items:flex-start;margin:14px 17px;padding:16px;border-radius:15px;border:1px solid}.task-requirement.eligible{background:#ecf9f4;border-color:#c7ebdc;color:#096a50}.task-requirement.ineligible{background:#fff4ec;border-color:#f6d8c1;color:#a34d1b}.requirement-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:currentColor;color:#fff;font-weight:800}.task-requirement.eligible .requirement-icon{background:#0d9470}.task-requirement.ineligible .requirement-icon{background:#d36b30}.task-requirement b{font-size:13px}.task-requirement p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.65}
.task-content-card{margin:0 17px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #1d35570a;overflow:hidden}.task-section{display:grid;grid-template-columns:35px 1fr;gap:11px;padding:21px 18px;border-bottom:1px solid #edf1f6}.task-section:last-child{border-bottom:0}.task-section-no{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3ff;color:#2563eb;font-size:10px;font-weight:800}.task-section h2{font-size:15px;margin:5px 0 13px}.task-section .preline{color:#526175;line-height:1.9}.task-notes{background:#fffdfa}.task-notes .task-section-no{background:#fff0dc;color:#bd681b}
.task-action-bar{position:fixed;z-index:14;bottom:0;width:100%;max-width:480px;display:flex;align-items:center;gap:14px;padding:11px 17px calc(11px + env(safe-area-inset-bottom));background:#fffffff4;backdrop-filter:blur(18px);border-top:1px solid #e2e8f0;box-shadow:0 -10px 32px #18304f12}.task-action-bar>div{min-width:105px}.task-action-bar span{display:block;font-size:10px;color:#8a96a8;margin-bottom:3px}.task-action-bar strong{font-size:13px;color:#ed7c2f}.task-action-bar .primary{flex:1;width:auto;min-height:45px}.task-action-bar .primary:disabled{background:#aeb8c5;box-shadow:none;color:#f8fafc}
@media(min-width:481px) and (max-width:979px){.task-action-bar{bottom:18px;border-radius:0 0 28px 28px}}
/* UI22 — state-driven home, task, asset and account architecture */
.home-status{position:relative;overflow:hidden;border-radius:22px;padding:27px 22px;margin-bottom:14px;background:linear-gradient(145deg,#071a33,#164f9e);color:#fff;box-shadow:0 15px 35px #143f7c25}.home-status:after{content:'';position:absolute;width:180px;height:180px;border:38px solid #ffffff0b;border-radius:50%;right:-90px;top:-80px}.home-status>*{position:relative;z-index:1}.home-status .status-kicker{display:block;color:#7eafff;font-size:11px;font-weight:750;letter-spacing:1.4px;margin-bottom:12px}.home-status h1{font-size:25px;line-height:1.35;margin-bottom:9px;max-width:330px}.home-status p{color:#b9cbe5;font-size:12px;margin-bottom:20px}.home-status-actions{display:flex;gap:9px}.home-status-actions a{width:auto;flex:1;min-height:44px}.home-status .secondary{background:#ffffff15;color:#fff;border:1px solid #ffffff20}.home-status.setup{background:linear-gradient(145deg,#16283f,#245b93)}.progress-track{height:5px;background:#ffffff1c;border-radius:9px;margin:-5px 0 20px}.progress-track i{display:block;width:50%;height:100%;background:#68a3ff;border-radius:9px}.business-tools{display:grid;gap:9px;margin:14px 0}.business-tools a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);background:#fff;border-radius:15px;color:#23334a;box-shadow:0 6px 20px #1d355709}.business-tools svg{color:#2563eb}.business-tools b,.business-tools small{display:block}.business-tools small{color:#8a96a7;margin-top:4px;font-size:11px}.home-banner{display:block;width:100%;aspect-ratio:2.5;object-fit:cover;border-radius:16px;margin:14px 0}.onboard .steps span{display:flex;flex-direction:column;align-items:center;gap:7px}.onboard .steps i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf3ff;color:#2563eb;font-style:normal;font-weight:750}.onboard .steps b{margin:0}
.page-intro{margin:-21px -17px 16px;padding:29px 20px 24px;background:linear-gradient(145deg,#071a33,#164b8e);color:#fff}.page-intro span{color:#7eafff;font-size:11px;font-weight:700;letter-spacing:2px}.page-intro h1{font-size:24px;margin:10px 0 7px}.page-intro p{color:#b9cbe5;font-size:12px;margin:0}.task-view-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#e6ebf2;border-radius:13px;margin-bottom:14px}.task-view-tabs>*{display:grid;place-items:center;min-height:39px;border-radius:9px;color:#66758a;font-weight:650;font-size:12px}.task-view-tabs .active{background:#fff;color:#155eef;box-shadow:0 4px 14px #1d355711}.task-count{font-size:11px;color:#8995a6;margin:4px 2px 12px}
.asset-hero{padding:25px 21px;border-radius:21px;background:linear-gradient(145deg,#071a33,#174f91);color:#fff;box-shadow:0 15px 35px #143f7c25}.asset-hero>span{color:#9bb6da;font-size:11px}.asset-hero h1{font-size:31px;margin:12px 0 6px}.asset-hero h1 small{font-size:13px;color:#b9cbe5}.asset-hero p{color:#9bb0cd;font-size:11px}.asset-hero>div{display:flex;gap:9px;margin-top:19px}.asset-action{display:grid;place-items:center;min-height:42px;padding:0 18px;border-radius:11px;background:#fff;color:#144f9c;font-weight:700;font-size:12px}.asset-action.ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff1d}.asset-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.asset-list div{display:flex;flex-direction:column;padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px}.asset-list span,.asset-list small{color:#8290a3;font-size:10px}.asset-list b{font-size:17px;margin:7px 0}.section-title>span{font-size:10px;color:#8b97a8}.wallet-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-cards a{position:relative;padding:16px 28px 15px 14px;background:#fff;border:1px solid var(--line);border-radius:16px;color:#26364d;overflow:hidden;min-width:0}.wallet-cards span,.wallet-cards b{display:block}.wallet-label{font-size:11px;color:#758399;margin-bottom:8px}.wallet-cards b{font-size:16px}.wallet-cards p{font-size:10px;color:#8a96a8;margin:7px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-cards i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;color:#7990b0}.interaction-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:17px;margin-top:10px;border-radius:16px;background:#eaf2ff;color:#1d4f99}.interaction-card p{font-size:10px;color:#6983a9;margin:5px 0 0}.ledger-list{border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.account-head{display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:13px;padding:9px 2px 22px}.account-head span{font-size:10px;color:#8a96a8}.account-head h1{font-size:17px;margin:5px 0;overflow:hidden;text-overflow:ellipsis}.account-head p{font-size:10px;color:#6c7b90;margin:0}.account-head>a{color:#647b9d}.account-guest{text-align:center;padding:28px 22px;background:linear-gradient(145deg,#071a33,#164f9e);color:#fff;border-radius:22px;margin-bottom:16px}.account-guest .avatar{margin:0 auto 15px;border:0}.account-guest p{color:#b9cbe5;font-size:12px}.account-guest .primary,.account-guest .secondary{margin-top:9px}.account-guest .secondary{background:#ffffff12;color:#fff}.service-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.service-group>h2{grid-column:1/-1;font-size:12px;color:#778598;margin:0 4px 0}
.service-group .row-link{position:relative;flex-direction:column;align-items:stretch;gap:6px;padding:16px 30px 16px 14px;border:1px solid var(--line);border-radius:15px;min-width:0}
.service-group .row-link>span{position:absolute;right:11px;top:15px;font-size:12px;color:#b9c3d1}
.service-group .row-link small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-group .row-link:first-of-type{border-radius:15px}.service-group .row-link:last-child{border-radius:15px;border-bottom:1px solid var(--line)}.service-group .row-link:only-of-type{border-radius:15px}.service-group .row-link{border-left:1px solid var(--line);border-right:1px solid var(--line)}.service-group .row-link>div{display:grid;grid-template-columns:27px 1fr;align-items:center;column-gap:9px}.service-group .row-link>div svg{grid-row:1/3;color:#5475a8}.service-group .row-link>div small{grid-column:2}
/* UI23 — deterministic business back navigation */
#topbar:has(.back-button){display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px}.back-button,.auth-back{width:44px;height:44px;border-radius:13px;background:#f4f7fb;border:1px solid #e7edf5;color:#223b60;font-size:22px;font-weight:500;line-height:1}.back-button:active,.auth-back:active{transform:scale(.94);background:#e9f0fa}.back-button span,.auth-back span{display:block;transform:translateY(-1px)}#topbar:has(.back-button) .back-title{justify-content:center;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.topbar-spacer{width:44px;height:44px}.auth-back{display:inline-flex!important}.auth-back+.back-title{margin-left:0}
/* UI24 — minimal native-style back control */
.back-button,.auth-back{width:40px;height:40px;border:0!important;border-radius:50%;background:transparent!important;color:#172b49;box-shadow:none!important;padding:0;display:inline-grid!important;place-items:center;transition:background-color .16s ease,transform .12s ease}.back-button:hover,.auth-back:hover{background:#eef3f9!important}.back-button:active,.auth-back:active{background:#e3eaf3!important;transform:scale(.92)}.back-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar-spacer{width:40px;height:40px}#topbar:has(.back-button){grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.auth-back+.back-title{font-size:15px;font-weight:700}

/* UI25 - simulated live activity above the home navigation */
.live-activity{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);width:min(448px,calc(100% - 32px));height:110px;overflow:hidden;z-index:14;padding:9px 12px;border:1px solid #ffffff70;border-radius:14px;background:#ffffffa6;backdrop-filter:blur(18px) saturate(125%);box-shadow:0 10px 35px #152b4817}.live-activity div{display:grid;grid-template-columns:7px 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;gap:1px 7px;height:46px;font-size:10px;color:#68778d;transition:transform .38s ease,opacity .38s ease}
.live-activity div>.live-dot{grid-area:1/1}
.live-activity div>b{grid-area:1/2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-activity.is-scrolling div{transform:translateY(-46px)}.live-activity.is-scrolling div:first-child{opacity:0}.live-activity div+div{border-top:1px solid #ffffff8c}.live-activity b{color:#26384f;font-size:10px}.live-activity div>span:last-child{grid-area:2/2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-activity strong{color:#d96d24;font-size:11px}.live-dot{width:6px;height:6px;border-radius:50%;background:#16b47d;box-shadow:0 0 0 3px #16b47d16}@media(min-width:481px) and (max-width:979px){.live-activity{bottom:96px}}

/* Percentage reward uses a quieter neutral label until a wallet-specific quote is available. */
.percentage-reward-label{color:#111827!important;font-size:13px!important;font-weight:500;line-height:1.4;white-space:nowrap}

/* Multilingual first-run language selector */
.language-picker{max-width:430px;margin:0 auto;padding:24px 0}.language-brand{text-align:center;margin-bottom:24px}.language-brand .brand-symbol{margin:0 auto 16px}.language-brand h1{font-size:25px;margin-bottom:8px}.language-brand p{font-size:12px;color:var(--muted)}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.language-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px;text-align:left}.language-option b{font-size:14px}.language-option small{color:var(--muted);font-size:10px}.language-option.active{border-color:var(--blue);background:#eef4ff;box-shadow:0 0 0 2px #2459df1c}.language-picker>.primary{position:sticky;bottom:12px}html[dir=rtl] .language-option{text-align:right;align-items:flex-end}html[dir=rtl] .back-icon{transform:scaleX(-1)}html[dir=rtl] .task-reward-meta{text-align:left}

/* Task record and schema-driven submission UI */
.task-record{margin:-4px 0 90px}.task-record-hero{position:relative;overflow:hidden;padding:23px 20px;border-radius:20px;background:linear-gradient(145deg,#071a33,#164e91);color:#fff;box-shadow:0 15px 34px #153c7024}.task-record-hero:after{content:'';position:absolute;width:130px;height:130px;border:25px solid #ffffff0a;border-radius:50%;right:-62px;top:-58px}.task-record-hero>div{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.task-record-hero>div>span:last-child{font-size:10px;color:#9eb5d2}.task-record-hero h1{position:relative;z-index:1;font-size:20px;margin:19px 0 7px}.task-record-hero p{position:relative;z-index:1;color:#b9cbe1;font-size:11px;margin-bottom:18px}.task-record-hero>strong{position:relative;z-index:1;display:block;padding-top:15px;border-top:1px solid #ffffff1c;font-size:25px}.task-record-hero>strong small{font-size:11px;color:#a9c0de}.task-record-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;margin-top:13px;box-shadow:0 7px 24px #1d355708}.task-record-panel>h2{font-size:15px;margin-bottom:16px}.record-kv{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid #edf1f6;font-size:11px}.record-kv span{color:#8a96a8}.record-kv b{font-weight:600;text-align:right}.record-copy{padding-top:13px;margin-top:5px;border-top:1px solid #edf1f6}.record-copy h3{font-size:11px;color:#7b8798;margin-bottom:8px}.review-result{border-left:3px solid var(--blue)}.task-record-actions{position:fixed;z-index:14;bottom:0;width:100%;max-width:444px;display:grid;grid-template-columns:1.5fr 1fr;gap:10px;padding:11px 0 calc(11px + env(safe-area-inset-bottom));background:#fffffff4;backdrop-filter:blur(18px)}.task-record-actions>*{min-height:45px}.submission-intro{padding:5px 2px 17px}.submission-intro>span{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:1px}.submission-intro h1{font-size:21px;margin:9px 0 7px}.submission-intro p{color:#728095;font-size:11px;margin:0}.submission-form label:first-child{margin-top:0}
/* UI62 — protected visual editor preview */
.admin-preview body{padding-top:34px}.admin-preview-flag{position:fixed;z-index:9999;inset:0 0 auto;background:#17233b;color:#fff;text-align:center;font-size:12px;font-weight:700;padding:8px;box-shadow:0 3px 14px #0003}.admin-preview .preview-copy-hit{outline:3px solid #f59e0b!important;outline-offset:3px;border-radius:5px;animation:previewPulse 1.2s ease-in-out infinite alternate}@keyframes previewPulse{to{outline-color:#2563eb;background:#fff8db}}
/* UI65 — real multi-image home carousel */
.home-carousel{position:relative;overflow:hidden;aspect-ratio:2.5;border-radius:16px;margin:14px 0;background:#e8eef6;box-shadow:0 8px 24px #172b4d12}.carousel-track,.carousel-slide{position:absolute;inset:0}.carousel-slide{display:block;opacity:0;pointer-events:none;transition:opacity .38s ease;color:#fff}.carousel-slide.active{opacity:1;pointer-events:auto;z-index:1}.carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}.carousel-slide span{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px 16px 12px;background:linear-gradient(transparent,#071a33cc);font-size:13px;font-weight:700}.carousel-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:38px;padding:0;border:0;border-radius:10px;background:#071a3377;color:#fff;font-size:25px;line-height:1}.carousel-arrow:hover{transform:translateY(-50%);background:#071a33aa}.carousel-arrow.prev{left:9px}.carousel-arrow.next{right:9px}.carousel-dots{position:absolute;z-index:4;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:6px}.carousel-dots button{width:7px;height:7px;min-width:0;padding:0;border:0;border-radius:99px;background:#ffffff88;box-shadow:none;transition:width .2s}.carousel-dots button.active{width:20px;background:#fff}.carousel-dots button:hover{transform:none;box-shadow:none}@media(max-width:430px){.carousel-arrow{width:28px;height:34px}.carousel-slide span{font-size:12px;padding:22px 13px 11px}}