:root{color-scheme:dark;--bg:#101714;--card:#19221d;--edge:#2b372f;--text:#eef4eb;--muted:#96a69b;--lime:#c4eb88;--gold:#e6b674;--red:#e28e7d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}[hidden]{display:none!important}.shell{max-width:760px;margin:auto;padding:0 20px 110px}header{display:flex;justify-content:space-between;align-items:center;padding:27px 0 24px;border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:18px;letter-spacing:2px}.brand-icon{display:grid;place-items:center;background:var(--lime);color:#23301f;border-radius:11px;width:36px;height:40px;font-size:35px;line-height:1}.brand-sub{display:block;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:1px}.live-chip{font-size:10px;background:#26352a;color:var(--lime);padding:7px 10px;border-radius:30px}.live-chip.offline{color:var(--gold);background:#392e20}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 21px}.eyebrow,.tiny{font-size:10px;letter-spacing:1.15px;color:var(--muted)}.eyebrow{margin:0 0 5px}h1{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:0;font-weight:620}h2{font-size:16px;letter-spacing:-.25px;font-weight:600;margin:0}p{margin:10px 0 0}.card{background:var(--card);border:1px solid var(--edge);border-radius:20px;padding:20px;margin-bottom:14px}.icon-button{width:38px;height:38px;border:1px solid var(--edge);border-radius:50%;background:transparent;color:var(--text);font-size:25px}.hero{background:linear-gradient(130deg,#253323,#1b271f 80%);border-color:#40513a;padding:23px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.hero-top .tiny{font-size:8px;letter-spacing:1px}.status-label{font-size:12px;color:var(--lime)}.status-label:before{content:"";width:6px;height:6px;display:inline-block;background:currentColor;border-radius:50%;margin-right:7px}.status-label.no-grid{color:var(--gold)}.battery-main{display:flex;justify-content:space-between;align-items:center;padding:18px 0 15px}.soc-number{font-size:80px;font-weight:500;line-height:1.1;letter-spacing:-5px;font-variant-numeric:tabular-nums}.soc-unit{font-size:27px;color:var(--lime);margin-left:6px;letter-spacing:-1px}.muted{color:var(--muted);font-size:12px}.battery-ring{position:relative;width:108px;height:108px;flex-shrink:0}.battery-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.battery-ring circle{fill:none;stroke-width:4}.ring-track{stroke:#3d4d37}#ring-value{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:308;stroke-dashoffset:308;transition:stroke-dashoffset .7s}.battery-ring span{position:absolute;inset:0;display:grid;place-items:center;font-size:53px;color:var(--lime)}.reserve-track{height:6px;border-radius:8px;background:#3b4737;position:relative;overflow:hidden}.reserve-track i{display:block;height:100%;background:var(--lime);border-radius:8px;width:0;transition:width .7s}.reserve-marker{position:absolute;left:30%;height:12px;top:-3px;width:2px;background:#0f1911}.track-labels{display:flex;justify-content:space-between;font-size:10px;color:#a6b59c;margin-top:7px}.hero-footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid #3a4935}.hero-footer strong{display:block;font-size:16px;font-weight:500;margin-top:3px}.align-right{text-align:right}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{display:flex;flex-direction:column;position:relative;padding:18px}.metric .tiny{font-size:9px;letter-spacing:.6px}.metric strong{font-size:25px;letter-spacing:-.8px;font-weight:550;margin:13px 0 6px}.metric-icon{color:var(--lime);font-size:20px;margin-bottom:10px}.metric .muted{font-size:10px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}.pill{font-size:10px;background:#29382a;color:var(--lime);border:1px solid #3b5038;border-radius:6px;padding:4px 8px;white-space:nowrap}.pill.warn{color:var(--gold);background:#362e22;border-color:#514430}.charger p{font-size:13px;color:#b5c1b7}.note{margin-top:14px;padding:11px;background:#24311f;border-radius:10px;color:var(--lime);font-size:12px}.footnote{font-size:11px;color:var(--muted);line-height:1.65}.text-button{border:0;background:none;color:var(--lime);font-size:11px;padding:0}.mining-summary{display:flex;justify-content:space-between;gap:12px}.mining-summary strong{display:block;font-size:25px;font-weight:500;letter-spacing:-1px}.mining-summary .muted{display:block;font-size:10px;margin-top:4px}.view>.section-title{margin-top:8px}.segmented{background:#1c271e;border:1px solid var(--edge);border-radius:9px;display:flex;padding:3px}.segmented button{background:none;border:0;color:var(--muted);padding:5px 10px;border-radius:6px;font-size:11px}.segmented button.active{background:var(--lime);color:#1c2918}.chart-card canvas{width:100%;display:block;height:190px}.chart-card canvas#power-chart{height:165px}.axis-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;background:var(--lime);border-radius:50%}.timeline{position:relative;height:18px;background:repeating-linear-gradient(135deg,#29322c,#29322c 3px,#202922 3px,#202922 6px);border-radius:5px;margin:17px 0 9px;overflow:hidden}.timeline>i{position:absolute;top:0;bottom:0;background:var(--lime)}.timeline>i.off{background:var(--gold)}.timeline>i.uncertain{background:#686b50}.legend-row{display:flex;gap:15px;font-size:10px;color:var(--muted)}.legend-row span{display:flex;align-items:center;gap:5px}.legend-row i{width:7px;height:7px;border-radius:2px;background:#3c463d}.legend-row .on{background:var(--lime)}.legend-row .off{background:var(--gold)}.schedule-times{display:flex;gap:8px;flex-wrap:wrap}.schedule-time{font-size:12px;color:var(--gold);padding:7px 11px;background:#332e22;border-radius:8px}.schedule-time.uncertain{color:#c5c5ab}.schedule-header{display:flex;align-items:center;justify-content:space-between}.schedule-header .tiny{font-size:9px}.schedule-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.device-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.device-heading h2{font-size:18px}.gpu{border-top:1px solid var(--edge);padding:15px 0 3px}.gpu-top{display:flex;justify-content:space-between;font-size:13px}.gpu-hash{color:var(--lime);font-weight:600}.gpu-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.gpu-specs span{display:block;font-size:10px;color:var(--muted)}.gpu-specs strong{font-size:16px;font-weight:500}.temperature-track{height:3px;background:#2e3d30;border-radius:3px;margin-bottom:12px}.temperature-track i{display:block;background:var(--lime);height:100%;border-radius:3px}.device-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:13px}.profile-row{display:flex;justify-content:space-between;gap:8px;padding:15px 0;border-bottom:1px solid var(--edge);font-size:12px}.profile-row strong{font-weight:500}.profile-row small{font-size:9px;color:var(--muted)}.rule{display:flex;gap:15px;margin-top:22px}.rule>span{font-size:11px;color:var(--lime);padding-top:2px}.rule strong{font-size:13px;font-weight:500}.rule p{font-size:12px;color:var(--muted);margin-top:5px}.event{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--edge)}.event:last-child{border-bottom:0}.event-time{font-size:10px;color:var(--muted);min-width:80px}.event-label{font-size:12px}.empty{color:var(--muted);font-size:12px;padding:22px 0;text-align:center}.banner{padding:13px 16px;border:1px solid #634c31;background:#342a1c;border-radius:12px;color:var(--gold);font-size:12px;margin-bottom:16px}footer{display:flex;flex-direction:column;gap:4px;text-align:center;color:#778a7c;font-size:10px;margin:25px 0 0}nav{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;background:#151e19ed;backdrop-filter:blur(18px);border-top:1px solid var(--edge);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px calc(10px + env(safe-area-inset-bottom))}nav button{border:0;background:none;color:var(--muted);font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px}nav button span{font-size:21px;line-height:1.2}nav button.active{color:var(--lime)}.lock{margin-top:50px;padding:32px}.lock-icon{font-size:40px;color:var(--lime);margin-bottom:22px}.lock h1{font-size:38px}.lock p{color:var(--muted);margin-top:22px}.primary{display:inline-block;background:var(--lime);color:#192719;border-radius:10px;padding:12px 18px;margin-top:25px;text-decoration:none;font-weight:600}#connection{max-width:150px;text-align:center}@media(min-width:650px){.shell{padding-left:30px;padding-right:30px}.hero{padding:28px 32px}.soc-number{font-size:96px}.battery-ring{width:128px;height:128px}.metric strong{font-size:30px}.card{padding:24px}.metric .tiny{font-size:10px}}@media(max-width:355px){.shell{padding-left:12px;padding-right:12px}.soc-number{font-size:68px}.hero{padding:18px}.hero-top .tiny{font-size:7px}.metric strong{font-size:22px}.brand-sub{font-size:7px}#connection{font-size:9px;padding:6px}}
:root{--reserve-accent:#c4eb88}.reserve-control{margin-top:20px;padding-top:17px;border-top:1px solid #3a4935}.reserve-control-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:11px}.reserve-control-heading .tiny{font-size:9px}.reserve-control-heading [role=status]{font-size:10px;color:var(--reserve-accent)}.reserve-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reserve-options button{border:1px solid #44513d;border-radius:10px;background:#1a251c;color:#afbea7;min-height:44px;font-size:18px;font-weight:600;transition:background .2s,color .2s}.reserve-options button span{font-size:11px;font-weight:400;margin-left:2px}.reserve-options button.active{background:var(--reserve-accent);color:#20301a;border-color:var(--reserve-accent)}.reserve-options button:disabled{opacity:.55;cursor:wait}.reserve-help{font-size:10px;color:#a2b197;line-height:1.6;margin-top:10px}.reserve-error{font-size:11px;color:#f0bb9a;margin-top:9px}
nav{grid-template-columns:repeat(5,1fr);padding-left:5px;padding-right:5px}.research-guard{position:relative;overflow:hidden;background:linear-gradient(135deg,#202f27,#17231d);border-color:#385441}.research-guard strong{display:block;font-size:18px;margin-top:5px}.research-guard p{max-width:86%;color:var(--muted);font-size:12px}.research-lock{position:absolute;right:18px;top:18px;color:var(--lime);font-size:32px}.research-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.research-stats .card{margin:0;padding:14px}.research-stats .metric strong{font-size:25px;margin:8px 0 2px}.research-hypothesis{border-left:3px solid var(--lime)}.research-hypothesis-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.research-hypothesis h2{font-size:18px}.research-hypothesis p{line-height:1.55}.research-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.research-meta span{font-size:10px;color:#bdd0bf;background:#223028;border-radius:7px;padding:5px 8px}.research-section{margin-top:25px}.research-team{padding-top:7px;padding-bottom:7px}.research-role{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--edge)}.research-role:last-child{border-bottom:0}.research-role strong{display:block;font-size:12px;font-weight:600}.research-role small{display:block;color:var(--muted);font-size:9px;margin-top:4px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-status{flex-shrink:0;border-radius:20px;padding:4px 7px;font-size:9px;color:var(--muted);background:#253029}.research-status.leased{color:var(--lime);background:#293a28}.research-status.queued{color:var(--gold);background:#392f22}.research-status.failed,.research-status.blocked{color:var(--red);background:#3a2724}#research-events .event-label strong{font-weight:600}#research-events .event-label span{color:var(--muted)}@media(max-width:390px){.research-stats{gap:6px}.research-stats .card{padding:11px 9px}.research-stats .metric strong{font-size:21px}.research-role small{max-width:180px}nav button{font-size:9px}}
