:root{--bg:#050604;--bg-2:#0a0d0b;--panel:#0f1411;--panel-2:#141a16;--line:#ffffff29;--line-soft:#ffffff14;--text:#f4f7f2;--muted:#f4f7f2ad;--faint:#f4f7f275;--green:#cdff00;--blue:#6eb7ff;--red:#ff6e6e;--font:"Basier Square", "Basier Circle", "Inter", "Helvetica Neue", Arial, sans-serif;--mono:"SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace}*{box-sizing:border-box}html{background:var(--bg);overflow-x:hidden}body{min-width:320px;color:var(--text);background:linear-gradient(180deg, #0d130fa3 0%, #05060400 36rem), var(--bg);font-family:var(--font);font-feature-settings:"kern" 1, "liga" 1;margin:0;line-height:1.45;overflow-x:hidden}body::selection,body ::selection{color:#020301;background:var(--green)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-header{z-index:10;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050604b8;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px clamp(18px,3vw,42px);display:grid;position:fixed;top:0;left:0;right:0}.brand{width:fit-content;color:var(--green);align-items:center;gap:12px;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 18px #cdff0057);width:24px;height:24px;display:block}.brand-text{white-space:nowrap;font-size:17px;line-height:1}.brand-text span{font-weight:300}.brand-text strong{font-weight:700}.brand-text em{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-left:8px;font-size:11px;font-style:normal;font-weight:600}.app-nav{justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.app-nav a{min-height:32px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;align-items:center;padding:0 14px;font-weight:600;transition:color .18s,border-color .18s;display:inline-flex}.app-nav a:hover{color:var(--green)}.app-nav a.is-active{color:var(--green);border-color:#cdff007a;box-shadow:0 0 22px #cdff001a}.header-status{color:var(--faint);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-self:end;align-items:center;gap:18px;font-size:11px;display:flex}.live-dot{color:var(--green);align-items:center;gap:8px;font-weight:700;display:inline-flex}.live-dot:before{content:"";background:var(--green);width:8px;height:8px;animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 16px #cdff0080}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.app-main{padding:calc(61px + clamp(28px,4vw,52px)) clamp(18px,3vw,42px) clamp(48px,6vw,90px)}.kicker{color:var(--green);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 20px;font-size:11px;font-weight:600;display:flex}.kicker span{background:var(--green);width:9px;height:9px;box-shadow:0 0 18px #cdff0073}.page-title{letter-spacing:0;margin-bottom:8px;font-size:clamp(32px,4.4vw,48px);font-weight:430;line-height:1.04}.page-sub{max-width:620px;color:var(--muted);margin-bottom:clamp(32px,4vw,52px);font-size:16px;line-height:1.45}.panel{border:1px solid var(--line-soft);background:linear-gradient(140deg, #ffffff09, #fff0), var(--panel);padding:clamp(22px,3vw,34px)}.panel-label{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:650}.panel h3{margin-bottom:14px;font-size:24px;font-weight:460;line-height:1.06}.panel-accent{background:linear-gradient(135deg, #cdff0017, #0506041a 48%), var(--panel-2)}.mono{font-family:var(--mono)}.stat-strip{border:1px solid var(--line-soft);background:#060806;grid-template-columns:repeat(4,1fr);margin-bottom:clamp(28px,4vw,44px);display:grid}.stat-cell{border-right:1px solid var(--line-soft);flex-direction:column;justify-content:center;gap:8px;min-height:118px;padding:18px clamp(18px,2.4vw,32px);display:flex}.stat-cell:last-child{border-right:0}.stat-cell dt{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:650}.stat-cell dd{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:440;line-height:1}.stat-cell .delta{color:var(--green);font-family:var(--mono);letter-spacing:.06em;font-size:11px}.stat-cell .delta.down{color:var(--red)}.grid-2{border:1px solid var(--line-soft);background:var(--line-soft);grid-template-columns:1.4fr 1fr;gap:1px;margin-bottom:clamp(28px,4vw,44px);display:grid}.grid-2>*{border:0}.grid-3{border:1px solid var(--line-soft);background:var(--line-soft);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.grid-3>*{border:0}.data-table{border:1px solid var(--line-soft);border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid var(--line);color:var(--faint);letter-spacing:.12em;text-align:left;text-transform:uppercase;background:#060806;padding:16px 20px;font-size:11px;font-weight:650}.data-table td{border-bottom:1px solid var(--line-soft);background:var(--panel);color:var(--muted);font-variant-numeric:tabular-nums;padding:18px 20px;font-size:14px}.data-table tr:hover td{background:var(--panel-2)}.data-table td:first-child{color:var(--text);font-family:var(--mono);letter-spacing:.06em;font-size:13px}.status-pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.status-pill:before{content:"";width:7px;height:7px}.status-pill.online{color:var(--green)}.status-pill.online:before{background:var(--green);box-shadow:0 0 12px #cdff0080}.status-pill.syncing{color:var(--blue)}.status-pill.syncing:before{background:var(--blue);box-shadow:0 0 12px #6eb7ff80}.status-pill.offline{color:var(--faint)}.status-pill.offline:before{background:var(--faint)}.status-pill.provisioning{color:var(--blue)}.status-pill.provisioning:before{background:var(--blue);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 12px #6eb7ff80}.meter{gap:8px;display:grid}.meter-row{grid-template-columns:96px 1fr 52px;align-items:center;gap:14px;display:grid}.meter-row label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:650}.meter-track{background:#ffffff0f;height:9px;position:relative}.meter-fill{background:var(--green);transition:width .6s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #cdff004d}.meter-fill.blue{background:var(--blue);box-shadow:0 0 14px #6eb7ff4d}.meter-row output{color:var(--muted);font-family:var(--mono);text-align:right;font-size:11px}.event-feed{border-top:1px solid var(--line);display:grid}.event-row{border-bottom:1px solid var(--line-soft);grid-template-columns:84px 110px 1fr;align-items:baseline;gap:18px;padding:13px 0;font-size:13px;display:grid}.event-row time{color:var(--faint);font-family:var(--mono);font-size:11px}.event-row .event-tag{color:var(--green);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.event-row .event-tag.blue{color:var(--blue)}.event-row .event-tag.faint{color:var(--faint)}.event-row p{color:var(--muted);margin:0}.hud-frame{background:radial-gradient(circle at 66% 28%, #cdff0021, #cdff0000 30%), linear-gradient(135deg, #cdff0017, #0506041a 48%), var(--panel-2);min-height:320px;position:relative;overflow:hidden}.hud-frame:after{content:"";z-index:3;pointer-events:none;opacity:.19;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff1a 0 1px,#0000 1px 5px);position:absolute;inset:0}.hud-meta{z-index:4;color:#f4f7f285;font-family:var(--mono);letter-spacing:.12em;text-align:right;gap:8px;font-size:10px;display:grid;position:absolute;top:24px;right:24px}.hud-meta span:first-child{color:var(--green);font-size:13px;font-weight:700}.hud-bar{z-index:4;background:var(--green);width:74px;height:9px;position:absolute;top:24px;left:24px;box-shadow:0 0 26px #cdff0061}.chart-canvas{width:100%;height:220px;display:block}.section-rule{align-items:center;gap:16px;margin:clamp(36px,5vw,60px) 0 clamp(22px,3vw,34px);display:flex}.section-rule:after{content:"";background:var(--line-soft);flex:1;height:1px}.section-rule h2{margin:0;font-size:22px;font-weight:440}.section-rule .num{color:var(--green);font-family:var(--mono);letter-spacing:.12em;font-size:11px;font-weight:700}.btn-primary{color:#050604;background:var(--green);cursor:pointer;min-height:40px;font-size:13px;font-weight:600;font-family:var(--font);border:1px solid #cdff009e;align-items:center;padding:0 18px;display:inline-flex;box-shadow:0 0 32px #cdff0033}.btn-ghost{border:1px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;align-items:center;padding:0 16px;transition:color .18s,border-color .18s;display:inline-flex}.btn-ghost:hover{color:var(--green);border-color:#cdff007a}.btn-primary:disabled,.btn-ghost:disabled,.btn-mini:disabled{opacity:.45;cursor:default}.btn-mini{border:1px solid var(--line);min-height:28px;color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;padding:0 10px;font-size:10px;font-weight:700;transition:color .18s,border-color .18s;display:inline-flex}.btn-mini:hover,.btn-mini.green{color:var(--green);border-color:#cdff007a}.field{border:1px solid var(--line);min-height:40px;color:var(--text);background:var(--panel);font-family:var(--font);padding:0 12px;font-size:13px}.field:focus{border-color:#cdff007a;outline:none}.field option{background:var(--panel)}input[type=range]{accent-color:var(--green);background:0 0;flex:1}.wallet-wrap{position:relative}.wallet-btn{min-height:30px;color:var(--green);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #cdff007a;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;transition:border-color .18s,color .18s;display:inline-flex;box-shadow:0 0 22px #cdff001f}.wallet-btn.wrong-chain{color:var(--red);border-color:#ff6e6e80;box-shadow:0 0 22px #ff6e6e1a}.wallet-dot{background:currentColor;width:7px;height:7px;animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 12px}.wallet-menu{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-transform:none;letter-spacing:normal;background:#0a0d0bf7;width:280px;padding:18px;animation:.18s toastIn;position:absolute;top:calc(100% + 12px);right:0}.wallet-row{border:1px solid var(--line-soft);background:var(--panel);width:100%;min-height:40px;color:var(--text);font-family:var(--font);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .18s;display:flex}.wallet-row:hover{border-color:#cdff0066}.wallet-info{border:1px solid var(--line-soft);gap:0;display:grid}.wallet-info>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.wallet-info>div:last-child{border-bottom:0}.wallet-info span{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:650}.wallet-info strong{font-size:13px;font-weight:600}.overview-hero{border:1px solid var(--line-soft);background:linear-gradient(90deg,#020301eb 0%,#02030199 40%,#02030133 70%,#02030180 100%),#020301 url(/hydrax-hero.png) 62%/cover no-repeat;align-items:flex-end;min-height:300px;margin-bottom:clamp(28px,4vw,44px);display:flex;position:relative;overflow:hidden}.overview-hero-content{z-index:1;max-width:720px;padding:clamp(24px,3.5vw,44px);position:relative}.overview-hero .page-title{margin-bottom:12px}.toast-stack{z-index:60;gap:8px;max-width:min(420px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);background:#0a0d0bf0;align-items:baseline;gap:12px;padding:12px 16px;font-size:13px;animation:.22s toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-tag{font-family:var(--mono);letter-spacing:.12em;white-space:nowrap;font-size:10px;font-weight:700}.toast-green{border-left:2px solid var(--green)}.toast-green .toast-tag{color:var(--green)}.toast-blue{border-left:2px solid var(--blue)}.toast-blue .toast-tag{color:var(--blue)}.toast-red{border-left:2px solid var(--red)}.toast-red .toast-tag{color:var(--red)}.drawer-scrim{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02030199;position:fixed;inset:0}.drawer{z-index:50;border-left:1px solid var(--line);background:linear-gradient(140deg, #ffffff08, #fff0), var(--bg-2);width:min(460px,100vw);animation:.24s drawerIn;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes drawerIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.drawer-head{border-bottom:1px solid var(--line-soft);background:#05060480;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.drawer-body{padding:24px}.drawer-stats{border:1px solid var(--line-soft);grid-template-columns:repeat(2,1fr);display:grid}.drawer-stats>div{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);gap:6px;padding:14px 16px;display:grid}.drawer-stats>div:nth-child(2n){border-right:0}.drawer-stats>div:nth-last-child(-n+2){border-bottom:0}.drawer-stats span{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:650}.drawer-stats strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:440}.spark{border:1px solid var(--line-soft);background:#060806;align-items:flex-end;gap:3px;height:64px;padding:8px;display:flex}.spark div{flex:1}.drawer-actions{flex-wrap:wrap;gap:10px;display:flex}.drawer-actions .btn-ghost{min-height:34px;font-size:12px}.drawer-config{gap:16px;display:grid}.config-row{grid-template-columns:92px 1fr;align-items:center;gap:14px;display:grid}.config-row>label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:650}.alert-row{border:1px solid var(--line-soft);background:var(--panel);border-bottom:0;grid-template-columns:10px 1fr auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.alert-row:last-child{border-bottom:1px solid var(--line-soft)}.alert-row .alert-dot{width:8px;height:8px}.alert-row.warn .alert-dot{background:var(--red);box-shadow:0 0 12px #ff6e6e66}.alert-row.info .alert-dot{background:var(--blue);box-shadow:0 0 12px #6eb7ff66}.alert-row strong{font-size:14px;font-weight:600;display:block}.alert-row p{color:var(--faint);margin:3px 0 0;font-size:12.5px}.alert-row .alert-actions{gap:8px;display:flex}.data-table tbody tr.clickable{cursor:pointer}.map-pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite mapPulse}@keyframes mapPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.12;transform:scale(1.5)}}.map-arc{animation:3s linear infinite arcDash}@keyframes arcDash{to{stroke-dashoffset:-16px}}@media (max-width:900px){.app-header{grid-template-columns:1fr auto}.header-status>span{display:none}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-cell:nth-child(2n){border-right:0}.stat-cell{border-bottom:1px solid var(--line-soft)}.grid-2,.grid-3{grid-template-columns:1fr}.data-table th:nth-child(n+5),.data-table td:nth-child(n+5){display:none}}@media (max-width:560px){.app-nav{gap:0}.app-nav a{padding:0 9px;font-size:11px}.brand-text em{display:none}.event-row{grid-template-columns:64px 1fr}.event-row .event-tag{display:none}}