:root{--bg:#0b101a;--panel:#131b2a;--panel2:#172134;--border:#283248;--text:#eaf0ff;--muted:#8492ab;--gold:#edbd68;--blue:#6e9cf8;--green:#54d6b0;--bad:#f88f9b;--violet:#ad88ff}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.hidden{display:none!important}.app-wrap{max-width:720px;margin:0 auto;padding:0 18px max(30px,env(safe-area-inset-bottom))}.app-header{height:72px;display:flex;align-items:center;gap:11px}.logo-mark{width:38px;height:38px;border:1px solid #876945;background:#32281f;border-radius:12px;display:grid;place-items:center;color:#ffd58d;font-size:24px;box-shadow:inset 0 0 10px #ac854629}.brand{display:flex;flex:1;flex-direction:column;gap:3px;font-size:15px;letter-spacing:1.6px}.brand span{color:var(--gold)}.brand small{font-size:8px;letter-spacing:2.1px;color:#6d7e96}.header-right{display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px;letter-spacing:1.3px;font-weight:800}.pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.preview-banner{padding:11px;border-radius:10px;background:#46351b;border:1px solid #8f6330;font-size:12px;color:#ffce93;margin-bottom:12px}.hero{background:radial-gradient(ellipse at 80% 28%,#37467785 0,transparent 58%),linear-gradient(135deg,#1d283e,#131b29 65%,#111623);border:1px solid #384662;border-radius:20px;min-height:235px;padding:21px 18px 12px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-label{font-size:9px;letter-spacing:2px;color:#abc4ed;font-weight:800;position:relative}.hero h1{font-size:clamp(23px,5vw,35px);line-height:1.14;letter-spacing:-.9px;margin:20px 0 8px;position:relative;z-index:1}.hero em{font-style:normal;color:var(--gold)}.hero p{position:relative;color:#a3b4d2;font-size:11px;max-width:190px;line-height:1.6}.hero-orb{position:absolute;width:165px;height:165px;border-radius:50%;right:-62px;top:32px;background:radial-gradient(circle at 35% 35%,#fbedbe,#b98c50 28%,#624f75 53%,#273a68 70%,#121a28 79%);box-shadow:0 0 60px #b7985440,0 0 80px #748dda55,inset -15px -15px 30px #0009;display:grid;place-items:center;transform:rotate(-14deg)}.orb-core{font-size:57px;color:#fff4d1;text-shadow:0 0 19px #ffdc84}.orb-ring{position:absolute;width:190px;height:65px;border:4px solid #f6cd7966;border-radius:50%;transform:rotate(-26deg);box-shadow:0 0 18px #ffdf7955}.hero-footer{display:flex;justify-content:space-between;position:absolute;bottom:14px;left:18px;right:18px;font-size:9px;letter-spacing:1.3px;color:#849bb6}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0}.stat{border:1px solid var(--border);border-radius:14px;padding:16px;background:linear-gradient(120deg,#182236,#111926)}.stat-kicker{font-size:10px;font-weight:700;letter-spacing:.8px;color:#a0aeca}.stat-value{font-size:28px;font-weight:800;letter-spacing:-1px;margin:7px 0 2px}.stat small{color:var(--muted);font-size:10px}.tab-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#121a29;border:1px solid #293449;padding:5px;border-radius:13px;margin-top:22px}.tab{border:0;background:transparent;color:#8392ab;border-radius:9px;padding:12px 4px;font-size:12px;font-weight:700}.tab.active{background:linear-gradient(135deg,#b88644,#ebba6a);color:#21190c;box-shadow:0 3px 12px #a27c3538}.content{min-height:240px;padding:22px 0 6px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.section-header h2{font-size:16px;letter-spacing:-.2px;margin:0}.section-header span{font-size:10px;color:var(--muted)}.miner-card,.item-card,.info-card{background:linear-gradient(135deg,#171f2f,#101824);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:11px}.miner-top{display:flex;gap:11px;align-items:center}.miner-logo{height:51px;width:51px;background:linear-gradient(145deg,#263955,#111d2e);border:1px solid #526587;border-radius:13px;display:grid;place-items:center;font-size:25px;box-shadow:inset 0 0 14px #fff1}.miner-logo.orange{background:linear-gradient(140deg,#55402b,#27202a);border-color:#946b3e}.miner-logo.purple{background:linear-gradient(140deg,#413059,#201c33);border-color:#7865a3}.miner-logo.green{background:linear-gradient(140deg,#234e48,#152b29);border-color:#3c8c7f}.miner-name{flex:1;min-width:0}.miner-name strong{font-size:14px}.miner-name small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.pill{font-size:9px;border:1px solid #476071;background:#203543;color:#aad6ee;padding:6px 8px;border-radius:24px;font-weight:700;white-space:nowrap}.pill.ready{color:#ffe0a2;border-color:#7d653b;background:#44351c}.pill.idle{color:#b5bcc9;border-color:#394559;background:#202938}.pill.disabled{color:var(--bad)}.miner-progress{margin:16px 0 14px}.progress-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.progress-top span{color:var(--muted)}.progress-track{height:7px;background:#273347;border-radius:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#bc934f,#f6d486);border-radius:12px;transition:width .3s}.primary-btn,.secondary-btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;width:100%;border:0;border-radius:11px;padding:12px 10px;font-size:12px;font-weight:800;letter-spacing:.2px}.primary-btn{background:linear-gradient(100deg,#e9ba70,#f3d393);color:#2c2114;box-shadow:0 5px 15px #bd904529}.secondary-btn{color:#c7d3e9;background:#26334a;border:1px solid #3a4962}.miner-actions{display:flex;gap:8px}.miner-actions .primary-btn{flex:1}.miner-actions .secondary-btn{width:auto}.item-card{display:flex;gap:13px;align-items:center}.item-card .details{flex:1;min-width:0}.details strong{display:block;font-size:14px}.details p{font-size:11px;margin:5px 0 0;color:var(--muted)}.item-card button{width:auto;min-width:95px;padding:10px}.notice{background:#1e2936;border:1px solid #39495e;color:#a7b7ca;border-radius:12px;padding:13px;font-size:11px;line-height:1.6;margin-bottom:14px}.notice strong{color:#deebfe}.empty{padding:34px 12px;text-align:center;color:var(--muted);font-size:12px}.badge-tag{background:#2b2540;color:#c4b5ff;padding:4px 7px;border-radius:7px;font-size:10px}.ref-big{font-size:45px;font-weight:900;color:var(--gold);margin:10px 0 0}.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-grid>div{background:#1c2739;border-radius:12px;padding:12px}.ref-grid strong{font-size:21px}.ref-grid small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.ref-link{word-break:break-all;padding:13px;background:#0d1523;border:1px dashed #3c4b62;border-radius:10px;color:#b6c9ef;font-size:11px;margin:12px 0}.steps{padding-left:17px;font-size:12px;line-height:2.2;color:#a7b7ce}.profile-title{font-size:21px;font-weight:800}.profile-sub{color:var(--muted);font-size:12px;margin-top:4px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 0;color:#aab8d1;font-size:12px}.row-between strong{color:#e2eafb}.loading{color:#91a2ba;font-size:13px;text-align:center;padding:50px}.toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(30px);width:min(420px,calc(100% - 30px));padding:14px;border-radius:12px;border:1px solid #536582;background:#253349;color:#f3f6fc;font-size:13px;text-align:center;box-shadow:0 10px 30px #0007;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}footer{text-align:center;color:#5c6d86;border-top:1px solid #1f2a3d;margin-top:25px;padding-top:19px}footer>div{font-size:9px;letter-spacing:2px}footer p{font-size:10px;line-height:1.7;margin:10px auto;max-width:440px}.divider-label{display:flex;justify-content:space-between;margin:14px 0;color:#9ba9bf;font-size:10px;letter-spacing:1px}
@media (min-width:600px){.hero{min-height:270px;padding:32px}.hero-orb{width:210px;height:210px;right:40px;top:30px}.orb-ring{width:250px}.hero h1{margin-top:24px}.hero p{max-width:285px;font-size:13px}.app-wrap{padding-left:25px;padding-right:25px}}
@media (max-width:360px){.hero-orb{right:-77px}.hero h1{font-size:23px}.miner-name strong{font-size:12px}.pill{font-size:8px;padding:5px}}


/* v0.2.0 Telegram Mini Apps 2.0 native layout and bottom dock */
:root{--sm-safe-top:0px;--sm-safe-bottom:0px;--sm-safe-left:0px;--sm-safe-right:0px}
html{scroll-behavior:smooth}body{min-height:100dvh;background:radial-gradient(ellipse at 15% 2%,#151f31 0%,var(--bg) 42%,#090e17 100%)}
.app-wrap{position:relative;max-width:720px;padding:calc(8px + var(--sm-safe-top)) max(18px,var(--sm-safe-right)) calc(112px + var(--sm-safe-bottom)) max(18px,var(--sm-safe-left));min-height:100dvh}
.app-header{min-height:64px;height:auto;padding-bottom:8px}
.header-control{border:1px solid #34425a;background:#162235;color:#fff;border-radius:12px;height:36px;width:36px;font-size:23px;display:grid;place-items:center;flex-shrink:0}
.header-control[hidden]{display:none}
.welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px 16px;border:1px solid #27344a;background:linear-gradient(115deg,#161f30,#111a2b);border-radius:16px}
.welcome-strip>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.welcome-strip strong{font-size:11px;letter-spacing:.7px}.welcome-strip small{flex-basis:100%;font-size:11px;color:var(--muted)}
.tag{font-size:9px;color:#091820;font-weight:900;border-radius:6px;padding:4px 6px;background:var(--green);letter-spacing:1px}
.text-control{border:1px solid #3c4a62;color:#d9e9ff;background:#1b293d;padding:9px;border-radius:10px;white-space:nowrap;font-size:11px}
.tab-nav{position:fixed;z-index:20;bottom:0;left:50%;width:min(720px,100%);transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;padding:10px max(12px,var(--sm-safe-right)) calc(10px + max(env(safe-area-inset-bottom),var(--sm-safe-bottom))) max(12px,var(--sm-safe-left));background:rgba(15,23,37,.95);border-top:1px solid #2b3a50;border-radius:18px 18px 0 0;box-shadow:0 -12px 36px #080e1899;backdrop-filter:blur(20px)}
.tab-nav .tab{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:49px;border-radius:12px;padding:5px 4px;font-size:10px;letter-spacing:.05px}
.nav-ico{font-size:22px;line-height:1;font-weight:700}.tab-nav .tab.active{box-shadow:inset 0 0 0 1px #a8884b55}
.hero{min-height:250px;overflow:hidden}.hero h1{font-size:clamp(27px,6vw,46px)}.hero-orb{pointer-events:none}
.content{scroll-margin-top:20px;min-height:270px}
.miner-card,.item-card,.stat,.info-card{backdrop-filter:blur(8px)}
.network-banner{position:fixed;z-index:30;top:calc(10px + var(--sm-safe-top));left:50%;transform:translateX(-50%);background:#6a2934;border:1px solid #fa8895;border-radius:12px;padding:11px 18px;text-align:center;font-size:12px;box-shadow:0 8px 20px #0005;width:max-content;max-width:95vw}
.secondary-btn.small{width:auto;min-width:0;margin:0;padding:9px 12px;font-size:11px}
button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(min-width:768px){.tab-nav{border:1px solid #2b3a50;border-bottom:0}.hero{min-height:310px}}
@media(max-width:380px){.brand small,.header-right{display:none}.welcome-strip{margin-top:5px}.app-wrap{padding-left:12px;padding-right:12px}.hero-orb{opacity:.6}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}