:root{--bg: #f4f6f8;--bg-2: #ffffff;--panel: #ffffff;--panel-2: #f8fafc;--stroke: #e5e7eb;--text: #111827;--muted: #5b6472;--faint: #8892a0;--danger: #dc2626;--ok: #059669;--warn: #d97706;--accent: #e11d48;--accent-2: #fb7185;--accent-soft: #fff1f2;--ink: #0f172a;--chart-grid: #eef0f3;--shadow: 0 14px 36px rgba(15, 23, 42, .08);--radius: 8px;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg: #0b1020;--bg-2: #111827;--panel: #121a2b;--panel-2: #0f172a;--stroke: #263244;--text: #f8fafc;--muted: #aab4c3;--faint: #6b7788;--danger: #fb7185;--ok: #34d399;--warn: #fbbf24;--accent: #fb7185;--accent-2: #fda4af;--accent-soft: rgba(251, 113, 133, .14);--ink: #e2e8f0;--chart-grid: #263244;--shadow: 0 16px 42px rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:linear-gradient(180deg,rgba(225,29,72,.08),transparent 280px),linear-gradient(90deg,rgba(15,23,42,.035),transparent 42%),var(--bg)}a{color:inherit;text-decoration:none}#root,.app{min-height:100%}.container{width:min(1440px,100%);margin:0 auto;padding:20px clamp(14px,3vw,32px)}.grid{display:grid;gap:16px}.page{display:grid;gap:18px;animation:floatIn .36s ease both}.consolePage{gap:14px}.consoleHeader{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:18px 0 8px;border-bottom:1px solid var(--stroke)}.dashboardPage{gap:16px}.dashboardHero{align-items:center}.heroActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.dashboardTarget{min-height:196px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,var(--panel),var(--panel) 58%,var(--accent-soft)),var(--panel)}.dashboardTargetTitle{margin:0;font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:0}.scoreRing{width:148px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle at center,var(--panel) 0 56%,transparent 57%),conic-gradient(var(--accent) var(--score),var(--stroke) 0)}.scoreRing strong{font-size:34px;line-height:1}.scoreRing span{margin-top:-42px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.consoleTitle{margin:0;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:0;text-transform:uppercase}.consoleGrid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start}.denseMetrics{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(0,1fr))}.dashboardGrid .denseMetrics{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.heroBand{position:relative;min-height:220px;display:grid;align-items:end;padding:clamp(24px,4vw,44px);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;background:linear-gradient(90deg,#0f172adb,#0f172a2e),linear-gradient(135deg,rgba(225,29,72,.42),transparent 45%),var(--bg-2);box-shadow:var(--shadow)}.heroBand:after{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(90deg,var(--accent),var(--accent-2),rgba(255,255,255,.26))}.heroContent{position:relative;z-index:1;max-width:760px}.eyebrow{margin:0 0 8px;color:var(--accent-2);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pageTitle{margin:0;font-size:clamp(34px,6vw,78px);line-height:.92;letter-spacing:0;text-transform:uppercase}.pageLead{max-width:620px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;animation:floatIn .28s ease both}.chartPanel{min-height:310px}.tradesPanel{grid-column:1 / -1}.emptyState{min-height:240px;display:grid;place-items:center;padding:18px;border:1px dashed var(--stroke);border-radius:var(--radius);color:var(--muted);text-align:center}.subtleCard{background:var(--panel-2);border:1px solid var(--stroke);border-radius:var(--radius);padding:14px}.title{font-size:18px;font-weight:700;letter-spacing:0;margin:0 0 10px}.muted{color:var(--muted)}.faint{color:var(--faint)}.metricValue{font-size:clamp(22px,3vw,34px);font-weight:900;letter-spacing:0;line-height:1}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metricCard{min-height:96px;display:grid;align-content:space-between}.metricCard.ok .metricValue{color:var(--ok)}.metricCard.danger .metricValue{color:var(--danger)}.chartBox{height:250px;min-width:0}.panelHeader{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stroke);border-radius:var(--radius);padding:10px 14px;background:#fff;color:var(--text);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}[data-theme=dark] .btn{background:var(--panel-2)}[data-theme=dark] .navLink{background:transparent}[data-theme=dark] .navLink.active{background:var(--accent-soft);color:var(--accent-2)}[data-theme=dark] .btnAccent{background:var(--accent);color:#0b1020}.btn:hover{background:var(--panel-2);border-color:#cbd5e1;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btnAccent{border-color:var(--accent);background:var(--accent);color:#fff}.btnAccent:hover{background:#be123c;border-color:#be123c}.themeButton{display:inline-flex;align-items:center;gap:8px}.themeButton [aria-hidden=true]{width:18px;height:18px;display:inline-grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:900}.input{width:100%;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);padding:10px 12px;color:var(--text);outline:none}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background:var(--panel-2)}.input:focus{border-color:#e11d48a6;box-shadow:0 0 0 4px #e11d481f}.select,.textarea{width:100%;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);padding:10px 12px;color:var(--text);outline:none}.textarea{min-height:180px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.5}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.field{display:grid;gap:6px;min-width:180px}.tableWrap{overflow-x:auto}.dataTable{width:100%;border-collapse:collapse;min-width:760px}.dataTable th,.dataTable td{padding:11px 10px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:top}.dataTable th{color:var(--muted);font-weight:700;border-bottom-color:var(--stroke)}.clickableHeader{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.statusPill{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid var(--stroke);border-radius:var(--radius);color:var(--text);background:var(--panel-2);font-weight:700;font-size:12px}.jsonBlock{margin:10px 0 0;padding:12px;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--panel-2);overflow-x:auto;font-size:12px}.loginPage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px)}.loginVisual{display:grid;align-items:end;padding:clamp(28px,6vw,72px);background:linear-gradient(90deg,#0f172ac2,#0f172a2e),url(/assets/hero-CLDdwZDr.png) center/cover,var(--bg-2)}.loginPanel{display:grid;align-items:center;padding:clamp(20px,4vw,44px);background:#fff;border-left:1px solid var(--stroke)}.topNav{position:sticky;top:0;z-index:10;background:#ffffffe0;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-theme=dark] .topNav{background:#0f172ae6}.topNavInner{display:flex;align-items:center;justify-content:space-between;gap:14px}.brandMark{display:flex;align-items:center;gap:10px;white-space:nowrap}.brandDot{width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft);animation:pulseLine 1.8s ease-in-out infinite}.navLinks{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.navLink{border-color:transparent;background:transparent}.navLink.active{border-color:var(--accent);background:var(--accent-soft);color:#9f1239}.flatHero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:clamp(22px,4vw,38px);border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff,#ffffff 58%,var(--accent-soft)),var(--panel);box-shadow:var(--shadow)}[data-theme=dark] .flatHero{background:linear-gradient(135deg,var(--panel),var(--panel) 58%,var(--accent-soft)),var(--panel)}.flatCard{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;animation:floatIn .32s ease both}.portalGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.glossaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.termCard{min-height:190px}.termTopline{display:flex;justify-content:flex-end;margin-bottom:16px}.searchField{width:min(420px,100%)}.stackList{display:grid;gap:10px}.listRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel-2)}.settingsLayout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel-2)}.segment{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:6px;padding:10px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.segment.active{background:#fff;color:var(--accent);box-shadow:0 6px 16px #0f172a14}.sectionTitle{margin-top:24px}.settingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lightTextarea{min-height:360px}.wideButton{width:100%;margin-top:12px}.readinessLayout{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(320px,.9fr);gap:16px;align-items:start}.readinessScore{width:150px}.readinessMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.readinessNotes{color:var(--muted)}.readinessNotes ul{margin:8px 0 16px;padding-left:18px}.readinessNotes li{margin:6px 0}.latencyGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);align-items:stretch;gap:16px}.latencyStageRow{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;padding:10px;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel)}.pieBox{height:300px;min-width:0;overflow:visible}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseLine{0%,to{box-shadow:0 0 0 5px #e11d481f}50%{box-shadow:0 0 0 9px #e11d480f}}@media(max-width:920px){.consoleHeader{align-items:start;flex-direction:column}.consoleGrid,.dashboardGrid{grid-template-columns:1fr}.denseMetrics,.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.loginPage{grid-template-columns:1fr}.loginVisual{min-height:260px}.loginPanel{border-left:0;border-top:1px solid var(--stroke)}.topNavInner,.flatHero{align-items:start;flex-direction:column}.navLinks{justify-content:flex-start}.portalGrid,.settingsLayout,.latencyGrid,.readinessLayout{grid-template-columns:1fr}.glossaryGrid,.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.metricGrid{grid-template-columns:1fr}.container{padding-inline:12px}.heroBand{min-height:200px}.glossaryGrid,.settingsGrid,.segmented{grid-template-columns:1fr}.dashboardTarget{align-items:start;flex-direction:column}}.calc-grid{grid-template-columns:1fr;gap:16px}.calc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}@media(max-width:900px){.calc-row{grid-template-columns:1fr}}.calc-step1-grid{display:grid;gap:16px}.calc-field{display:grid;gap:8px}.calc-label{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.calc-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--bg-2);border:1px solid var(--stroke);border-radius:6px;padding:10px 14px;height:44px;color:var(--text);font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;box-sizing:border-box}.calc-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.calc-input.error{border-color:var(--danger)}.calc-input-row{display:flex;gap:8px;align-items:flex-end}.calc-input-row .calc-input{flex:1}.calc-error-text{font-size:12px;color:var(--danger);margin-top:4px}.calc-help-text{font-size:12px;color:var(--faint);margin:4px 0 0}.calc-deposit-row{display:flex;gap:8px;align-items:stretch}.calc-deposit-input-wrap{position:relative;flex:1}.calc-deposit-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none}.calc-deposit-input{padding-left:26px}.calc-deposit-cta{white-space:nowrap;height:44px}.calc-segment-group{display:flex;flex-wrap:wrap;gap:6px}.calc-btn-segment{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stroke);border-radius:999px;background:var(--bg-2);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 14px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.calc-btn-segment.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.calc-btn-segment:hover:not(.active){background:var(--panel-2);color:var(--text)}.calc-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:640px){.calc-metrics-grid{grid-template-columns:1fr}}.calc-metric-item{display:grid;gap:6px}.calc-metric-label{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.calc-metric-value{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.05;color:var(--text)}.calc-metric-value-sm{font-size:18px}.calc-metric-highlight{color:var(--accent)}.calc-metric-sub{font-size:12px;color:var(--faint)}.calc-tooltip-wrap{position:relative;display:inline-block}.calc-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--panel-2);border:1px solid var(--stroke);color:var(--muted);font-size:10px;font-weight:700;cursor:help;-webkit-user-select:none;user-select:none;flex-shrink:0}.calc-tooltip-bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-size:12px;line-height:1.4;padding:8px 12px;width:max-content;max-width:280px;white-space:normal;pointer-events:none;z-index:20;border-radius:6px;box-shadow:var(--shadow)}.calc-positive{color:var(--ok)}.calc-negative{color:var(--danger)}.calc-warnings-list{display:grid;gap:10px}.calc-warning-card{background:var(--accent-soft);border:1px solid #fda4af;border-radius:6px;padding:14px 16px;display:grid;gap:8px}.calc-warning-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.calc-warning-title{font-size:14px;font-weight:700;color:var(--ink)}.calc-warning-count{margin-left:8px;font-size:11px;font-weight:600;color:var(--muted);background:#0f172a0d;padding:2px 8px;border-radius:999px}.calc-warning-toggle{flex-shrink:0;font-size:12px;padding:4px 10px;height:auto}.calc-warning-text{font-size:13px;color:var(--muted)}.calc-warning-details{margin:4px 0 0;padding-left:18px;font-size:12px;color:var(--muted);display:grid;gap:4px}.calc-accordion-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text);font-size:16px;font-weight:700;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:space-between;width:100%}.calc-accordion-toggle:hover{color:var(--accent)}.calc-accordion-arrow{display:inline-block;transition:transform .2s ease;font-size:12px;color:var(--muted)}.calc-accordion-arrow.open{transform:rotate(180deg)}.calc-onchain-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.calc-onchain-link:hover{text-decoration:underline}.calc-onchain-mismatch{font-size:12px;color:var(--muted);font-style:italic}.calc-scaling-badge{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.calc-scaling-k{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1;letter-spacing:-1px;color:var(--accent)}.calc-scaling-desc{font-size:14px;color:var(--muted)}.calc-spinner-wrap{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.calc-spinner{width:20px;height:20px;border:2px solid var(--stroke);border-top-color:var(--accent);border-radius:50%;animation:calcSpin .7s linear infinite;flex-shrink:0}@keyframes calcSpin{to{transform:rotate(360deg)}}.calc-error-card{background:var(--accent-soft);border-color:var(--accent);display:grid;gap:12px}.calc-error-title{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.5px;text-transform:uppercase}.calc-error-body{font-size:14px;color:var(--muted)}.calc-banner{display:flex;align-items:center;gap:10px;background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-size:13px}.calc-parity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:640px){.calc-parity-grid{grid-template-columns:1fr}}.calc-parity-col{display:grid;gap:8px}.calc-parity-months{font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1;color:var(--text)}.calc-parity-status{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.calc-explain-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.3px;cursor:pointer;padding:8px 0 0;text-align:left}.calc-explain-toggle:hover{text-decoration:underline}.calc-explain-body{font-size:13px;color:var(--muted);line-height:1.5;padding-top:8px}.calc-apply-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 12px;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.calc-apply-btn:hover{background:var(--accent);color:#fff}.calc-tier-badge{display:inline-flex;align-items:center;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:4px 12px;align-self:flex-start}.calc-tier-badge.cold{background:#4c98b91f;color:#2563eb}.calc-tier-badge.warm{background:#d977061f;color:#b45309}.calc-tier-badge.hot{background:#dc26261f;color:#b91c1c}.calc-histogram-wrap{min-height:240px}
