:root{color:#171a2b;font-synthesis:none;text-rendering:optimizelegibility;--brand:#6658f5;--brand-deep:#4f46d8;--ink:#171a2b;--muted:#667085;--weak:#98a2b3;--line:#e7e9f2;--page:#f5f6fa;--success:#0f9d74;--warning:#f59e0b;--danger:#e24a5a;--card-shadow:0 12px 32px #231e4b14;background:#eef0f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:#eef0f6;min-width:320px;min-height:100vh}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img,video{max-width:100%;display:block}.h5-page{background:radial-gradient(circle at 50% -18%, #e7e4ff 0, var(--page) 34%, var(--page) 100%);min-height:100vh;overflow-x:hidden}.h5-loader{color:#6b7487;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:28px;display:flex;position:relative;overflow:hidden}.h5-loader:before,.h5-loader:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.h5-loader:before{background:radial-gradient(circle at 35% 38%,#8b7eff2e,#6658f505 64%);border:1px solid #6658f51f;width:260px;height:260px;top:-110px;right:-90px}.h5-loader:after{background:#6658f50e;width:290px;height:290px;bottom:-130px;left:-105px}.loader-brand{z-index:1;justify-content:center;align-items:center;gap:13px;display:flex;position:relative}.loader-mark{color:#fff;background:linear-gradient(145deg, var(--brand-deep), #887cff);border:1px solid #ffffff59;border-radius:19px;place-items:center;width:58px;height:58px;font-size:24px;font-weight:850;display:grid;box-shadow:0 14px 32px #4f46d840}.loader-brand div{text-align:left;min-width:0}.loader-brand strong,.loader-brand small{display:block}.loader-brand strong{color:var(--ink);letter-spacing:-.65px;font-size:26px;line-height:1.1}.loader-brand small{color:#788196;margin-top:5px;font-size:12px}.loader-spinner{z-index:1;border:3px solid #6658f524;border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin-top:34px;animation:.8s linear infinite loader-spin;position:relative}.h5-loader>p{z-index:1;color:#7b8496;letter-spacing:.4px;margin:11px 0 0;font-size:12px;font-weight:650;position:relative}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader-spinner{animation-duration:1.6s}}.auth-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:38px 20px}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:#788196;margin-top:2px}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--brand-deep), #887cff);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 8px 20px #6658f538}.auth-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border:1px solid #e7e9f2eb;border-radius:26px;margin-top:clamp(54px,12vh,100px);padding:24px;box-shadow:0 26px 70px #231e4b21}.auth-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.auth-head h1{margin:0;font-size:27px}.auth-head p{color:#788196;margin:5px 0 22px}.language-button,.icon-button{color:#554de1;background:#f1f0ff;border:1px solid #dedcfb;border-radius:11px;min-height:38px;padding:8px 11px}.language-button{min-height:44px}form label{color:#697286;margin-bottom:13px;font-size:14px;display:block}input,textarea,select{font-size:16px}input{color:#172032;background:#fff;border:1px solid #dde2eb;border-radius:12px;outline:none;width:100%;min-height:46px;margin-top:7px;padding:10px 12px;display:block}input:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff1f}.primary-button,.secondary-button,.text-button{text-align:center;cursor:pointer;border-radius:12px;min-height:44px;padding:10px 15px;text-decoration:none}.primary-button{color:#fff;border:1px solid var(--brand);background:linear-gradient(135deg, var(--brand), #7568fc);font-weight:700;box-shadow:0 9px 18px #6658f533}.secondary-button{color:#554de1;background:#f0efff;border:1px solid #dedcfb}.text-button{color:#635bff;background:0 0;border:0}.block{width:100%}.form-error{color:#c33d49;font-size:14px}.phone-shell{width:min(100%,460px);min-height:100vh;padding:max(14px, env(safe-area-inset-top)) 16px 98px;background:var(--page);margin:0 auto;position:relative;box-shadow:0 0 50px #252e4b14}.phone-shell.detail-mode{padding:0 0 max(28px, env(safe-area-inset-bottom))}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.view-stack{gap:13px;display:grid}.app-toast{z-index:200;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;text-align:left;background:#171a2bf0;border:1px solid #ffffff21;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:max-content;min-width:170px;max-width:calc(100vw - 40px);min-height:50px;padding:12px 16px;font-size:14px;font-weight:650;line-height:1.45;display:flex;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #10122347}.toast-icon{color:#7cf0c8;background:#1abf8838;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:13px;font-weight:850;display:grid}.toast-info .toast-icon{color:#d8d4ff;background:#8b7eff40}.toast-error .toast-icon{color:#ffc2ca;background:#e24a5a3d}.app-toast>span:last-child{overflow-wrap:anywhere;min-width:0}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .24s cubic-bezier(.22,.78,.21,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.96)}.balance-card{color:#fff;background:linear-gradient(145deg,#5d55ef,#847eff);border-radius:21px;padding:20px;overflow:hidden;box-shadow:0 14px 32px #635bff33}.balance-card span,.balance-card small{opacity:.76;display:block}.balance-card strong{letter-spacing:-.5px;margin:5px 0 16px;font-size:29px;display:block}.surface{background:#fff;border:1px solid #e4e8f0;border-radius:18px;padding:16px}.section-heading,.row-between,.campaign-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h1,.section-heading h2,.section-heading p,.surface h2,.surface h3,.surface p,.campaign-title h3,.campaign-title p{margin:0}.section-heading h1{font-size:24px}.section-heading h2,.surface h2{font-size:18px}.section-heading p,.campaign-title p,.surface>p{color:#788196;margin-top:3px;font-size:13px}.campaign-title{justify-content:flex-start;min-width:0}.campaign-title div{min-width:0}.campaign-title p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.platform-logo{border-radius:13px;flex:none;place-items:center;width:43px;height:43px;font-weight:700;display:grid}.x-logo{color:#fff;background:#111318}.compact-form{margin-top:15px}.future-platforms{color:#868fa2;flex-wrap:wrap;gap:8px;margin-top:13px;font-size:12px;display:flex}.future-platforms span{background:#f1f3f7;border-radius:99px;padding:6px 9px}.status-chip{color:#554de1;background:#efeeff;border-radius:99px;padding:5px 9px;font-size:12px}.task-active h3{margin-top:14px}.execution-box{background:#f7f8fb;border-radius:14px;margin-top:14px;padding:13px}.execution-box>p{color:#323b4f;line-height:1.55}.two-buttons{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.reward{color:#0b9364;white-space:nowrap}.rule-row{color:#737d90;justify-content:space-between;gap:8px;margin:15px 0;font-size:13px;display:flex}.empty-line{color:#8992a5;text-align:center;padding:18px}.invite-hero{color:#fff;text-align:center;background:linear-gradient(145deg,#5851e7,#847eff);border-radius:22px;padding:27px 18px}.invite-hero>span{background:#ffffff26;border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 11px;font-size:28px;display:grid}.invite-hero h1{margin:0;font-size:22px}.invite-hero p{opacity:.78;margin:5px 0 16px}.invite-hero button{color:#433cc1;background:#fff;border:0;border-radius:12px;min-height:42px;padding:9px 13px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-grid article{background:#fff;border:1px solid #e5e8f0;border-radius:16px;padding:15px}.metric-grid article:last-child{grid-column:1/-1}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:#788196;font-size:13px}.metric-grid strong{margin-top:4px;font-size:21px}.network-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 8px;display:grid}.network-tabs button{color:#677185;background:#fff;border:1px solid #dfe3eb;border-radius:12px;place-content:center;gap:3px;min-width:0;min-height:58px;padding:9px 7px;display:grid}.network-tabs button:first-child{grid-column:1/-1}.network-tabs button strong,.network-tabs button small{display:block}.network-tabs button strong{font-size:13px}.network-tabs button small{color:#8a93a5;text-overflow:ellipsis;font-size:10px;line-height:1.3;overflow:hidden}.network-tabs button.active{color:#5148dc;background:#f0efff;border-color:#635bff;font-weight:650}.network-tabs button.active small{color:#675fd8}.network-tabs button.unavailable{color:#9aa2b1;cursor:not-allowed;opacity:.78;background:#f7f8fa;border-color:#e8eaf0}.network-hint{color:#7f899b;margin:0 0 14px;font-size:10px;line-height:1.55}.wallet-preview{background:#f5f7fa;border-radius:12px;margin-bottom:14px;padding:12px}.wallet-preview span,.wallet-preview strong{display:block}.wallet-preview span{color:#778195;font-size:12px}.wallet-preview strong{margin-top:3px}.ledger-row{border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;display:flex}.ledger-row div span,.platform-list small{color:#7b8597;margin-top:3px;font-size:12px;display:block}.profile-card{background:#eeeefe;border-radius:19px;align-items:center;gap:13px;padding:18px;display:flex}.profile-card>span{color:#fff;background:#635bff;border-radius:16px;place-items:center;width:52px;height:52px;font-weight:700;display:grid}.profile-card h2,.profile-card p{margin:0}.profile-card p{color:#737d90;margin-top:3px}.platform-list{gap:13px;display:grid}.platform-list div{justify-content:space-between;align-items:center;display:flex}.surface .row-between+.row-between{border-top:1px solid #e5e8ef;margin-top:13px;padding-top:13px}.bottom-nav{z-index:10;width:min(100%,460px);padding:7px 10px max(9px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #dfe3ebe6;grid-template-columns:repeat(4,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#838c9e;background:0 0;border:0;place-items:center;gap:2px;min-height:54px;font-size:12px;display:grid}@media (width>=700px){.h5-page{padding:25px 0}.phone-shell{border-radius:28px;min-height:calc(100vh - 50px)}.bottom-nav{border-radius:0 0 28px 28px;bottom:25px}}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-lockup strong,.brand-lockup small{display:block}.compact-brand .brand-mark{border-radius:12px;width:36px;height:36px}.compact-brand strong{color:var(--ink);letter-spacing:-.35px;font-size:19px}.header-actions{align-items:center;gap:8px;display:flex}.eyebrow{color:var(--brand);letter-spacing:1.5px;font-size:10px;font-weight:800}.app-header{min-height:48px;margin-bottom:14px}.view-stack{gap:16px}.welcome-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.welcome-row>div{align-items:baseline;gap:5px;min-width:0;display:flex}.welcome-row>div span{color:var(--muted);font-size:13px}.welcome-row>div strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.account-pill{color:#30364a;border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;max-width:55%;min-height:34px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.account-pill b{color:#fff;background:#111318;border-radius:7px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.account-pill.unbound{color:#7a6277;background:#fff8fb;border-color:#eee0e7}.balance-card{color:#fff;background:linear-gradient(135deg,#17162d 0%,#28204e 53%,#5847d4 100%);border-radius:24px;grid-template-columns:minmax(0,1.35fr) 1px minmax(0,.85fr);align-items:center;min-height:132px;padding:22px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #261f5538}.balance-card>div:not(.balance-orb){z-index:2;min-width:0;position:relative}.balance-card>div:nth-of-type(2){padding-left:16px}.balance-card>i{z-index:2;background:#ffffff2e;width:1px;height:55px;position:relative}.balance-card span{color:#ffffffa6;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.balance-card strong{letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(22px,8vw,31px);line-height:1.06;display:block;overflow:hidden}.balance-card>div:nth-of-type(2) strong{font-size:clamp(17px,5.5vw,23px)}.balance-card small{color:#ffffffb8;font-size:10px;display:inline}.home-ad-card{color:#fff;background:radial-gradient(circle at 95% 0,#50e3c238,#0000 35%),linear-gradient(135deg,#111827 0%,#20264b 55%,#3b3279 100%);border:1px solid #ffffff1a;border-radius:22px;padding:18px;position:relative;overflow:hidden;box-shadow:0 14px 32px #1c1e4229}.home-ad-glow{border:1px solid #ffffff17;border-radius:50%;width:130px;height:130px;position:absolute;top:-42px;right:-34px;box-shadow:0 0 0 24px #ffffff06,0 0 0 48px #ffffff05}.home-ad-heading{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.home-ad-icon{color:#182231;letter-spacing:.3px;background:#6de1c2;border-radius:9px;place-items:center;width:29px;height:27px;font-size:9px;font-weight:950;display:grid}.home-ad-heading small{color:#ffffffa3;letter-spacing:.9px;text-transform:uppercase;font-size:9px;font-weight:800}.home-ad-card h2{z-index:1;margin:12px 0 0;font-size:18px;line-height:1.35;position:relative}.home-ad-card>p{z-index:1;color:#ffffffb8;white-space:pre-wrap;margin:8px 0 0;font-size:11px;line-height:1.65;position:relative}.home-ad-card>.home-ad-disclaimer{color:#ffffffd1;background:#03071233;border:1px solid #ffffff1f;border-radius:10px;align-items:flex-start;gap:7px;margin-top:12px;padding:8px 10px;font-size:10px;line-height:1.5;display:flex}.home-ad-disclaimer>span{color:#132032;background:#f8cf6b;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;margin-top:1px;font-size:10px;font-weight:900;display:grid}.home-ad-card>a{z-index:1;color:#172131;background:#fff;border-radius:11px;align-items:center;gap:10px;min-height:38px;margin-top:14px;padding:9px 13px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 7px 16px #0000001f}.home-ad-card>a span{color:#5146c9;font-size:15px}.balance-orb{pointer-events:none;border-radius:50%;z-index:1!important;position:absolute!important}.orb-one{background:radial-gradient(circle at 35% 35%,#ffffff30,#ffffff05 62%);border:1px solid #ffffff1f;width:170px;height:170px;top:-62px;right:-32px}.orb-two{background:#7c65ff2b;width:150px;height:150px;bottom:-88px;right:93px}.binding-nudge{width:100%;min-height:61px;color:var(--ink);text-align:left;background:#f0efff;border:1px solid #e4e1ff;border-radius:17px;align-items:center;gap:11px;padding:11px 12px;display:flex}.binding-nudge .shield-icon{width:36px;height:36px;color:var(--brand-deep);background:#fff;border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid;box-shadow:0 5px 12px #4f46d81a}.binding-nudge>span:nth-child(2){min-width:0}.binding-nudge strong,.binding-nudge small{display:block}.binding-nudge strong{font-size:13px}.binding-nudge small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.35}.binding-nudge>b{color:var(--brand-deep);white-space:nowrap;margin-left:auto;font-size:12px}.task-title-row{margin-top:3px}.task-title-row h1{color:var(--ink);letter-spacing:-.5px;font-size:21px}.refresh-button{color:var(--muted);border-color:var(--line);background:#fff;font-size:20px;font-weight:500}.task-access-blocked{color:#7d2636;background:linear-gradient(145deg,#fff8f9,#fff1f3);border:1px solid #f0c4cc;border-radius:17px;align-items:flex-start;gap:12px;padding:15px 16px;display:flex;box-shadow:0 8px 22px #962d3f12}.task-access-blocked>span{color:#fff;background:#c64b60;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:grid}.task-access-blocked h2,.task-access-blocked p{margin:0}.task-access-blocked h2{font-size:14px}.task-access-blocked p{color:#95606a;margin-top:4px;font-size:11px;line-height:1.55}.campaign-card-v2{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e7e9f2d9;border-radius:22px;overflow:hidden}.campaign-media{aspect-ratio:16/7;background:#050505;position:relative;overflow:hidden}.x-campaign-visual{color:#fff;background:radial-gradient(circle at 18% 42%,#ffffff1f,#0000 26%),radial-gradient(circle at 88% 0,#6658f559,#0000 36%),linear-gradient(135deg,#050505 0%,#12121a 68%,#241e4e 100%);align-items:center;gap:18px;padding:22px 24px;display:flex}.x-visual-glow{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:210px;height:210px;position:absolute;top:-115px;right:6%;box-shadow:0 0 80px #6658f538}.x-visual-logo{z-index:2;filter:drop-shadow(0 14px 28px #00000059);flex:none;width:clamp(62px,20vw,84px);height:clamp(62px,20vw,84px);position:relative}.x-visual-copy{z-index:2;min-width:0;position:relative}.x-visual-copy strong,.x-visual-copy span{display:block}.x-visual-copy strong{letter-spacing:-.55px;font-size:clamp(19px,5vw,25px);line-height:1.15}.x-visual-copy span{color:#ffffff94;max-width:220px;margin-top:7px;font-size:11px;line-height:1.5}.x-visual-badge{z-index:2;color:#ffffffc7;background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid;position:absolute;top:12px;right:12px}.campaign-body{padding:17px}.campaign-main{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.campaign-main>div{min-width:0}.campaign-main h2{color:var(--ink);letter-spacing:-.3px;margin:0;font-size:17px;line-height:1.35}.campaign-main p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.campaign-main .reward{color:var(--success);white-space:nowrap;flex:none;font-size:19px;line-height:1.2}.campaign-main .reward small{color:#6e7a78;text-align:right;margin-top:1px;font-size:9px;display:block}.campaign-body .rule-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:7px;margin:14px 0 10px;display:flex}.campaign-body .rule-row span{color:#646d80;white-space:nowrap;background:#f8f9fb;border:1px solid #eaecf2;border-radius:999px;min-height:27px;padding:5px 8px;font-size:10px;font-weight:650}.reward-tier-strip{background:#f8f7ff;border:1px solid #e5e3fb;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));margin:3px 0 13px;display:grid;overflow:hidden}.reward-tier-strip>div{text-align:center;min-width:0;padding:9px 4px}.reward-tier-strip>div+div{border-left:1px solid #e5e3fb}.reward-tier-strip strong,.reward-tier-strip small{white-space:nowrap;display:block}.reward-tier-strip strong{color:var(--brand-deep);font-size:11px}.reward-tier-strip small{color:var(--success);margin-top:3px;font-size:9px;font-weight:750}.campaign-review-notice{background:linear-gradient(145deg,#fbfbfe,#f6f7fb);border:1px solid #e1e3ec;border-radius:14px;margin:0 0 12px;padding:11px 12px}.campaign-review-notice>strong{color:#34394a;align-items:center;gap:7px;font-size:11px;display:flex}.campaign-review-notice>strong span{color:#fff;background:var(--success);border-radius:6px;place-items:center;width:18px;height:18px;font-size:9px;display:grid}.campaign-review-notice p{color:#697286;margin:7px 0 0;font-size:9px;line-height:1.55}.campaign-review-notice>small{color:#9a6105;margin-top:6px;font-size:9px;line-height:1.5;display:block}.campaign-review-notice>small.critical{color:#a23b4b;border-top:1px dashed #edd1d6;padding-top:6px}.availability{color:var(--success);align-items:center;gap:6px;margin:0 0 12px;font-size:11px;font-weight:650;display:flex}.availability i{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #0f9d741a}.claim-button{min-height:50px}.ongoing-card{background:linear-gradient(145deg,#fff,#f5f3ff);border:1px solid #e0ddff;border-radius:20px;padding:16px;box-shadow:0 10px 28px #4f46d814}.ongoing-head,.ongoing-head>div{align-items:center;gap:10px;display:flex}.ongoing-head{justify-content:space-between}.ongoing-head>div{min-width:0}.ongoing-head strong,.ongoing-head small{display:block}.ongoing-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.ongoing-head small{color:var(--muted);margin-top:3px;font-size:11px}.x-mini{color:#fff;background:#111318;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;font-size:12px;font-weight:750;display:grid}.ongoing-progress{background:#e6e3fc;border-radius:999px;height:6px;margin:15px 0 13px;overflow:hidden}.ongoing-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--brand),#8b7eff);height:100%;display:block}.status-chip{min-height:27px;color:var(--brand-deep);white-space:nowrap;background:#efeeff;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.status-retaining{color:#2864c8!important;background:#eaf2ff!important}.status-pending{color:#a46200!important;background:#fff4dc!important}.status-processing{color:#1d5d9b!important;background:#e8f3ff!important}.status-pending_review{color:#a46200!important;background:#fff4dc!important}.status-approved,.status-completed{color:#087653!important;background:#e6f7ef!important}.status-rejected{color:#b93849!important;background:#ffedf0!important}.detail-header{z-index:20;min-height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 13px 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;border-bottom:1px solid #e7e9f2db;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.detail-header h1{text-align:center;margin:0;font-size:17px}.detail-header button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:12px;place-items:center;font-size:29px;display:grid}.detail-header .detail-more{font-size:20px}.task-detail-page{background:var(--page);min-height:100vh;padding-bottom:20px}.task-detail-page>article,.task-detail-page>ol,.task-detail-page>.empty-state,.task-detail-page>.x-publishing-tip,.task-detail-page>.publishing-content-toggle{margin-left:16px;margin-right:16px}.task-summary{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e7e9f2e6;border-radius:20px;margin-top:16px;padding:16px}.task-summary-main{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.x-logo-round{color:#fff;background:#111318;border-radius:13px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:750;display:grid}.task-summary h2,.task-summary p{margin:0}.task-summary h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.task-summary p{color:var(--muted);margin-top:3px;font-size:11px}.task-summary-main>strong{color:var(--success);white-space:nowrap;font-size:17px}.task-summary-main>strong small{color:#72807c;text-align:right;font-size:8px;display:block}.task-summary>.status-chip{margin-top:12px}.task-steps{grid-template-columns:repeat(4,1fr);margin-top:18px;margin-bottom:18px;padding:0;list-style:none;display:grid;position:relative}.task-steps:before{z-index:0;content:"";background:#dddfea;height:2px;position:absolute;top:15px;left:11%;right:11%}.task-steps li{z-index:1;min-width:0;color:var(--weak);text-align:center;justify-items:center;gap:7px;display:grid;position:relative}.task-steps li span{color:#8b93a4;background:var(--page);border:2px solid #e2e4ec;border-radius:50%;place-items:center;width:31px;height:31px;font-size:11px;font-weight:750;display:grid}.task-steps li strong{max-width:72px;font-size:9px;line-height:1.35}.task-steps li.done,.task-steps li.active{color:var(--brand-deep)}.task-steps li.done span{color:#fff;border-color:var(--brand);background:var(--brand)}.task-steps li.active span{color:var(--brand-deep);border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #6658f51a}.review-rules-card{background:linear-gradient(155deg,#fff 0%,#f8f8fe 100%);border:1px solid #dddff0;border-radius:20px;margin-top:0;padding:15px;box-shadow:0 9px 25px #231e4b0e}.review-rules-head{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.review-rules-head>span{color:#fff;background:linear-gradient(145deg,#0f9d74,#42bea0);border-radius:12px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:850;display:grid;box-shadow:0 7px 16px #0f9d7433}.review-rules-head h2,.review-rules-head p{margin:0}.review-rules-head h2{color:var(--ink);font-size:14px}.review-rules-head p{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.review-rules-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.review-rules-highlights>div{text-align:center;background:#f5f4ff;border:1px solid #e3e2f2;border-radius:12px;min-width:0;padding:9px 7px}.review-rules-highlights small,.review-rules-highlights strong{display:block}.review-rules-highlights small{color:#767b8d;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.review-rules-highlights strong{color:var(--brand-deep);margin-top:3px;font-size:13px}.review-rules-list{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.review-rules-list li{background:#ffffffd1;border:1px solid #e8e9f0;border-radius:12px;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:9px;padding:9px;display:grid}.review-rules-list li>span{width:27px;height:27px;color:var(--brand-deep);background:#edebff;border-radius:9px;place-items:center;font-size:8px;font-weight:850;display:grid}.review-rules-list strong,.review-rules-list p{margin:0;display:block}.review-rules-list strong{color:#333a4d;font-size:10px}.review-rules-list p{color:#717a8c;margin-top:3px;font-size:9px;line-height:1.5}.review-rules-critical{color:#963847;background:#fff2f4;border:1px solid #f0cfd5;border-radius:11px;align-items:flex-start;gap:8px;margin:9px 0 0;padding:9px 10px;font-size:9px;line-height:1.5;display:flex}.review-rules-critical span{color:#fff;background:#c6495c;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:9px;font-weight:850;display:grid}.publishing-content-toggle{width:calc(100% - 32px);min-height:58px;color:var(--ink);text-align:left;background:#fff;border:1px solid #e3e5ed;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:9px 12px;display:grid;box-shadow:0 6px 18px #231e4b0b}.publishing-content-toggle>span:first-child{width:38px;height:38px;color:var(--brand-deep);background:#efeeff;border-radius:12px;place-items:center;font-size:10px;font-weight:850;display:grid}.publishing-content-toggle>span:nth-child(2){min-width:0}.publishing-content-toggle strong,.publishing-content-toggle small{display:block}.publishing-content-toggle strong{font-size:12px}.publishing-content-toggle small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.publishing-content-toggle b{color:#9299a8;font-size:17px;font-weight:650}.x-publishing-tip{color:#fff;text-align:left;background:radial-gradient(circle at 88% 15%,#7763ff75,#0000 33%),linear-gradient(135deg,#111216,#2a254e);border:0;border-radius:18px;grid-template-columns:41px minmax(0,1fr) auto;align-items:center;gap:11px;width:calc(100% - 32px);min-height:68px;padding:12px 13px;display:grid;box-shadow:0 11px 25px #1a173829}.x-tip-logo{background:#ffffff14;border:1px solid #ffffff29;border-radius:13px;place-items:center;width:41px;height:41px;font-size:15px;font-weight:800;display:grid}.x-publishing-tip>span:nth-child(2){min-width:0}.x-publishing-tip strong,.x-publishing-tip small{display:block}.x-publishing-tip strong{font-size:14px}.x-publishing-tip small{color:#ffffff9c;margin-top:4px;font-size:10px;line-height:1.4}.x-publishing-tip>b{color:#ffffffc7;font-size:22px;font-weight:500}.promotion-quality-card{background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #dfe5f2;border-radius:18px;margin-top:12px;padding:14px;box-shadow:0 8px 22px #231e4b0d}.promotion-quality-card header,.promotion-quality-card>div{align-items:flex-start;gap:9px;display:flex}.promotion-quality-card header{border-bottom:1px solid #e6eaf2;align-items:center;padding-bottom:10px}.promotion-quality-card header>span{color:#fff;background:linear-gradient(145deg,var(--brand),#8378fb);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.promotion-quality-card header strong,.promotion-quality-card header small{display:block}.promotion-quality-card header strong{color:var(--ink);font-size:13px}.promotion-quality-card header small{color:var(--muted);margin-top:2px;font-size:9px}.promotion-quality-card>div{margin-top:10px}.promotion-quality-card>div>span{width:21px;height:21px;color:var(--brand-deep);background:#eae8ff;border-radius:7px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.promotion-quality-card p{color:#687286;margin:0;font-size:10px;line-height:1.55}.promotion-quality-card p strong{color:#343d50}.promotion-quality-card>small{color:#8a5a0b;background:#fff5dd;border-radius:9px;margin-top:11px;padding:8px 9px;font-size:9px;line-height:1.45;display:block}.detail-card{background:#fff;border:1px solid #e7e9f2e6;border-radius:20px;margin-top:14px;padding:17px;box-shadow:0 9px 26px #231e4b0e}.detail-card-head,.detail-card-head>div{align-items:center;gap:9px;display:flex}.detail-card-head{justify-content:space-between}.detail-card-head h2{margin:0;font-size:16px}.detail-card-head>span{color:var(--weak);font-size:11px}.section-kicker{width:29px;height:29px;color:var(--brand-deep);background:#f0efff;border-radius:9px;place-items:center;font-size:9px;font-weight:800;display:grid}.detail-card-head button{min-height:35px;color:var(--brand-deep);background:#f4f2ff;border:1px solid #dfdcff;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:750}.copy-card>p{color:#33384a;white-space:pre-wrap;background:#f8f8fb;border-radius:13px;margin:14px 0 0;padding:13px;font-size:13px;line-height:1.68}.x-post-preview-card{padding-bottom:14px}.x-post-frame{color:#0f1419;background:#fff;border:1px solid #dfe3e7;border-radius:16px;margin-top:14px;padding:14px 13px 9px;overflow:hidden}.x-post-author{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.x-post-avatar{color:#fff;background:linear-gradient(145deg,var(--brand-deep),#8d82ff);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:850;display:grid}.x-post-author>div{min-width:0}.x-post-author strong,.x-post-author small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.x-post-author strong{font-size:13px}.x-post-author small{color:#536471;margin-top:2px;font-size:10px}.x-post-author>b{color:#536471;letter-spacing:1px;align-self:start;font-size:12px}.x-post-copy{color:#0f1419;white-space:pre-wrap;overflow-wrap:anywhere;margin:11px 0 12px;font-size:13px;line-height:1.58}.x-post-images{background:#eef1f3;border:1px solid #cfd5da;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:2px;height:205px;display:grid;overflow:hidden}.x-post-images button{background:#e7eaed;border:0;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.x-post-images img,.x-post-images video{object-fit:cover;width:100%;height:100%}.x-post-images button>span{color:#fff;background:#0000009e;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-post-images.image-count-1{grid-template-columns:1fr;height:auto;max-height:360px}.x-post-images.image-count-1 button{max-height:360px}.x-post-images.image-count-1 img,.x-post-images.image-count-1 video{object-fit:contain;max-height:360px}.x-post-images.image-count-2{grid-template-rows:1fr}.x-post-images.image-count-3 button:first-child{grid-row:span 2}.x-post-actions{color:#536471;text-align:center;grid-template-columns:repeat(5,1fr);margin-top:10px;font-size:13px;display:grid}.preview-help{color:var(--muted);margin:9px 2px 0;font-size:10px;line-height:1.5}.asset-help{color:var(--muted);margin:10px 0 12px;font-size:11px;line-height:1.5}.asset-grid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(82%,300px);grid-auto-flow:column;gap:11px;padding:1px 1px 6px;display:grid;overflow-x:auto}.asset-grid::-webkit-scrollbar{display:none}.asset-item{border:1px solid var(--line);scroll-snap-align:start;background:#fafafd;border-radius:17px;overflow:hidden}.asset-preview{background:#1b1b27;border:0;width:100%;min-height:260px;max-height:390px;padding:0;display:block;position:relative;overflow:hidden}.asset-preview img,.asset-preview video{object-fit:contain;width:100%;height:clamp(260px,92vw,390px)}.asset-preview>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f101ca8;border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:absolute;top:10px;right:10px}.save-asset-button{width:calc(100% - 20px);min-height:43px;color:var(--brand-deep);background:#f0efff;border:1px solid #dedbff;border-radius:12px;margin:10px;font-size:13px;font-weight:750}.asset-empty{min-height:140px;color:var(--weak);background:#fafbfc;border:1px dashed #dfe2ec;border-radius:15px;place-content:center;justify-items:center;gap:9px;display:grid}.asset-empty span{color:#fff;background:#aaa4ef;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.asset-empty p{margin:0;font-size:12px}.submission-card form{margin-top:12px}.submission-card form label{margin-bottom:12px}.submit-review-button{min-height:52px}.reward-status-card{background:linear-gradient(#fff 0%,#fbfcff 100%);border:1px solid #dfe5f2;border-radius:22px;margin-top:14px;padding:17px;overflow:hidden;box-shadow:0 12px 32px #231e4b13}.reward-status-head{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.reward-status-icon{color:#fff;background:#4886e6;border-radius:14px;place-items:center;width:44px;height:44px;font-size:19px;font-weight:800;display:grid;box-shadow:0 7px 16px #4886e638}.reward-status-amount{min-width:0}.reward-status-amount small,.reward-status-amount strong{display:block}.reward-status-amount small{color:var(--muted);font-size:10px;font-weight:650}.reward-status-amount strong{color:var(--success);letter-spacing:-.35px;margin-top:3px;font-size:20px;line-height:1.1}.reward-status-amount strong.muted{color:var(--weak)}.reward-status-amount em{color:#72807c;letter-spacing:0;font-size:9px;font-style:normal}.reward-status-card.reward-pending_review .reward-status-icon{background:var(--warning);box-shadow:0 7px 16px #ea971f38}.reward-status-card.reward-approved .reward-status-icon{background:var(--success);box-shadow:0 7px 16px #0e976b38}.reward-status-card.reward-rejected .reward-status-icon{background:var(--danger);box-shadow:0 7px 16px #d0415433}.review-countdown{color:#fff;background:radial-gradient(circle at 88% 5%,#998eff6b,#0000 38%),linear-gradient(135deg,#272256,#574bc3);border-radius:17px;margin-top:15px;padding:16px}.review-countdown>span,.review-countdown>strong,.review-countdown>small{display:block}.review-countdown>span{color:#ffffffb3;letter-spacing:.45px;font-size:10px;font-weight:700}.review-countdown>strong{font-variant-numeric:tabular-nums;letter-spacing:1.5px;margin-top:5px;font-size:clamp(30px,10vw,40px);line-height:1.08}.review-countdown>small{color:#ffffffa8;margin-top:9px;font-size:9px;line-height:1.5}.review-countdown.complete{background:radial-gradient(circle at 88% 5%,#ffdc9140,#0000 38%),linear-gradient(135deg,#5d4619,#a56c0c)}.countdown-progress{background:#ffffff2b;border-radius:99px;height:5px;margin-top:12px;overflow:hidden}.countdown-progress i{border-radius:inherit;background:linear-gradient(90deg,#8ef0ca,#fff);height:100%;transition:width .6s linear;display:block}.reward-state-message{color:#6d520f;background:#fff9e9;border:1px solid #f0dfb6;border-radius:14px;margin-top:15px;padding:13px 14px}.reward-state-message p{margin:0;font-size:11px;line-height:1.6}.reward-approved .reward-state-message{color:#176448;background:#edfaf4;border-color:#cce8dc}.reward-rejected .reward-state-message{color:#a03948;background:#fff0f2;border-color:#f2cfd5}.post-performance-card{background:#f8f9fc;border:1px solid #e1e5ee;border-radius:16px;margin-top:13px;padding:13px}.post-performance-card>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.post-performance-card>header>div{align-items:center;gap:7px;display:flex}.post-performance-card>header>div>span{color:#fff;background:#3c75d9;border-radius:8px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.post-performance-card>header strong{color:#394255;font-size:11px}.post-performance-card>header small{color:var(--weak);text-align:right;font-size:8px}.post-performance-grid{background:#fff;border:1px solid #e4e7ee;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:11px;display:grid;overflow:hidden}.post-performance-grid article{text-align:center;min-width:0;padding:10px 4px}.post-performance-grid article+article{border-left:1px solid #eceef3}.post-performance-grid span,.post-performance-grid strong{display:block}.post-performance-grid span{color:var(--muted);font-size:8px}.post-performance-grid strong{color:#414b5e;margin-top:3px;font-size:14px}.post-performance-grid .primary strong{color:var(--brand-deep)}.post-performance-card>p{color:var(--muted);margin:9px 1px 0;font-size:9px;line-height:1.5}.post-performance-card>p.bonus-earned{color:#087653;background:#e5f7ef;border-radius:8px;padding:7px 8px;font-weight:750}.post-performance-card>p.bonus-pending{color:#805b05;background:#fff5d8;border-radius:8px;padding:7px 8px;font-weight:750}.post-performance-card>p.bonus-rejected{color:#a03948;background:#fff0f2;border-radius:8px;padding:7px 8px;font-weight:750}.keep-public-hint{color:#6b7282;align-items:flex-start;gap:7px;margin:11px 2px 0;font-size:10px;line-height:1.55;display:flex}.keep-public-hint span{color:#8a6200;background:#fff0c8;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;margin-top:-1px;font-size:9px;font-weight:850;display:grid}.submitted-post-card{border-top:1px solid #e8eaf1;margin-top:15px;padding-top:15px}.submitted-post-main{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.submitted-post-logo{color:#fff;background:#111318;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.submitted-post-main>div{min-width:0}.submitted-post-main small,.submitted-post-main a{display:block}.submitted-post-main small{color:var(--muted);font-size:9px;font-weight:700}.submitted-post-main a{color:#28334b;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:11px;line-height:1.45;text-decoration:none;display:-webkit-box;overflow:hidden}.submitted-post-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.submitted-post-actions button,.submitted-post-actions a{min-height:44px;color:var(--brand-deep);text-align:center;background:#f3f1ff;border:1px solid #dfdcff;border-radius:12px;place-items:center;padding:8px 10px;font-size:11px;font-weight:750;text-decoration:none;display:grid}.submitted-post-actions a{color:#fff;border-color:var(--brand);background:var(--brand)}.subpage-title{padding:10px 1px 4px}.subpage-title>span{color:var(--brand);letter-spacing:1.5px;font-size:10px;font-weight:800}.subpage-title h1{letter-spacing:-.7px;margin:4px 0 0;font-size:26px}.subpage-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.withdraw-balance{color:#fff;background:linear-gradient(135deg,#17162d,#423780);border-radius:21px;padding:21px;box-shadow:0 14px 28px #261f5529}.withdraw-balance span,.withdraw-balance strong{display:block}.withdraw-balance span{color:#ffffffa8;font-size:12px}.withdraw-balance strong{margin-top:6px;font-size:25px}.surface{border-color:var(--line);box-shadow:0 7px 23px #231e4b0b}.profile-card{background:linear-gradient(145deg,#efeeff,#faf9ff);border:1px solid #e2dfff}.ledger-row div{min-width:0}.ledger-row div strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.wallet-preview strong{overflow-wrap:anywhere}.empty-state{min-height:58vh;color:var(--weak);text-align:center;place-content:center;justify-items:center;gap:12px;display:grid}.empty-state>span{color:#fff;background:#aaa4ef;border-radius:18px;place-items:center;width:55px;height:55px;font-size:20px;font-weight:800;display:grid}.empty-state p{margin:0}.task-waiting-card{text-align:center;background:linear-gradient(155deg,#fff 20%,#f7f5ff 100%);border:1px solid #e4e1ff;border-radius:23px;justify-items:center;padding:28px 22px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #31296912}.task-waiting-card:before{content:"";background:#7162f512;border-radius:50%;width:160px;height:160px;position:absolute;inset:-90px -65px auto auto}.task-waiting-visual{color:#fff;background:linear-gradient(145deg,#8174ff,#6558e7);border-radius:24px;place-items:center;width:78px;height:78px;margin-bottom:15px;display:grid;position:relative;box-shadow:0 13px 25px #6558e740}.task-waiting-visual svg{z-index:2;fill:currentColor;width:34px;height:34px;position:relative}.task-waiting-ring{border:1px solid #ffffff38;border-radius:20px;width:58px;height:58px;position:absolute}.task-waiting-visual>i{z-index:3;background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 0 3px #ffffff29}.task-waiting-visual>i:first-of-type{top:12px;right:9px}.task-waiting-visual>i:nth-of-type(2){width:3px;height:3px;bottom:18px;right:-2px}.task-waiting-visual>i:nth-of-type(3){width:4px;height:4px;bottom:8px;left:7px}.task-waiting-status{color:#6657d6;background:#edeaff;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.task-waiting-status i{background:#7567eb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7567eb21}.task-waiting-card h2{color:var(--ink);letter-spacing:-.35px;margin:13px 0 0;font-size:20px}.task-waiting-card>p{max-width:320px;color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.7}.task-waiting-reminder{color:#706b82;background:#ffffffb8;border:1px dashed #ddd9f8;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:17px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.task-waiting-reminder span{color:#7668e8;font-size:15px}.task-waiting-refresh{justify-content:center;align-items:center;gap:7px;margin-top:13px;display:flex}.task-waiting-refresh>span{font-size:17px;line-height:1}.task-waiting-refresh>span.spinning{animation:.8s linear infinite task-waiting-spin}@keyframes task-waiting-spin{to{transform:rotate(360deg)}}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top-color:#dfe3ebe6;box-shadow:0 -8px 26px #231e4b0f}.bottom-nav button{border-radius:13px;gap:3px;min-height:58px;font-size:10px;font-weight:650;transition:color .18s}.nav-icon{border-radius:10px;place-items:center;width:32px;height:29px;transition:color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.nav-icon svg{width:21px;height:21px}.nav-label{font-size:10px;line-height:1.2;display:block}.bottom-nav button.active{color:var(--brand-deep);font-weight:800}.bottom-nav button.active .nav-icon{color:#fff;background:var(--brand);transform:translateY(-1px);box-shadow:0 6px 13px #6658f540}.bottom-nav button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f122385;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.publishing-guide-sheet{width:min(100%,460px);max-height:min(92vh,760px);padding:10px 20px max(20px,env(safe-area-inset-bottom));background:#fff;border-radius:28px 28px 0 0;overflow-y:auto;box-shadow:0 -20px 65px #0d0c1e38}.sheet-handle{background:#d9dce5;border-radius:99px;width:38px;height:4px;margin:0 auto 15px}.guide-header{grid-template-columns:50px minmax(0,1fr) 40px;align-items:center;gap:11px;display:grid}.guide-x-logo{color:#fff;background:#08090a;border-radius:16px;place-items:center;width:50px;height:50px;font-size:17px;font-weight:800;display:grid;box-shadow:0 9px 18px #0f101230}.guide-header>div{min-width:0}.guide-header small{color:var(--brand);letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.guide-header h2{letter-spacing:-.45px;margin:3px 0 0;font-size:21px}.guide-header button{color:#737b8d;background:#f3f4f7;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;font-size:24px;display:grid}.guide-intro{color:var(--muted);margin:15px 0 13px;font-size:12px;line-height:1.6}.guide-steps{gap:9px;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{background:#fafafd;border:1px solid #e8e9ef;border-radius:14px;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:10px;padding:11px;display:grid}.guide-steps li>span{width:31px;height:31px;color:var(--brand-deep);background:#eceaff;border-radius:10px;place-items:center;font-size:11px;font-weight:850;display:grid}.guide-steps strong,.guide-steps p{margin:0;display:block}.guide-steps strong{color:var(--ink);font-size:12px}.guide-steps p{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.5}.guide-auto-bind{color:#37614f;background:#effaf5;border:1px solid #cfeadd;border-radius:13px;align-items:flex-start;gap:9px;margin:12px 0;padding:11px;display:flex}.guide-auto-bind span{color:#fff;background:var(--success);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:850;display:grid}.guide-auto-bind p{margin:1px 0 0;font-size:10px;line-height:1.5}.publishing-guide-sheet>.primary-button{min-height:49px}.preview-backdrop{z-index:120;background:#090a12f5;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.preview-panel{width:min(100%,620px);min-height:100vh;padding:max(14px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));color:#fff;grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.preview-panel header{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.preview-panel header>div{min-width:0}.preview-panel header strong,.preview-panel header small{display:block}.preview-panel header strong{font-size:15px}.preview-panel header small{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.preview-panel header button{color:#fff;background:#ffffff14;border:1px solid #ffffff21;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:26px;display:grid}.preview-media{touch-action:pinch-zoom;place-items:center;min-height:0;padding:14px 0;display:grid;overflow:auto}.preview-media img,.preview-media video{object-fit:contain;border-radius:5px;max-width:100%;max-height:100%}.preview-panel>.primary-button{margin-top:10px}.preview-panel>p{color:#ffffff85;text-align:center;margin:9px 0 0;font-size:10px}.sheet-enter-active,.sheet-leave-active{transition:opacity .22s}.sheet-enter-active .publishing-guide-sheet,.sheet-leave-active .publishing-guide-sheet{transition:transform .28s cubic-bezier(.22,.78,.21,1)}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .publishing-guide-sheet,.sheet-leave-to .publishing-guide-sheet{transform:translateY(100%)}.preview-enter-active,.preview-leave-active{transition:opacity .2s}.preview-enter-from,.preview-leave-to{opacity:0}.announcement-button{color:#4e5669;border:1px solid var(--line);background:#fff;border-radius:13px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.announcement-button svg{width:21px;height:21px}.notification-badge{color:#fff;border:2px solid var(--page);background:var(--danger);border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:8px;font-weight:850;line-height:1;display:grid;position:absolute;top:-5px;right:-6px}.title-with-action{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.title-with-action>div>span{color:var(--brand);letter-spacing:1.5px;font-size:10px;font-weight:800}.title-with-action h1,.title-with-action p{margin:4px 0 0}.title-with-action>button{min-height:39px;color:var(--brand-deep);background:#f0efff;border:1px solid #dfdcff;border-radius:11px;flex:none;padding:8px 10px;font-size:11px;font-weight:750}.invite-hero>p{letter-spacing:.4px;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:650}.invite-hero h1{letter-spacing:-.7px;margin-bottom:16px;font-size:31px}.invite-hero h1 small{letter-spacing:0;font-size:10px}.referral-metrics article:last-child{grid-column:auto}.reward-breakdown{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;padding:14px 12px;display:grid}.reward-breakdown>div{text-align:center;min-width:0}.reward-breakdown span,.reward-breakdown strong{display:block}.reward-breakdown span{min-height:28px;color:var(--muted);font-size:10px;line-height:1.35}.reward-breakdown strong{color:var(--success);white-space:nowrap;margin-top:3px;font-size:14px}.reward-breakdown>b{color:#b0b6c4;font-size:13px}.reward-breakdown .reward-total{background:#f0efff;border-radius:12px;padding:8px 4px}.reward-breakdown .reward-total strong{color:var(--brand-deep)}.list-heading{margin-top:4px}.list-heading h2{font-size:18px}.mini-refresh{width:39px;height:39px;color:var(--brand-deep);background:#f3f1ff;border:1px solid #dfdcff;border-radius:12px;flex:none;place-items:center;padding:0;font-size:19px;display:grid}.list-skeleton{gap:10px;display:grid}.list-skeleton i{background:linear-gradient(100deg,#eceef4 28%,#f8f9fb 40%,#eceef4 54%) 0 0/220% 100%;border:1px solid #eceef4;border-radius:17px;height:76px;animation:1.25s linear infinite skeleton-shine;display:block;overflow:hidden}.list-skeleton.tall i{height:84px}@keyframes skeleton-shine{to{background-position-x:-220%}}.inline-state{min-height:220px;color:var(--muted);text-align:center;background:#ffffff8c;border:1px dashed #dfe2eb;border-radius:19px;place-content:center;justify-items:center;gap:10px;padding:26px 18px;display:grid}.inline-state.compact{min-height:130px}.inline-state>span{color:#fff;background:#aaa4ef;border-radius:14px;place-items:center;width:43px;height:43px;font-weight:850;display:grid}.inline-state p{max-width:280px;margin:0;font-size:12px;line-height:1.55}.inline-state button{min-height:38px;color:var(--brand-deep);background:#f0efff;border:1px solid #dedbff;border-radius:11px;padding:7px 14px;font-size:12px;font-weight:750}.error-state>span{background:var(--danger)}.list-error{color:#b93849;text-align:center;background:#ffedf0;border-radius:11px;margin:2px 0;padding:10px 12px;font-size:11px}.load-more{width:100%;min-height:44px;color:var(--brand-deep);background:#f1efff;border:1px solid #dfdcff;border-radius:13px;font-size:12px;font-weight:750}.member-list{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 7px 23px #231e4b0b}.member-row{width:100%;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #eceef4;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;display:grid}.member-row:last-child{border-bottom:0}.member-row.static-row{cursor:default}.member-avatar{color:#fff;background:linear-gradient(145deg,var(--brand),#9188ff);border-radius:14px;place-items:center;width:43px;height:43px;font-size:12px;font-weight:850;display:grid}.member-avatar.large{border-radius:18px;width:54px;height:54px;font-size:15px}.member-avatar.muted{color:#5b6272;background:#eceef4}.member-copy{min-width:0}.member-copy strong,.member-copy small,.member-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-copy strong{font-size:14px}.member-copy small{color:var(--muted);margin-top:4px;font-size:10px}.member-copy em{color:var(--weak);margin-top:3px;font-size:9px;font-style:normal}.member-value{justify-items:end;min-width:70px;display:grid}.member-value strong{color:var(--success);font-size:13px}.member-value small{color:var(--weak);margin-top:2px;font-size:8px}.member-value b{color:#a1a7b5;margin-top:3px;font-size:19px;font-weight:500}.menu-section>h2{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin:0 0 9px 2px;font-size:11px;font-weight:750}.menu-card,.standalone-menu{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 7px 23px #231e4b0b}.menu-row{width:100%;min-height:69px;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #eceef4;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 14px;display:grid}.menu-row:last-child{border-bottom:0}.menu-row>span:nth-child(2){min-width:0}.menu-row strong,.menu-row small{display:block}.menu-row strong{font-size:13px}.menu-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.menu-row>b{color:#abb0bc;font-size:20px;font-weight:500}.menu-icon{border-radius:12px;place-items:center;width:39px;height:39px;font-size:14px;font-weight:850;display:grid}.menu-icon.blue{color:#3471d8;background:#e9f1ff}.menu-icon.green{color:#098360;background:#e6f7ef}.menu-icon.purple,.record-icon.purple{color:var(--brand-deep);background:#efeeff}.menu-icon.orange{color:#b26900;background:#fff2db}.standalone-menu{margin-top:2px}.detail-page{background:var(--page);min-height:100vh}.detail-body{padding:16px 16px max(28px,env(safe-area-inset-bottom));gap:14px;display:grid}.branch-hero{color:#fff;background:linear-gradient(135deg,#17162d,#4f43b6);border-radius:21px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 14px 30px #261f552b}.branch-hero div{min-width:0}.branch-hero small,.branch-hero h2,.branch-hero strong{margin:0;display:block}.branch-hero small{color:#ffffff9e;font-size:10px}.branch-hero h2{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:17px;overflow:hidden}.branch-hero strong{color:#9af1d0;margin-top:7px;font-size:20px}.direct-summary{grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.direct-summary>div{min-width:0;padding:15px}.direct-summary>div+div{border-left:1px solid var(--line)}.direct-summary span,.direct-summary strong,.direct-summary small{display:block}.direct-summary span{color:var(--muted);font-size:10px}.direct-summary strong{color:var(--success);white-space:nowrap;margin-top:5px;font-size:14px}.direct-summary small{color:var(--weak);margin-top:4px;font-size:9px;line-height:1.35}.filter-tabs{scrollbar-width:none;gap:7px;padding:1px 0 4px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{min-height:37px;color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:7px 13px;font-size:11px;font-weight:650}.filter-tabs button.active{color:#fff;border-color:var(--brand);background:var(--brand);box-shadow:0 6px 13px #6658f533}.record-card{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 7px 23px #231e4b0b}.record-row{width:100%;min-height:72px;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #eceef4;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;display:grid}.record-row:last-child{border-bottom:0}.record-row.clickable{cursor:pointer}.record-row.compact-record{grid-template-columns:minmax(0,1fr) auto}.compact-record>div{min-width:0}.compact-record>div strong,.compact-record>div span{display:block}.compact-record>div span{color:var(--muted);margin-top:3px;font-size:10px}.record-icon{color:#737b8e;background:#eff1f5;border-radius:12px;place-items:center;width:39px;height:39px;font-size:13px;font-weight:850;display:grid}.record-icon.x-record{color:#fff;background:#111318}.record-icon.positive{color:#087653;background:#e6f7ef}.record-icon.negative{color:#b93849;background:#ffedf0}.record-copy{min-width:0}.record-copy strong,.record-copy small,.record-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.record-copy strong{font-size:13px}.record-copy small{color:var(--muted);margin-top:4px;font-size:9px}.record-copy em{color:var(--weak);margin-top:3px;font-size:9px;font-style:normal}.ledger-record{min-height:88px}.delta-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.delta-chips i{color:#697286;white-space:nowrap;background:#f1f3f7;border-radius:6px;padding:3px 5px;font-size:8px;font-style:normal;font-weight:650}.record-value{white-space:nowrap;justify-items:end;min-width:68px;font-size:13px;font-weight:800;display:grid}.record-value small{color:var(--weak);margin-top:3px;font-size:8px;font-weight:600;display:block}.record-value b{color:#aab0bc;margin-top:2px;font-size:17px;font-weight:500}.amount-positive{color:var(--success)!important}.amount-negative{color:var(--danger)!important}.amount-neutral{color:var(--muted)!important}.mini-balance{color:#fff;background:linear-gradient(135deg,#17162d,#4f43b6);border-radius:19px;grid-template-columns:1fr 1fr;gap:1px;padding:16px;display:grid;position:relative;overflow:hidden}.mini-balance>div{min-width:0;padding-right:10px}.mini-balance>div+div{border-left:1px solid #ffffff29;padding-left:14px}.mini-balance span,.mini-balance strong{display:block}.mini-balance span{color:#fff9;font-size:10px}.mini-balance strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:19px;overflow:hidden}.mini-balance>small{color:#ffffff73;font-size:8px;position:absolute;bottom:9px;right:13px}.withdrawal-record{border-bottom:1px solid #eceef4}.withdrawal-record:last-child{border-bottom:0}.withdrawal-record summary{cursor:pointer;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:77px;padding:12px 14px;list-style:none;display:grid}.withdrawal-record summary::-webkit-details-marker{display:none}.withdrawal-record .record-value strong{font-size:13px}.withdrawal-status{border-radius:999px;align-items:center;min-height:20px;margin-top:5px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:750;display:inline-flex}.withdrawal-detail{gap:9px;padding:0 14px 14px 64px;display:grid}.withdrawal-detail p{gap:3px;margin:0;display:grid}.withdrawal-detail span{color:var(--weak);font-size:9px}.withdrawal-detail strong,.withdrawal-detail button{overflow-wrap:anywhere;color:#394155;text-align:left;font-size:10px;line-height:1.5}.withdrawal-detail button{background:0 0;border:0;padding:0;text-decoration:underline}.danger-text{color:var(--danger)!important}.announcement-list{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 7px 23px #231e4b0b}.announcement-row{width:100%;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #eceef4;grid-template-columns:7px minmax(0,1fr) auto;gap:11px;padding:16px 14px;display:grid}.announcement-row.has-image{grid-template-columns:7px 58px minmax(0,1fr) auto}.announcement-row:last-child{border-bottom:0}.announcement-row-copy{min-width:0}.announcement-row-image{object-fit:cover;background:#f1f2f6;border-radius:12px;align-self:center;width:58px;height:58px;display:block}.announcement-row strong,.announcement-row p,.announcement-row small{margin:0;display:block}.announcement-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.announcement-row p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.announcement-row small{color:var(--weak);margin-top:7px;font-size:9px}.announcement-row>b{color:#aab0bc;align-self:center;font-size:20px;font-weight:500}.announcement-dot{background:0 0;border-radius:50%;width:7px;height:7px;margin-top:5px}.announcement-row.unread{background:#fbfaff}.announcement-row.unread .announcement-dot{background:var(--brand);box-shadow:0 0 0 4px #6658f51a}.article-detail article{border:1px solid var(--line);box-shadow:var(--card-shadow);background:#fff;border-radius:20px;padding:21px 18px}.article-kicker{min-height:26px;color:var(--brand-deep);letter-spacing:.4px;background:#efeeff;border-radius:999px;align-items:center;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.article-detail h1{color:var(--ink);letter-spacing:-.5px;margin:14px 0 0;font-size:24px;line-height:1.3}.article-detail time{color:var(--weak);margin-top:9px;font-size:10px;display:block}.announcement-detail-image{object-fit:contain;border:1px solid var(--line);background:#f5f6f9;border-radius:15px;width:100%;max-height:420px;margin-top:18px;display:block}.article-detail article>p:not(.article-summary),.article-content{color:#3d4557;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0;font-size:14px;line-height:1.82}.article-summary{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.55}.help-hero{color:#fff;background:radial-gradient(circle at 90% 10%,#fff3,#0000 35%),linear-gradient(135deg,#5a4ee0,#897dff);border-radius:20px;align-items:center;gap:13px;padding:18px;display:flex;box-shadow:0 13px 28px #4f46d833}.help-hero>span{background:#ffffff24;border:1px solid #ffffff38;border-radius:15px;flex:none;place-items:center;width:47px;height:47px;font-size:21px;font-weight:850;display:grid}.help-hero h2,.help-hero p{margin:0}.help-hero h2{font-size:17px}.help-hero p{color:#ffffffad;margin-top:4px;font-size:10px}.help-list{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 7px 23px #231e4b0b}.help-list button{width:100%;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #eceef4;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;padding:15px 14px;display:grid}.help-list button:last-child{border-bottom:0}.help-list button>span{width:34px;height:34px;color:var(--brand-deep);background:#efeeff;border-radius:11px;place-items:center;font-size:10px;font-weight:850;display:grid}.help-list button>div{min-width:0}.help-list small,.help-list strong,.help-list p{margin:0;display:block}.help-list small{color:var(--brand);text-transform:uppercase;font-size:8px;font-weight:800}.help-list strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.help-list p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.help-list button>b{color:#aab0bc;align-self:center;font-size:20px;font-weight:500}.announcement-backdrop{z-index:115;align-items:center;padding:22px}.announcement-popup{text-align:center;background:#fff;border-radius:25px;width:min(100%,400px);max-height:min(86vh,650px);padding:26px 22px 17px;position:relative;overflow-y:auto;box-shadow:0 25px 75px #0d0c1e4d}.announcement-popup-image{object-fit:cover;background:#f1f2f6;border-radius:25px 25px 15px 15px;width:calc(100% + 44px);height:clamp(170px,42vw,230px);margin:-26px -22px 18px;display:block}.popup-close{color:#7c8494;background:#f4f5f8;border:0;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;font-size:23px;display:grid;position:absolute;top:11px;right:11px}.popup-mark{color:#fff;background:linear-gradient(145deg,var(--brand),#8e83ff);border-radius:18px;place-items:center;width:55px;height:55px;margin:4px auto 12px;display:grid;box-shadow:0 11px 24px #6658f538}.popup-mark svg{width:25px;height:25px}.announcement-popup>small{color:var(--brand);letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:850}.announcement-popup h2{margin:7px 22px 0;font-size:21px;line-height:1.35}.announcement-popup>p{color:var(--muted);white-space:pre-wrap;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:12px 0 0;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.announcement-popup time{color:var(--weak);margin:10px 0 17px;font-size:9px;display:block}@media (width<=359px){.phone-shell{padding-left:12px;padding-right:12px}.campaign-body{padding:14px}.campaign-main .reward{font-size:16px}.balance-card{padding:18px 15px}.publishing-guide-sheet{padding-left:17px;padding-right:17px}.campaign-body .rule-row span{font-size:9px}.task-detail-page>article,.task-detail-page>ol,.task-detail-page>.empty-state,.task-detail-page>.publishing-content-toggle{margin-left:12px;margin-right:12px}.publishing-content-toggle{width:calc(100% - 24px)}.detail-body{padding-left:12px;padding-right:12px}.reward-breakdown{gap:4px;padding-left:8px;padding-right:8px}.reward-breakdown span{font-size:9px}.reward-breakdown strong{font-size:12px}.member-row,.record-row,.withdrawal-record summary{padding-left:11px;padding-right:11px}.announcement-backdrop{padding:14px}.reward-status-head{grid-template-columns:44px minmax(0,1fr)}.reward-status-head>.status-chip{grid-column:2;justify-self:start;margin-top:-5px}}@media (width>=700px){.phone-shell{border-radius:30px}.phone-shell.detail-mode{overflow:hidden}.bottom-nav{border-radius:0 0 30px 30px}.modal-backdrop{align-items:center;padding:24px}.publishing-guide-sheet{border-radius:28px;max-height:90vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}