@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-black:#000;--bg-white:#fff;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", -system-ui, sans-serif;--font-mono:"JetBrains Mono", -apple-system, monospace}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#fff;width:100%;height:100%;min-height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background-color:#000;overflow:hidden}#root{background-color:#000;justify-content:center;align-items:stretch;width:100%;height:100%;display:flex}.pwaShell{background-color:#000;flex-direction:column;width:100%;max-width:430px;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.topWorkspace{padding-top:max(env(safe-area-inset-top,46px), 46px);color:#fff;background-color:#000;flex-direction:column;flex:auto;gap:12px;padding-bottom:12px;padding-left:20px;padding-right:20px;display:flex;overflow-y:auto}.topHeader{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.brandGroup{align-items:center;gap:8px;display:flex}.brandDate{letter-spacing:-.04em;color:#fff;font-size:26px;font-weight:900;line-height:1}.statusDot{background-color:#ff3b30;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.brandMeta{border-left:1px solid #ffffff26;flex-direction:column;gap:2px;padding-left:8px;display:flex}.brandName{letter-spacing:.05em;color:#fff;text-transform:uppercase;font-size:11px;font-weight:800}.blockTag{font-size:9px;font-family:var(--font-mono);color:#a1a1aa}.topControls{align-items:center;gap:6px;display:flex}.iconButton{color:#a1a1aa;cursor:pointer;background:#141416;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.iconButton:hover{color:#fff;background:#1c1c20}.iconButtonActive{color:#f87171;background:#450a0a;border-color:#ef4444}.rhPill{font-size:10px;font-family:var(--font-mono);color:#fff;cursor:pointer;background:#141416;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:5px;padding:5px 10px;font-weight:700;transition:all .15s;display:inline-flex}.rhPill:hover{background:#1c1c20;border-color:#ffffff40}.rhPillConnected{color:#000;background:#fff;border-color:#fff;box-shadow:0 2px 8px #ffffff26}.tokenTitleRow{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.tokenSymbolGroup{align-items:center;gap:8px;display:flex}.tokenSymbol{letter-spacing:-.03em;color:#fff;font-size:26px;font-weight:900}.chainBadge{font-size:9px;font-family:var(--font-mono);color:#a1a1aa;background:#161619;border:1px solid #ffffff1a;border-radius:9999px;padding:3px 8px}.tokenSubname{color:#a1a1aa;margin-top:2px;font-size:11px}.tokenPriceGroup{text-align:right}.tokenPrice{font-size:22px;font-weight:800;font-family:var(--font-mono);color:#fff;letter-spacing:-.02em}.tokenChange{font-size:11px;font-family:var(--font-mono);color:#00c805;align-items:center;gap:2px;font-weight:600;display:inline-flex}.tokenChangeNegative{color:#ef4444}.metricGrid{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.metricTile{text-align:center;background:#0e0e11;border:1px solid #ffffff14;border-radius:12px;padding:8px 6px}.metricLabel{font-size:8px;font-family:var(--font-mono);text-transform:uppercase;color:#71717a;margin-bottom:2px;display:block}.metricValue{font-size:12px;font-weight:700;font-family:var(--font-mono);color:#fff;justify-content:center;align-items:center;gap:3px;display:flex}.chartCard{background:#0a0a0c;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.chartHeader{font-size:10px;font-family:var(--font-mono);color:#a1a1aa;justify-content:space-between;align-items:center;display:flex}.flowRatioTag{color:#fff;font-weight:600}.chartSvgWrapper{width:100%;height:60px;position:relative}.synthesisCard{background:#0a0a0c;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.synthesisHeader{font-size:10px;font-family:var(--font-mono);color:#fff;justify-content:space-between;align-items:center;font-weight:700;display:flex}.synthesisText{color:#e4e4e7;font-size:13px;font-weight:400;line-height:1.4}.targetsRow{font-size:10px;font-family:var(--font-mono);color:#a1a1aa;justify-content:space-between;align-items:center;padding-top:2px;display:flex}.targetValue{color:#fff;font-weight:700}.actionButtons{gap:8px;width:100%;padding-top:4px;display:flex}.btnPrimary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s;display:flex;box-shadow:0 2px 8px #fff3}.btnPrimary:active{transform:scale(.98)}.btnSecondary{color:#fff;cursor:pointer;background:#141416;border:1px solid #ffffff26;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:flex}.btnSecondary:active{transform:scale(.98)}.bottomSheet{color:#000;padding:12px 18px max(18px, env(safe-area-inset-bottom,18px)) 18px;background-color:#fff;border-top-left-radius:36px;border-top-right-radius:36px;flex-direction:column;flex:none;gap:10px;display:flex;box-shadow:0 -12px 48px #000000f2}.dragHandle{background-color:#e4e4e7;border-radius:9999px;width:38px;height:4px;margin:0 auto}.sectionHeaderRow{justify-content:space-between;align-items:center;width:100%;display:flex}.sectionTitle{letter-spacing:.08em;text-transform:uppercase;color:#71717a;font-size:10px;font-weight:800;font-family:var(--font-mono)}.sectionActiveBadge{color:#000;font-size:10px;font-weight:700;font-family:var(--font-mono)}.agentScrollRow{align-items:center;gap:6px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.agentPill{white-space:nowrap;cursor:pointer;color:#18181b;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.agentPill:hover{background:#e4e4e7}.agentPillActive{color:#fff;background:#000;border-color:#000;box-shadow:0 2px 10px #0003}.agentPillActive:hover{background:#000}.quickActionsRow{align-items:center;gap:6px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.actionChip{font-size:11px;font-family:var(--font-mono);color:#27272a;white-space:nowrap;cursor:pointer;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:9999px;flex-shrink:0;padding:5px 12px;font-weight:600;transition:all .15s}.actionChip:hover{color:#000;background:#e4e4e7}.taskCardsList{flex-direction:column;gap:6px;width:100%;display:flex}.taskCard{cursor:pointer;text-align:left;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;transition:all .15s;display:flex}.taskCard:hover{background:#e4e4e7}.taskCardLeft{align-items:center;gap:10px;display:flex}.taskCardIcon{color:#000;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 1px 4px #0000000d}.taskCardTitle{color:#000;font-size:12px;font-weight:700;line-height:1.2}.taskCardDesc{color:#71717a;font-size:10px;line-height:1.2}.composerBox{background:#f4f4f5;border:1px solid #e4e4e7;border-radius:20px;align-items:center;gap:8px;padding:5px 6px 5px 12px;transition:border-color .15s,background .15s;display:flex}.composerBox:focus-within{background:#fff;border-color:#000;box-shadow:0 2px 10px #0000000f}.composerClip{color:#71717a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.composerClip:hover{color:#000}.composerInput{color:#000;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.composerInput::placeholder{color:#a1a1aa}.composerSendBtn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s,transform .15s;display:flex}.composerSendBtn:disabled{color:#a1a1aa;cursor:not-allowed;background:#e4e4e7}.composerSendBtn:not(:disabled):hover{opacity:.9}.composerSendBtn:not(:disabled):active{transform:scale(.95)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
