@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#080e10;--panel:#121a1c;--panel-2:#161f21;--mint:#a2e6d1;--green:#71d9a9;--muted:#899997;--line:#23302f;--white:#f3f7f5;--gold:#dac18d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}.svg-sprite{width:0;height:0;position:absolute;overflow:hidden}body.gallery-page{background:#f0efec}.gallery-page{overflow-x:hidden}.gallery{width:795px;display:grid;grid-template-columns:repeat(3,225px);grid-template-rows:440px 397px;column-gap:60px;row-gap:10px;margin:9px auto 0}.gallery-slot{position:relative;width:225px;height:440px}.gallery-slot .phone{transform:scale(.54878);transform-origin:top left}.gallery-slot:nth-child(n+4){height:397px}.gallery-slot:nth-child(n+4) .phone{transform:scale(.54878,.497)}.single-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#080e10;padding:35px 12px}.single-stage{flex-shrink:0}.back-to-gallery{position:fixed;left:24px;top:20px;color:#465a54;font-size:13px;font-weight:700;z-index:5;background:#fff;border-radius:20px;padding:10px 15px;box-shadow:0 2px 14px #12221a15}.back-to-gallery:hover{color:#1a8b68}
.phone{position:relative;width:410px;height:802px;padding:7px;background:linear-gradient(125deg,#525b5c 0%,#111516 11%,#030506 35%,#192123 83%,#5a6060 100%);border-radius:69px;border:2px solid #343b3b;box-shadow:0 0 0 2px #020404,0 0 0 4px #606869,0 9px 15px #0004, inset 0 0 4px #d9e1de80;color:var(--white);isolation:isolate}.phone:before{content:"";position:absolute;inset:4px;border:2px solid #020405;border-radius:64px;pointer-events:none;z-index:3}.side-key{position:absolute;width:4px;background:linear-gradient(#272e30,#030607,#858b89);left:-7px;border-radius:3px 0 0 3px}.side-key-a{top:116px;height:42px}.side-key-b{top:173px;height:71px}.phone-screen{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 49% 13%,#0c1718 0%,#080e10 49%,#080d0f 100%);border-radius:59px;box-shadow:inset 0 0 7px #000d}.dynamic-island{position:absolute;z-index:4;left:50%;top:11px;transform:translateX(-50%);height:29px;width:112px;border-radius:22px;background:#010305;box-shadow:inset 1px 1px 5px #000}.dynamic-island span{position:absolute;right:14px;top:11px;width:7px;height:7px;border-radius:50%;background:#071123;box-shadow:0 0 6px #173355}.statusbar{height:46px;position:relative;padding:13px 22px 0 28px;display:flex;justify-content:space-between;align-items:flex-start;color:#f6faf7;font-size:12px;font-weight:800;letter-spacing:-.3px}.status-right{display:flex;gap:5px;align-items:center;margin-top:1px}.signal{height:13px;display:flex;align-items:flex-end;gap:1px}.signal i{display:block;background:#fff;width:3px;border-radius:1px}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:13px}.wifi{height:12px;width:16px}.battery{width:19px;height:10px;background:#fff;border-radius:2px;position:relative;box-shadow:inset 0 0 0 1px #fff}.battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:4px;background:white;border-radius:0 1px 1px 0}
.app-header{height:55px;display:flex;align-items:center;gap:12px;margin:0 20px 0 23px;padding-bottom:8px;border-bottom:1px solid #182326}.header-icon{width:34px;height:34px;border:0;display:grid;place-items:center;background:transparent;color:#d7e3de;padding:5px;border-radius:50%}.header-icon:first-child{background:#11191b}.header-icon:hover{background:#1d3030}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.header-icon .icon{width:23px;height:23px}.brand{display:flex;align-items:center;gap:8px;margin-left:2px;white-space:nowrap}.brand-mark{height:27px;width:27px;color:#a7ead4;display:block}.brand-mark .icon{width:27px;height:27px;stroke-width:2.3;filter:drop-shadow(0 0 3px #72d5b680)}.brand-name{font-size:12px;font-weight:700}.header-spacer{flex:1}.profile-pic{width:28px;height:28px;object-fit:cover;border-radius:50%;border:1.5px solid #d4c6ab}.app-main{position:absolute;top:101px;bottom:74px;left:22px;right:22px;overflow:hidden}.app-main h1,.app-main h2,.app-main p{margin:0}.app-main h1{font-size:15px;line-height:1.3;font-weight:750;letter-spacing:-.25px}.app-main h2{font-size:13px;line-height:1.25;font-weight:750;letter-spacing:-.25px}.app-main small{font-size:9px}.panel{background:linear-gradient(120deg,#131b1d,#151d1f 78%,#121a1c);border:1px solid #202a2b;border-radius:12px;box-shadow:0 1px 2px #0007,inset 0 0 0 1px #ffffff03}.eyebrow{font-size:10px;color:#b2bdba;letter-spacing:.1px;font-weight:550}.mint-text{color:#93e4bc!important}.red-text{color:#e98894!important}.gain{color:#f3f8f5;font-size:11px;font-weight:550}.section-title{display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:none;color:#b4dfd3;font-size:10px;padding:5px 0}.text-button:hover{text-decoration:underline}.status-pill{font-size:9px;color:#a2e9c6;display:inline-flex;align-items:center;gap:5px;font-weight:700}.status-dot,.big-dot{display:inline-block;border-radius:50%;background:#75daa7;box-shadow:0 0 8px #71dfa9aa}.status-dot{width:7px;height:7px}.tab-bar{height:72px;position:absolute;left:0;right:0;bottom:0;background:#0c1517;border-top:1px solid #1a2929;display:flex;align-items:flex-start;justify-content:space-around;padding:12px 14px 0;z-index:2}.tab-item{width:57px;height:49px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#9dabaa;font-size:10px;font-weight:550}.tab-item .icon{width:20px;height:20px;stroke-width:1.8}.tab-item.selected{color:#a4e9d2;text-shadow:0 0 5px #6de0a65c}.tab-item.selected .icon{filter:drop-shadow(0 0 3px #77e4c39c)}.tab-item:hover{color:#e0fff1}.tab-bar .tab-item:nth-child(5) .icon{stroke-width:2.4}
/* Home */
.welcome{height:57px;padding-top:2px}.welcome h1{font-size:17px}.welcome p{margin-top:5px;color:#c6d1cd;font-size:10.5px;white-space:nowrap}.segmented{height:34px;display:flex;background:#131b1d;border-radius:17px;padding:2px;border:1px solid #202b2c}.segmented button{border:0;color:#e0e8e4;background:transparent;flex:1;border-radius:15px;font-size:10px;font-weight:700;line-height:1}.segmented button.active{background:linear-gradient(115deg,#233a38,#304a45);box-shadow:inset 0 1px 2px #9bedca21,0 0 0 1px #649c8b42}.home-switch{margin-bottom:11px}.balance-card{height:100px;padding:14px 14px;position:relative;overflow:hidden;margin-bottom:11px}.large-balance{font-size:26px;letter-spacing:-1.4px;font-weight:760;line-height:1.35}.sparkline{position:absolute;width:108px;height:64px;right:11px;bottom:8px;opacity:.9}.active-mine{height:160px;padding:13px 12px 9px;margin-bottom:11px}.active-top{display:flex;position:relative;height:121px}.active-left{width:50%;border-right:1px solid #253131}.active-left .mini-label{font-size:10px;font-weight:650;display:flex;align-items:center;gap:5px;white-space:nowrap}.mini-label .icon{width:11px;height:11px}.active-left>strong{font-size:15px;display:flex;align-items:center;gap:7px;margin-top:8px;line-height:1}.active-left .big-dot{width:12px;height:12px}.active-left .card-divider{height:1px;background:#26302f;margin:13px 0 8px;width:89%}.active-left .hash-number{font-size:17px;margin:0;gap:6px}.active-left .hash-number .icon{width:15px;height:15px}.active-left small{display:block;margin-top:4px;color:#d6ddd9;font-weight:600}.active-right{padding:26px 0 0 14px}.miner-sm-label{color:#b9c3bf;font-size:9px}.active-right b{font-size:13px;line-height:1}.runtime-label{font-size:11px;margin-top:18px}.active-right strong{font-size:12px;display:block}.home-hex{position:absolute;right:0;top:1px;color:#71ddba;opacity:.62}.home-hex .icon{width:45px;height:45px;stroke-width:1}.small-action{display:block;margin:-1px auto 0;text-align:center;color:#c3e8d9;font-weight:700;font-size:9px;height:23px;line-height:21px;border-radius:15px;width:118px;background:#213a37;border:1px solid #43665c}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:67px;margin-bottom:17px}.quick-stats .panel{padding:10px 8px;overflow:hidden}.quick-stats span{display:block;white-space:nowrap;font-size:8px;color:#bcc8c2;font-weight:700}.quick-stats strong{font-size:14px;display:block;margin-top:5px;line-height:1}.little-rule{height:1px;width:75%;background:#344440;margin-top:9px}.home-page .section-title{height:21px;margin-bottom:5px}.home-activity{display:flex;align-items:center;gap:9px;height:56px;border-bottom:1px solid #1d2829}.transaction-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:50%;color:#cef9e7;box-shadow:0 1px 5px #020a0880}.transaction-icon .icon{width:18px;height:18px;stroke-width:2}.transaction-icon.green{background:#5db398}.transaction-icon.coral{background:#d67188;color:#ffe1e7}.transaction-icon.gold{background:#d6b477;color:#fff8de}.home-activity div{flex:1}.home-activity strong{font-size:10px;font-weight:550;display:block}.home-activity small{font-size:9px;color:#899b95;display:block;margin-top:3px}.home-activity>span:last-child{font-size:10px;font-weight:750;align-self:flex-start;margin-top:14px}.progress-panel{padding:12px 13px;height:59px}.home-page .progress-panel{margin-top:10px}.split{display:flex;justify-content:space-between}.split b{font-size:10px;font-weight:700}.split b:last-child{font-size:9px;color:#aab9b3}.progress-track{height:8px;border-radius:8px;background:#26332e;overflow:hidden;margin-top:10px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#9ef1d5,#91dbc5);border-radius:7px;box-shadow:0 0 6px #9ae7c0}
/* Mining control */
.mine-heading{height:62px;display:flex;justify-content:space-between;padding-top:1px}.mine-heading h1{margin-bottom:8px}.mine-balance{text-align:right}.mine-balance strong{font-size:17px;display:block;line-height:1.1}.mine-balance span{display:block;color:#a6e5c9;font-size:9px;font-weight:650;margin-top:6px}.radar-wrap{height:226px;margin:-2px -19px 2px;position:relative}.radar-svg{width:100%;height:100%;filter:drop-shadow(0 0 3px #a8d5ad40)}.mine-readouts{height:65px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:15px;align-items:center;text-align:center}.mine-readouts>div:not(:last-child){border-right:1px solid #26312f}.mine-readouts strong{font-size:15px;display:block;line-height:1.1}.mine-readouts span{font-size:9px;color:#a2b1a9;display:block;margin-top:6px}.mine-agent{height:134px;padding:11px 11px;margin-bottom:14px}.mine-agent-top{display:flex;height:67px;align-items:flex-start;gap:9px}.agent-logo{width:52px;height:56px;color:#d3b882;filter:drop-shadow(0 0 3px #cfae7291)}.agent-logo .icon{width:53px;height:53px;stroke-width:1.35}.agent-name{flex:1;padding-top:3px}.agent-name strong{display:block;font-size:13px}.agent-name span{display:block;font-size:9px;color:#84928d;margin-top:2px}.agent-name small{display:block;font-size:9px;margin-top:8px}.mine-agent .status-pill{margin-top:4px}.mine-agent-numbers{display:flex;gap:44px;margin-left:56px;align-items:center}.mine-agent-numbers strong{font-size:14px;white-space:nowrap}.mine-agent-numbers strong:nth-child(2){color:#99e2c4}.mine-agent-numbers span{font-size:9px;color:#cbd2cd;font-weight:500}.agent-signal{border-top:1px solid #26302f;margin-top:9px;display:flex;align-items:center;gap:7px;color:#b1daca}.agent-signal .icon{width:29px;height:18px;color:#75c7a8}.agent-signal span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-title{margin-bottom:9px}.contract-card{padding:9px 10px 8px;height:94px}.contract-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;height:48px;gap:6px}.contract-cols div{border-right:1px solid #2d3837}.contract-cols div:last-child{border:0}.contract-cols small{font-size:9px;color:#c4cbc7;display:block}.contract-cols strong{font-size:10px;display:block;margin-top:4px}.contract-cols div:first-child strong{font-size:15px}.wide-button{height:28px;width:100%;border-radius:17px;background:#253b38;border:1px solid #416058;color:#e1f2e9;font-size:9px;font-weight:750}.wide-button:hover,.small-action:hover{background:#375e51}
/* Wallet */
.wallet-heading{height:99px;padding-top:1px}.wallet-heading h1{margin-bottom:6px}.wallet-amount{font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1.1}.wallet-heading>span{font-size:10px;color:#c7d1cb}.wallet-summary{height:72px;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.wallet-summary .panel{padding:11px 13px}.wallet-summary span{font-size:11px;color:#dce7e0}.wallet-summary strong{font-size:17px;display:block;margin-top:6px;line-height:1}.wallet-actions{height:42px;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:23px}.wallet-actions button{border-radius:10px;font-size:10px;font-weight:800}.mint-button{border:1px solid #c6ffe9;background:linear-gradient(110deg,#a2e8d4,#92dec8);color:#122820}.mint-button:hover{background:#c0f8e3}.outline-button{border:1px solid #303a3b;color:#f2f7f5;background:#151d1f}.outline-button:hover{background:#293d38}.assets-section .section-title{margin-bottom:8px}.assets-card{padding:0 12px;height:100px;margin-bottom:18px}.asset-row{height:49px;width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;color:#f1f4f1;text-align:left;padding:0}.asset-row+.asset-row{border-top:1px solid #253031}.coin{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:20px;box-shadow:0 0 0 2px #334844}.coin.usdt{background:#47bb9d}.coin.btc{background:#e7a557}.asset-row strong{font-size:12px}.asset-money{margin-left:auto;font-size:12px;font-weight:650}.asset-row .icon{width:13px;height:13px;color:#adbab3}.transactions-section .section-title{height:26px;margin-bottom:4px}.transactions-list{padding:0 10px;background:#11191b;border-radius:10px}.transaction{height:51px;display:flex;align-items:center;gap:9px}.transaction:not(:last-child){border-bottom:1px solid #26302e}.transaction-name{font-size:11px;flex:1;font-weight:550}.transaction-value{text-align:right;line-height:1.25}.transaction-value strong{font-size:11px;display:block}.transaction-value small{font-size:9px;display:block;color:#93b8a8;margin-top:3px}.transaction:last-child .transaction-value small{color:#b5c4bd}
/* Analytics */
.performance-heading{height:94px}.performance-heading h1{margin-bottom:6px}.performance-total{font-size:26px;font-weight:750;line-height:1.12;letter-spacing:-1px}.performance-heading span{font-size:10px;color:#b6c2b9;font-weight:600}.period-switch{margin-bottom:9px;height:31px}.period-switch button.active{background:#9fe4cc;color:#113126}.chart-wrap{height:162px;margin-bottom:11px}.performance-chart{width:100%;height:100%}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:63px 63px;gap:7px;margin-bottom:12px}.metrics-grid .panel{padding:9px 8px}.metrics-grid span{font-size:9px;color:#c9d5ce;line-height:1.2;display:block;white-space:nowrap}.metrics-grid strong{font-size:14px;display:block;letter-spacing:-.35px;margin-top:8px;white-space:nowrap}.metrics-grid small{font-size:9px}.metrics-grid .panel:nth-child(6) strong{margin-top:3px}.weekly-panel{height:67px;display:grid;grid-template-columns:1fr 1fr .65fr;align-items:center;padding:10px 12px;margin-bottom:12px}.weekly-panel span{color:#acb9b1;font-size:9px;display:block}.weekly-panel strong{color:#a5edc8;font-size:14px;display:block;margin-top:7px}.weekly-percent{color:#a5edc8;font-size:12px;font-weight:750;white-space:nowrap;text-align:right}.power-progress{height:58px}
/* AI miners */
.miners-heading{height:58px}.miners-heading p{font-size:10px;color:#b8c5bd;margin-top:6px}.miner-cards{display:flex;flex-direction:column;gap:8px}.miner-card{width:100%;height:85px;position:relative;display:flex;text-align:left;align-items:center;padding:10px 11px;color:#eef5f1}.miner-card.alpha{height:103px;border-color:#517164;background:linear-gradient(115deg,#152222,#182522 60%,#15211f)}.miner-card:hover{border-color:#83ccaf}.miner-symbol{width:73px;color:#ccd5c8;display:grid;place-items:center;flex:none}.miner-symbol .icon{width:59px;height:59px;stroke-width:1.45;filter:drop-shadow(0 0 4px #c7d5bb80)}.alpha .miner-symbol{color:#b9f5d7}.guardian .miner-symbol{color:#d3c8a4}.titan .miner-symbol{color:#d9bd7f}.quantum .miner-symbol{color:#cad6d7}.miner-info{padding-left:8px;align-self:flex-start;padding-top:4px}.miner-info>strong{font-size:13px;line-height:1.1;display:block}.miner-info>span{display:block;font-size:10px;color:#9baaa3;margin-top:4px}.miner-power{font-size:13px;font-weight:750;margin-top:7px;white-space:nowrap}.miner-power>span{font-size:11px;color:#a1e3c2;margin-left:15px}.miner-power small{font-size:9px;color:#c0c9c3;font-weight:400}.optimization{font-size:9px;color:#b3d3c0;display:block;margin-top:7px}.miner-state{font-size:9px;color:#dce7df;border:1px solid #33403e;padding:4px 7px;border-radius:14px;position:absolute;right:11px;top:13px;font-weight:700}.miner-state.active{color:#a5ecc7;border-color:#31453e;background:#1a352e}.optimizing{position:absolute;right:13px;top:54px;font-size:10px;color:#becfc4}.alpha-activity{padding-top:16px}.alpha-activity h2{margin-bottom:13px}.timeline{position:relative}.timeline:before{content:"";width:1px;height:75px;position:absolute;left:5px;top:7px;background:#3b5d54}.timeline>div{height:27px;display:flex;align-items:flex-start;gap:10px;font-size:10px}.timeline i{height:10px;width:10px;background:#8bd7bd;border-radius:50%;border:2px solid #d9f7e9;box-shadow:0 0 6px #4fb89a;z-index:1}.timeline time{color:#c2d2ca;width:34px;flex:none}.timeline span{color:#d5e0d8}
/* Community */
.community-heading{margin-bottom:11px!important}.community-switch{height:33px;margin-bottom:13px}.leaderboard{display:block}.week-select{border:1px solid #1d2929;background:#121b1c;color:#f1f6f2;border-radius:14px;font-size:10px;height:26px;padding:0 11px;margin-bottom:11px;font-weight:700}.week-select .icon{width:11px;height:11px;margin-left:4px}.leader-list{height:206px;padding:0 12px;margin-bottom:8px}.leader-row{height:40px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #25302f}.leader-row:last-child{border-bottom:0}.leader-rank{height:18px;width:18px;display:grid;place-items:center;border-radius:50%;background:#26312b;color:#ece9d0;font-size:10px;flex:none;font-weight:700}.rank-1{background:#56472d}.rank-2{background:#4e4b47}.rank-3{background:#514738}.leader-row img{height:27px;width:27px;border-radius:50%;object-fit:cover;border:1px solid #749c87}.leader-row strong{font-size:11px}.leader-row>span:last-child{margin-left:auto;font-size:11px;font-weight:650}.my-position{height:68px;display:flex;align-items:center;padding:9px 13px;gap:11px;margin-bottom:16px;border-color:#486259;background:#172623}.my-position img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #9ed3b8}.my-position div{flex:1}.my-position small{font-size:9px;display:block;font-weight:700}.my-position div strong{font-size:19px;display:block;line-height:1.2}.my-position>strong{font-size:13px}.achievements-section .section-title{height:22px;margin-bottom:7px}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:74px 74px;gap:7px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:5px 1px}.achievement-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px;color:#d6e4dd;border:1px solid currentColor}.achievement-icon.gold{color:#dcc393}.achievement-icon.green{color:#a5e6af}.achievement-icon .icon{height:17px;width:17px;stroke-width:1.9}.achievement strong{font-size:8.5px;white-space:nowrap;line-height:1.1}.achievement small{font-size:9px;margin-top:3px}.community-page.achievements-focused .leaderboard{display:none}.community-page.achievements-focused .achievements-section{padding-top:18px}.community-page.achievements-focused .achievements-grid{grid-template-rows:repeat(2,130px)}.community-page.achievements-focused .achievement-icon{width:34px;height:34px}.community-page.achievements-focused .achievement-icon .icon{width:23px;height:23px}
/* Overlays, feedback, and responsive gallery */
.screen-toast{position:absolute;z-index:10;bottom:84px;left:50%;transform:translate(-50%,20px);opacity:0;white-space:nowrap;pointer-events:none;border-radius:16px;padding:9px 13px;color:#d9f9e9;background:#234139;border:1px solid #659e86;font-size:11px;transition:.2s}.screen-toast.show{transform:translate(-50%,0);opacity:1}.overlay{position:absolute;inset:0;z-index:8;background:#0009;display:none;align-items:center;justify-content:center;padding:30px}.overlay.open{display:flex}.overlay-box{position:relative;width:100%;border-radius:20px;background:#172221;border:1px solid #4b6f61;padding:23px 19px;color:#eaf8ef;box-shadow:0 12px 32px #0009}.overlay-box h3{font-size:17px;font-weight:700;margin:0 0 14px}.overlay-box p{font-size:12px;color:#bbcfc3;line-height:1.6}.overlay-close,.drawer-close{position:absolute;right:15px;top:9px;border:0;color:#def8e7;background:transparent;font-size:26px}.overlay-box label{display:block;font-size:11px;color:#afc4b7;margin:12px 0 6px}.overlay-box input{width:100%;height:37px;background:#0d1716;border:1px solid #466458;border-radius:8px;color:#f1fff5;padding:0 12px;font-size:14px}.overlay-box .mint-button{margin-top:14px;width:100%;height:38px;border-radius:8px;font-weight:700}.overlay-box .details-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #31423b;font-size:11px}.drawer{position:absolute;left:0;top:0;bottom:0;width:280px;background:#111c1b;z-index:9;transform:translateX(-105%);transition:transform .25s;padding:39px 23px;box-shadow:10px 0 25px #0007}.drawer.open{transform:translateX(0)}.drawer-title{display:flex;align-items:center;margin-bottom:20px}.drawer-title .brand-mark{margin-right:8px}.drawer p{font-size:11px;color:#9db7aa;margin-bottom:24px}.drawer a{display:block;padding:12px;border-bottom:1px solid #2d4038;font-size:13px}.drawer a:hover{color:#9ae8c7}.drawer-backdrop{position:absolute;inset:0;background:#0008;z-index:8;display:none}.drawer-backdrop.open{display:block}
@media(max-width:830px){.gallery{width:510px;grid-template-columns:repeat(2,225px);grid-template-rows:none;grid-auto-rows:440px;gap:12px 60px;margin:12px auto}.gallery-slot:nth-child(n+4){height:440px}.gallery-slot:nth-child(n+4) .phone{transform:scale(.54878)}}
@media(max-width:550px){.gallery{width:225px;grid-template-columns:225px;grid-auto-rows:440px;gap:14px}.single-page{align-items:flex-start;padding-top:58px}.single-stage{transform:scale(min(1,calc((100vw - 24px) / 410)));transform-origin:top center}.back-to-gallery{left:10px;top:8px;font-size:11px;padding:7px 10px}}
/* Final optical adjustments against the supplied six-screen reference. */
.statusbar{font-size:13px}.brand-name{font-size:13px}.brand-mark,.brand-mark .icon{width:29px;height:29px}.tab-item{font-size:11px}.tab-item .icon{width:22px;height:22px}.app-main h1{font-size:16px}.app-main h2{font-size:14px}.eyebrow{font-size:11px}.large-balance{font-size:29px}.wallet-amount{font-size:30px}.performance-total{font-size:29px}.welcome p{font-size:11px}.active-left .mini-label{font-size:11px}.active-left>strong{font-size:16px}.active-left .hash-number{font-size:19px}.quick-stats span{font-size:9px}.quick-stats strong{font-size:15px}.home-activity strong{font-size:11px}.home-page .quick-stats{margin-bottom:10px}.home-page .active-mine{margin-bottom:8px}.home-page .progress-panel{margin-top:6px}
.radar-wrap{height:190px}.mine-balance strong{font-size:18px}.mine-readouts strong{font-size:16px}.mine-agent-numbers strong{font-size:15px}.wallet-summary span{font-size:12px}.wallet-summary strong{font-size:19px}.asset-row strong{font-size:13px}.transaction-name,.transaction-value strong{font-size:12px}.transaction{height:47px}.wallet-actions{margin-bottom:20px}.leader-row strong,.leader-row>span:last-child{font-size:12px}.miner-info>strong{font-size:14px}.miner-power{font-size:14px}.achievement strong{font-size:9px}
/* Use reliable fixed breakpoints for the full-size standalone mockup on phones. */
@media(max-width:550px){.single-stage{transform:scale(.88)}}
@media(max-width:375px){.single-stage{transform:scale(.81)}}
@media(max-width:340px){.single-stage{transform:scale(.73)}}

/* =====================================================================
   Responsive real webpage layout: no device frame or scaled screenshots.
   Existing panel components above are the hand-coded mobile visual system.
   ===================================================================== */
html{background:#080e10}body.web-app{background:#080e10;color:#f1f7f3;overflow-x:hidden}.site-shell{min-height:100vh}.desktop-sidebar,.desktop-page-heading,.header-location,.header-state{display:none}.app-column{min-width:0}.phone{width:100%;height:auto;min-height:100vh;padding:0;border:0;border-radius:0;box-shadow:none;background:#080e10;isolation:auto}.phone:before,.side-key,.dynamic-island,.statusbar{display:none}.phone-screen{min-height:100vh;height:auto;border-radius:0;box-shadow:none;overflow:visible;background:radial-gradient(circle at 80% 0%,#0e1a1a 0%,#090f11 38%,#080e10 75%)}.app-header{position:sticky;top:0;z-index:5;height:68px;margin:0;padding:0 20px;border-bottom:1px solid #1b2b2a;background:rgba(10,18,19,.96);backdrop-filter:blur(15px);gap:14px}.header-icon:first-child{background:transparent}.brand-mark,.brand-mark .icon{width:29px;height:29px}.brand-name{font-size:15px}.profile-pic{height:32px;width:32px}.app-main{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;overflow:visible;width:100%;max-width:600px;margin:0 auto;padding:20px 20px 115px;min-height:calc(100vh - 68px)}.tab-bar{position:fixed;bottom:0;height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:7;max-width:none}.tab-item{width:20%;font-size:10px;padding-top:1px}.tab-item .icon{width:22px;height:22px}.overlay,.drawer,.drawer-backdrop{position:fixed}.overlay{z-index:13}.drawer{z-index:12}.drawer-backdrop{z-index:11}.screen-toast{position:fixed;z-index:15;bottom:83px}.app-main h1{font-size:17px}.app-main h2{font-size:15px}.welcome h1{font-size:18px}.wallet-amount,.performance-total{font-size:31px}.large-balance{font-size:30px}.balance-card{height:104px}.active-mine{height:163px}.wallet-heading{height:102px}.wallet-summary{height:76px}.wallet-actions{height:46px}.assets-card{height:104px}.asset-row{height:51px}.transaction{height:51px}.radar-wrap{height:212px}.mine-agent{height:145px}.contract-card{height:99px}.chart-wrap{height:170px}.metrics-grid{grid-template-rows:68px 68px}.miners-heading{height:62px}.miner-card{min-height:85px}.leader-list{height:211px}.leader-row{height:41px}.achievements-grid{grid-template-rows:82px 82px}.achievement strong{font-size:9px}.my-position{height:73px}
@media(max-width:350px){.app-main{padding-left:14px;padding-right:14px}.welcome p{font-size:9px}.large-balance,.wallet-amount{font-size:26px}.mine-balance strong{font-size:15px}.mine-agent-numbers{gap:14px}.mine-agent-numbers strong{font-size:12px}.quick-stats span{font-size:7px}.miner-power>span{margin-left:5px}.miner-info{padding-left:0}.miner-symbol{width:59px}.miner-symbol .icon{width:52px;height:52px}.miner-state{font-size:8px}.achievement strong{font-size:7.5px}}
/* From tablet upwards: full-width application with sidebar and expanded panels. */
@media(min-width:768px){
 .site-shell{display:grid;grid-template-columns:226px minmax(0,1fr)}.desktop-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 16px 22px;background:#0c1516;border-right:1px solid #263431;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:2px 16px 40px;font-size:20px;font-weight:750}.sidebar-brand .brand-mark,.sidebar-brand .brand-mark .icon{width:32px;height:32px;color:#adf0d8}.sidebar-caption{font-size:10px;letter-spacing:1.7px;color:#718d83;font-weight:750;padding:0 16px 13px}.sidebar-nav{display:grid;gap:4px}.sidebar-link{display:flex;align-items:center;gap:12px;position:relative;border-radius:10px;height:46px;padding:0 14px;color:#9aada5;font-weight:600;font-size:13px}.sidebar-link .icon{width:19px;height:19px}.sidebar-link:hover{background:#1a2b27;color:#d0f7e4}.sidebar-link.current{background:#1c352d;color:#aeebce}.sidebar-active-mark{margin-left:auto;height:7px;width:7px;background:#8ce5b6;border-radius:50%;box-shadow:0 0 9px #7fdfb4}.sidebar-bottom{margin-top:auto}.sidebar-plan{display:flex;gap:10px;padding:14px 12px;background:#152820;border:1px solid #345040;border-radius:12px}.plan-light{background:#7ce8af;box-shadow:0 0 8px #7de4b1;width:8px;height:8px;border-radius:50%;margin-top:4px;flex:none}.sidebar-plan b{display:block;font-size:11px;color:#c3eed6}.sidebar-plan small{display:block;font-size:10px;color:#90a99a;margin-top:5px}.sidebar-user{border-top:1px solid #30403a;margin-top:22px;padding:17px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-user img{height:33px;width:33px;object-fit:cover;border-radius:50%}.sidebar-user strong{font-size:12px;display:block}.sidebar-user span{font-size:10px;color:#91a79b;display:block;margin-top:2px}
 .app-header{height:76px;padding:0 34px}.app-header .brand,.menu-trigger{display:none}.header-location{display:block;font-size:15px;font-weight:700}.header-state{display:flex;align-items:center;gap:7px;color:#aacdba;background:#182c24;border:1px solid #355442;border-radius:22px;padding:7px 11px;font-size:11px;margin-right:11px}.header-state i,.header-indicator i{width:7px;height:7px;background:#7ed9a5;border-radius:50%;box-shadow:0 0 6px #73dfaa}.header-spacer{flex:1}.app-header .header-icon{height:35px;width:35px}.profile-pic{height:34px;width:34px}.tab-bar{display:none}
 .app-main{max-width:1370px;min-height:calc(100vh - 76px);padding:32px 34px 70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;gap:18px 20px;align-content:start}.desktop-page-heading{display:flex;grid-area:intro;justify-content:space-between;align-items:center;margin-bottom:6px}.desktop-page-heading .desktop-kicker{font-size:10px;letter-spacing:1.6px;color:#85b29c;font-weight:750}.desktop-page-heading h2{font-size:29px;letter-spacing:-.8px;margin:7px 0 4px}.desktop-page-heading p{font-size:13px;color:#8da69a}.desktop-heading-right{text-align:right}.header-date{font-size:10px;color:#82988a;letter-spacing:1px;display:block}.header-indicator{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#ade8c6;font-size:11px;margin-top:11px}.header-indicator i{display:inline-block}.app-main h1{font-size:18px}.app-main h2{font-size:18px}.app-main .panel{border-radius:15px;background:linear-gradient(130deg,#152021,#121b1d 90%);border-color:#2a3936}.section-title h2{font-size:17px}.text-button{font-size:12px}.segmented{height:43px;border-radius:24px;padding:3px}.segmented button{font-size:11px;border-radius:22px}.balance-card,.active-mine,.quick-stats,.home-activity,.progress-panel,.mine-agent,.contract-card,.assets-card,.transactions-list,.weekly-panel,.miner-card,.leader-list,.my-position{box-shadow:0 12px 25px #00000017}.overlay-box{max-width:430px;padding:28px}.overlay-close{right:15px;top:10px}
 /* Home */
 .home-page{grid-template-areas:'intro intro' 'welcome mode' 'balance active' 'stats active' 'activitytitle progress' 'activity progress'}.home-page .welcome{grid-area:welcome;height:auto;align-self:end}.welcome h1{font-size:22px}.welcome p{font-size:13px;margin-top:5px}.home-switch{grid-area:mode;margin:0 0 2px;align-self:end;max-width:310px;width:100%;justify-self:end}.balance-card{grid-area:balance;height:170px;margin:0;padding:26px;display:flex;align-items:center}.large-balance{font-size:40px}.balance-card .sparkline{width:185px;height:90px;right:20px;bottom:18px}.balance-card .eyebrow{font-size:12px}.balance-card .gain{font-size:13px}.active-mine{grid-area:active;height:307px;margin:0;padding:23px 24px}.active-top{height:220px}.active-left .mini-label{font-size:12px}.active-left>strong{font-size:20px;margin-top:17px}.active-left .hash-number{font-size:25px}.active-left .card-divider{margin:24px 0 16px}.active-left small{font-size:12px}.active-right{padding:43px 0 0 22px}.active-right b{font-size:20px}.miner-sm-label,.runtime-label{font-size:12px}.active-right strong{font-size:16px}.home-hex .icon{width:65px;height:65px}.small-action{width:170px;height:31px;line-height:29px;font-size:11px;margin:0 auto}.quick-stats{grid-area:stats;gap:10px;height:119px;margin:0}.quick-stats .panel{padding:20px 13px}.quick-stats span{font-size:10px}.quick-stats strong{font-size:22px;margin-top:12px}.little-rule{margin-top:14px}.home-page .section-title{grid-area:activitytitle;margin:6px 0 0;height:auto}.home-activity{grid-area:activity;height:89px;background:#141f1f;border:1px solid #2b3936;border-radius:15px;padding:0 17px}.home-activity strong{font-size:13px}.home-activity small{font-size:11px}.home-activity>span:last-child{font-size:13px;margin-top:32px}.home-page .progress-panel{grid-area:progress;height:89px;margin:0;align-self:end;padding:22px}.split b{font-size:12px}.split b:last-child{font-size:11px}.progress-track{height:10px;margin-top:17px}
 /* Mine */
 .mine-page{grid-template-areas:'intro intro' 'heading heading' 'radar agent' 'readouts contracttitle' 'readouts contract'}.mine-heading{grid-area:heading;height:auto;margin-bottom:0}.mine-heading h1{font-size:19px}.mine-balance strong{font-size:27px}.mine-balance span{font-size:11px}.radar-wrap{grid-area:radar;min-height:330px;height:330px;margin:0;background:#101a1b;border:1px solid #263a35;border-radius:17px;overflow:hidden}.radar-svg{transform:scale(1.04)}.mine-readouts{grid-area:readouts;height:111px;margin:0}.mine-readouts strong{font-size:21px}.mine-readouts span{font-size:12px}.mine-agent{grid-area:agent;height:330px;margin:0;padding:24px}.mine-agent-top{height:140px;gap:18px}.agent-logo,.agent-logo .icon{width:72px;height:72px}.agent-name strong{font-size:20px}.agent-name span,.agent-name small{font-size:12px}.agent-name small{margin-top:19px}.mine-agent .status-pill{font-size:12px}.mine-agent-numbers{margin:0;gap:40px}.mine-agent-numbers strong{font-size:22px}.mine-agent-numbers span{font-size:12px}.agent-signal{margin-top:29px;padding-top:18px}.agent-signal span{font-size:12px}.contract-title{grid-area:contracttitle;align-self:end;margin:0}.contract-card{grid-area:contract;height:82px;margin:0;padding:10px 14px}.contract-cols{height:34px}.contract-cols small{font-size:10px}.contract-cols strong,.contract-cols div:first-child strong{font-size:13px}.wide-button{height:27px;font-size:11px}
 /* Wallet */
 .wallet-page{grid-template-areas:'intro intro' 'wallethead transactions' 'summary transactions' 'actions transactions' 'assets transactions';grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.wallet-heading{grid-area:wallethead;height:auto}.wallet-heading h1{font-size:19px}.wallet-amount{font-size:40px}.wallet-heading>span{font-size:13px}.wallet-summary{grid-area:summary;height:100px;margin:0}.wallet-summary .panel{padding:18px}.wallet-summary span{font-size:13px}.wallet-summary strong{font-size:25px}.wallet-actions{grid-area:actions;margin:0;height:51px}.wallet-actions button{font-size:12px}.assets-section{grid-area:assets}.assets-card{margin:10px 0 0;height:130px;padding:0 16px}.asset-row{height:64px}.coin{height:36px;width:36px;font-size:24px}.asset-row strong,.asset-money{font-size:15px}.transactions-section{grid-area:transactions;align-self:stretch;background:#121d1d;border:1px solid #2a3936;padding:18px 22px 21px;border-radius:16px}.transactions-section .section-title{height:37px;margin-bottom:7px}.transactions-list{background:transparent;padding:0}.transaction{height:70px;padding:0 4px}.transaction-icon{height:39px;width:39px}.transaction-name,.transaction-value strong{font-size:13px}.transaction-value small{font-size:11px}.assets-section .section-title{margin-bottom:0}
 /* Analytics */
 .analytics-page{grid-template-areas:'intro intro' 'performance performance' 'period metrics' 'chart metrics' 'weekly power';grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.performance-heading{grid-area:performance;height:auto}.performance-heading h1{font-size:19px}.performance-total{font-size:40px}.performance-heading span{font-size:12px}.period-switch{grid-area:period;margin:0}.chart-wrap{grid-area:chart;height:270px;margin:0;padding:6px;background:#121d1e;border:1px solid #2a3835;border-radius:16px}.metrics-grid{grid-area:metrics;grid-template-rows:repeat(2,1fr);height:331px;gap:10px;margin:0}.metrics-grid .panel{padding:19px 13px}.metrics-grid span{font-size:10px}.metrics-grid strong{font-size:18px;margin-top:16px}.metrics-grid small{font-size:11px}.weekly-panel{grid-area:weekly;height:92px;margin:0;padding:20px}.weekly-panel span{font-size:11px}.weekly-panel strong{font-size:19px}.weekly-percent{font-size:16px}.power-progress{grid-area:power;height:92px;margin:0;padding:20px}
 /* AI miners */
 .miners-page{grid-template-areas:'intro intro' 'minerhead minerhead' 'cards log';grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)}.miners-heading{grid-area:minerhead;height:auto}.miners-heading h1{font-size:20px}.miners-heading p{font-size:13px}.miner-cards{grid-area:cards;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.miner-card,.miner-card.alpha{height:175px;min-height:0;padding:18px;align-items:flex-start}.miner-symbol{width:60px}.miner-symbol .icon{width:55px;height:55px}.miner-info{padding-left:5px}.miner-info>strong{font-size:17px}.miner-info>span{font-size:12px}.miner-power{font-size:17px;margin-top:16px}.miner-power>span{display:block;margin:8px 0 0;font-size:13px}.optimization{font-size:11px}.miner-state{top:13px;right:11px}.optimizing{right:12px;top:42px}.alpha-activity{grid-area:log;padding:20px;background:#131e1e;border:1px solid #2a3935;border-radius:16px}.alpha-activity h2{margin-bottom:32px}.timeline:before{height:144px}.timeline>div{height:54px;font-size:12px}.timeline time{width:39px}
 /* Community */
 .community-page{grid-template-areas:'intro intro' 'commhead commswitch' 'leaders achievements';grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.community-heading{grid-area:commhead;margin:0!important;align-self:center;font-size:19px!important}.community-switch{grid-area:commswitch;margin:0;width:min(100%,330px);justify-self:end}.leaderboard{grid-area:leaders}.week-select{height:32px;font-size:11px;margin-bottom:13px}.leader-list{height:313px;padding:5px 17px;margin-bottom:13px}.leader-row{height:60px}.leader-row img{height:37px;width:37px}.leader-row strong,.leader-row>span:last-child{font-size:13px}.leader-rank{height:23px;width:23px;font-size:12px}.my-position{height:88px;margin:0;padding:15px}.my-position img{height:48px;width:48px}.my-position div strong{font-size:23px}.my-position>strong{font-size:17px}.achievements-section{grid-area:achievements;padding-top:49px}.achievements-section .section-title{height:31px;margin-bottom:12px}.achievements-grid{grid-template-rows:repeat(2,138px);gap:12px}.achievement-icon{width:38px;height:38px;margin-bottom:12px}.achievement-icon .icon{width:26px;height:26px}.achievement strong{font-size:11px}.achievement small{font-size:11px}.community-page.achievements-focused .achievements-section{padding-top:49px}.community-page.achievements-focused .achievements-grid{grid-template-rows:repeat(2,138px)}
}
@media(min-width:768px) and (max-width:1130px){.site-shell{grid-template-columns:196px minmax(0,1fr)}.desktop-sidebar{padding:23px 10px}.app-main{display:block;padding:25px 25px 65px}.app-main>*{margin-bottom:16px!important}.desktop-page-heading{margin-bottom:24px!important}.home-page .quick-stats,.miners-page .miner-cards,.community-page .achievements-grid{display:grid}.mine-page .radar-wrap{height:290px;min-height:0}.mine-page .mine-agent{height:245px}.mine-agent-top{height:100px}.mine-page .mine-agent-numbers strong{font-size:18px}.mine-page .agent-signal{margin-top:16px}.wallet-page .transactions-section{margin-top:20px}.analytics-page .metrics-grid{height:230px}.miners-page .alpha-activity{min-height:250px}.community-page .achievements-section{padding-top:0}.sidebar-brand{padding-left:10px}.sidebar-link{font-size:12px}}
@media(min-width:1131px) and (max-width:1300px){.app-main{padding:28px 25px 60px;gap:15px}.miners-page .miner-card,.miners-page .miner-card.alpha{padding:12px}.miners-page .miner-symbol{width:42px}.miners-page .miner-symbol .icon{width:41px;height:41px}.miners-page .miner-info>strong{font-size:14px}.miners-page .miner-power{font-size:14px}.miners-page .miner-state{font-size:8px}.mine-page .mine-agent-numbers{gap:15px}.mine-page .mine-agent-numbers strong{font-size:17px}.analytics-page .metrics-grid strong{font-size:15px}.home-page .large-balance{font-size:35px}}
@media(max-width:350px){.mine-page .radar-wrap{margin-left:-14px;margin-right:-14px}}
@media(min-width:1131px){.community-page.achievements-focused .achievements-section{grid-column:1 / -1;grid-row:3;padding-top:15px}.community-page.achievements-focused .achievements-grid{grid-template-rows:repeat(2,160px)}}