@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#f5f7fc;background:#080e19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.site-shell{min-height:100dvh;background:radial-gradient(ellipse at 50% -20%,#20304b,#080e19 58%);display:flex;justify-content:center}.app-shell{width:100%;max-width:440px;min-height:100dvh;background:#0b1220;position:relative;padding-bottom:98px;box-shadow:0 0 90px #02060d5c}.topbar{height:68px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid #1c2a3e}.brandmark{width:36px;height:36px;background:#f0bb56;border-radius:11px;color:#111a27;display:grid;place-items:center}.brand-title{display:flex;flex-direction:column;gap:2px;line-height:1.1}.brand-title strong{font-size:16px;letter-spacing:-.4px}.brand-title span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#788ba5}.demo-pill{margin-left:auto;color:#9caec6;background:#1a273b;border:1px solid #2b3e55;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1px}.iconbutton{border:0;color:#bccce0;background:transparent;display:grid;place-items:center;padding:4px}.screen{padding:25px 22px 30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:10px;color:#9cabc0;font-weight:800;letter-spacing:1.5px;margin:0 0 7px}h1{font-size:25px;letter-spacing:-.9px;line-height:1.2;margin:0}h2{font-size:17px;letter-spacing:-.4px;margin:0}h3{font-size:14px;margin:0}.avatar,.profile-avatar{border-radius:50%;background:#23364e;color:#d4e6ff;border:1px solid #415879;display:grid;place-items:center;font-weight:800;width:40px;height:40px;font-size:12px}.balance-card{padding:20px;border:1px solid #33445e;border-radius:17px;background:linear-gradient(120deg,#1b2941,#18253a 72%,#223958)}.balance-top{display:flex;justify-content:space-between;align-items:center;color:#b5c3d6;font-size:12px}.balance-top svg{color:#efc86a}.balance-value{margin-top:11px;font-size:35px;letter-spacing:-1.1px;font-weight:800}.balance-value span{font-size:16px;color:#f0c56c}.balance-card p{font-size:10px;color:#a7b6cd;margin:8px 0 0}.mining-card{margin-top:17px;padding:20px;border:1px solid #23344a;border-radius:17px;background:#121d2d}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.status{border:1px solid #3c4a59;color:#a3b1c5;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800}.status.active{border-color:#275b52;background:#183c36;color:#77dac4}.mining-meter{display:grid;place-items:center;padding:28px 0 17px}.meter-ring{width:186px;height:186px;border-radius:50%;background:conic-gradient(#efc76d var(--progress),#233248 var(--progress));padding:9px;box-shadow:0 0 0 1px #304056}.meter-inner{width:100%;height:100%;background:#111c2c;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.meter-inner svg{color:#f2c66a}.meter-inner strong{font-size:20px}.meter-inner span{color:#8294ab;font-size:11px}.progress-details{display:flex;align-items:center;justify-content:space-between;color:#9cafc8;font-size:11px;margin-bottom:17px}.progress-details span:first-child{display:flex;gap:6px;align-items:center}.primary-button{width:100%;background:#efc568;color:#172032;font-size:13px;font-weight:800;border:none;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px}.microcopy{font-size:10px;text-align:center;color:#8395aa;margin:13px 0 0}.two-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.metric{background:#172235;border:1px solid #26364c;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px}.metric span{font-size:10px;color:#a5b4c8;display:flex;align-items:center;gap:7px}.metric span svg{color:#ebc26a}.metric strong{font-size:15px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 13px}.section-title button{border:none;background:none;color:#f1c66b;display:flex;gap:5px;align-items:center;font-size:11px}.section-title span{color:#94a5bb;font-size:11px}.action-row{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid #2b3c53;background:#172438;border-radius:13px;padding:13px;color:#f2f5fd}.action-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.action-row strong{font-size:12px}.action-row small{font-size:10px;color:#9cabc2}.action-row>svg{color:#9dacc4}.action-icon{background:#263e56;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:#f0c66a}.page-intro{margin-bottom:23px}.page-intro>p:last-child{font-size:12px;line-height:1.6;color:#a4b3c8;margin:10px 0 0}.task-card{display:flex;align-items:center;gap:11px;background:#162135;border:1px solid #293a50;border-radius:13px;padding:14px;margin:10px 0}.task-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#f0c66a;background:#27354a;flex-shrink:0}.task-copy{flex:1}.task-copy p{color:#9cacc2;font-size:10px;margin:5px 0}.task-copy span{color:#efc56c;font-size:10px;font-weight:800}.small-button{background:#efc568;border:none;color:#152032;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}.coming{color:#8b9bb0;background:#263245;padding:7px;border-radius:7px;font-size:10px}.info-panel{margin-top:17px;display:flex;gap:11px;align-items:flex-start;border:1px solid #2a3a51;background:#142135;border-radius:12px;padding:15px}.info-panel svg{color:#7ea8df;flex-shrink:0}.info-panel strong{font-size:12px}.info-panel p{font-size:11px;line-height:1.6;color:#9fb0c6;margin:5px 0 0}.feature-card{background:#172438;border:1px solid #2b3b51;border-radius:17px;text-align:center;padding:26px 19px}.feature-icon{background:#263a55;color:#efc568;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;margin:2px auto 18px}.feature-card h2{font-size:21px}.feature-card p{color:#a4b5cc;font-size:12px;line-height:1.7;margin:10px 0 23px}.history-row{display:flex;gap:11px;align-items:center;border-bottom:1px solid #1f2c40;padding:13px 0}.history-icon{background:#24364d;color:#e9c169;width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.history-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.history-row strong{font-size:12px}.history-row small{font-size:10px;color:#95a7c0}.history-row b{font-size:12px;color:#efc568}.empty{padding:30px 16px;text-align:center;background:#172235;border-radius:12px;color:#9cacc1;font-size:12px;line-height:1.6}.profile-card{display:flex;align-items:center;gap:12px;background:#172438;border:1px solid #2b3b51;border-radius:14px;padding:15px}.profile-card>div{flex:1;display:flex;flex-direction:column;gap:6px}.profile-card strong{font-size:14px}.profile-card small{font-size:11px;color:#94a6bc}.profile-card>svg{color:#7fa9dc}.profile-avatar{width:47px;height:47px}.settings-list{margin-top:22px;border:1px solid #2b3b51;border-radius:13px;overflow:hidden}.settings-list div{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #2b3b51;color:#a7b8cf;font-size:12px}.settings-list div:last-child{border-bottom:0}.settings-list span{flex:1;color:#e9eef7}.settings-list strong{font-size:11px;color:#93a4b9}.reset-button{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid #455773;border-radius:10px;background:transparent;padding:13px;color:#c2d1e5;font-weight:700;font-size:12px}.bottom-nav{position:sticky;bottom:0;background:#0d1727;border-top:1px solid #26374d;display:flex;justify-content:space-around;padding:9px 10px max(11px,env(safe-area-inset-bottom));gap:3px}.bottom-nav button{min-width:0;flex:1;display:flex;gap:5px;flex-direction:column;align-items:center;justify-content:center;background:none;color:#8498b2;border:0;border-radius:10px;padding:8px 0;font-size:10px}.bottom-nav button.selected{color:#efc66a;background:#1d2b42;font-weight:800}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);border:1px solid #3f5972;background:#253d56;color:#fff;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:10px;font-size:12px;max-width:92%;white-space:nowrap;box-shadow:0 10px 30px #050b14a8}.dev-footer{font-size:9px;text-align:center;color:#51657f;margin-top:6px;display:flex;gap:6px;align-items:center;justify-content:center}@media(min-width:600px){.site-shell{padding:28px}.app-shell{min-height:calc(100dvh - 56px);border:1px solid #2c3e55;border-radius:24px;overflow:hidden}.bottom-nav{position:sticky}}