:root{color:#172032;font-synthesis:none;background:#f2f5fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}.h5-page{background:radial-gradient(circle at top,#e9e7ff 0,#f5f7fb 36% 100%);min-height:100vh}.h5-loader{color:#6b7487;place-items:center;min-height:100vh;display:grid}.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,#635bff,#827bff);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.auth-panel{background:#fff;border:1px solid #e4e7f0;border-radius:24px;margin-top:84px;padding:24px;box-shadow:0 22px 60px #2b334f1f}.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}form label{color:#697286;margin-bottom:13px;font-size:14px;display:block}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;background:#635bff;border:1px solid #635bff;font-weight:650}.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{background:#f7f9fc;width:min(100%,460px);min-height:100vh;margin:0 auto;padding:18px 16px 94px;position:relative;box-shadow:0 0 50px #252e4b14}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.view-stack{gap:13px;display:grid}.notice{border-radius:12px;margin-bottom:12px;padding:11px 13px;font-size:14px}.notice.success{color:#08764e;background:#e5f8f0}.notice.error{color:#b83d48;background:#ffebed}.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:1fr 1fr;gap:8px;margin:14px 0;display:grid}.network-tabs button{color:#677185;background:#fff;border:1px solid #dfe3eb;border-radius:12px;min-height:48px}.network-tabs button.active{color:#5148dc;background:#f0efff;border-color:#635bff;font-weight:650}.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}.bottom-nav button span{font-size:19px;line-height:1}.bottom-nav button.active{color:#635bff;font-weight:650}@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}}
