:root{--accent: #4f46e5;--accent-2: #a78bfa;--accent-hover: #4338ca;--bg: #f7f7fa;--bg-elevated: #ffffff;--fg: #16161d;--fg-2: #6b7080;--fg-3: #9ca1b0;--border: #e8e9ef;--border-strong: #d9dbe4;--surface: #f1f2f6;--danger: #dc2626;--danger-bg: #fef2f2;--ok: #059669;--ok-bg: #ecfdf5;--warn: #b45309;--warn-bg: #fffbeb;--radius-lg: 22px;--radius: 14px;--radius-sm: 10px;--shadow-card: 0 1px 2px rgba(18, 18, 32, .04), 0 8px 24px -12px rgba(18, 18, 32, .1);--shadow-pop: 0 24px 80px -16px rgba(18, 18, 32, .28), 0 6px 24px -10px rgba(18, 18, 32, .16);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #131317;--bg-elevated: #1c1c22;--fg: #f2f2f5;--fg-2: #a2a6b3;--fg-3: #6f7480;--border: #2b2c34;--border-strong: #383944;--surface: #24252c;--danger-bg: rgba(220, 38, 38, .12);--ok-bg: rgba(5, 150, 105, .12);--warn-bg: rgba(180, 83, 9, .14);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .4);--shadow-pop: 0 24px 80px -16px rgba(0, 0, 0, .7)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit}.landing{min-height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;inset:-40% -20% auto;height:90%;background:radial-gradient(42% 55% at 28% 38%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),radial-gradient(38% 50% at 72% 30%,color-mix(in srgb,var(--accent-2) 30%,transparent),transparent 70%);filter:blur(20px);pointer-events:none}.landing-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,48px)}.landing-hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px 80px}.landing-hero h1{margin:22px 0 0;font-size:clamp(38px,6vw,62px);font-weight:750;letter-spacing:-.035em;line-height:1.04}.landing-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero p{margin:18px 0 0;max-width:460px;color:var(--fg-2);font-size:16.5px;line-height:1.6}.landing-cta{margin-top:34px;display:flex;gap:12px;align-items:center}.landing-badges{margin-top:46px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17px}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);font-size:14.5px;font-weight:550;letter-spacing:-.01em;cursor:pointer;text-decoration:none;transition:background .12s ease,transform 60ms ease,border-color .12s}.btn:hover{background:var(--surface)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 6px 20px -8px color-mix(in srgb,var(--accent) 60%,transparent)}.btn.primary:hover{background:var(--accent-hover)}.btn.subtle{border-color:transparent;color:var(--fg-2)}.btn.subtle:hover{color:var(--fg);background:var(--surface)}.btn.small{height:34px;padding:0 13px;font-size:13px;border-radius:10px}.btn.danger{color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:12.5px;font-weight:550;color:var(--fg-2)}.dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.01em}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:40}.topbar-right{display:flex;align-items:center;gap:10px}.main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:30px clamp(16px,4vw,40px) 90px}.portfolio-head{display:flex;align-items:flex-end;justify-content:space-between;margin:12px 0 24px;flex-wrap:wrap;gap:14px}.portfolio-value h2{margin:0;font-size:13px;font-weight:550;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.portfolio-value .amount{font-size:clamp(34px,5vw,44px);font-weight:720;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}.wallet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.wallet-card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.wallet-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-pop)}.wallet-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.wallet-name{font-weight:650;font-size:16px;letter-spacing:-.015em;display:flex;align-items:center;gap:8px}.chain-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2);background:var(--surface);padding:4px 9px;border-radius:999px}.chain-pill.solana{color:#14b8a6;background:color-mix(in srgb,#14b8a6 12%,transparent)}.chain-pill.base,.chain-pill.ethereum{color:#3b82f6;background:color-mix(in srgb,#3b82f6 12%,transparent)}.wallet-address{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;color:var(--fg-2);background:var(--surface);border:none;border-radius:9px;padding:7px 11px;cursor:pointer;width:fit-content;transition:background .12s ease,color .12s ease}.wallet-address:hover{color:var(--fg)}.wallet-balance{font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.wallet-balance small{font-size:13px;color:var(--fg-2);font-weight:500;margin-left:8px}.wallet-usd{color:var(--fg-2);font-size:13.5px;font-weight:550;margin-top:2px}.wallet-actions{display:flex;gap:8px;margin-top:2px}.wallet-actions .btn{flex:1}.create-card{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);min-height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--fg-2);background:transparent;cursor:pointer;font-size:14.5px;font-weight:550;transition:border-color .14s ease,color .14s ease,background .14s ease}.create-card:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,transparent)}.create-card .plus{width:38px;height:38px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400}.portfolio-note{margin-top:6px;font-size:12.5px;color:var(--fg-3)}.asset-list{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.asset-row{display:flex;align-items:center;gap:14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-card);transition:border-color .14s ease}.asset-row:hover{border-color:var(--border-strong)}.asset-icon{width:40px;height:40px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:750;letter-spacing:.02em;background:var(--surface);color:var(--fg-2)}.asset-icon.sol{color:#0ea5a3;background:color-mix(in srgb,#14b8a6 14%,transparent)}.asset-icon.eth,.asset-icon.pol{color:#3b82f6;background:color-mix(in srgb,#3b82f6 14%,transparent)}.asset-icon.usdc,.asset-icon.usdt{color:#2563eb;background:color-mix(in srgb,#2563eb 12%,transparent)}.asset-main{flex:1;min-width:0}.asset-symbol{font-weight:650;font-size:15px;letter-spacing:-.01em}.asset-positions{font-size:12px;color:var(--fg-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-value{text-align:right;margin-right:4px}.asset-amount{font-weight:650;font-size:15px;font-variant-numeric:tabular-nums}.asset-usd{font-size:12.5px;color:var(--fg-2);font-variant-numeric:tabular-nums}.asset-empty{border:1.5px dashed var(--border-strong);border-radius:16px;padding:26px;text-align:center;color:var(--fg-2)}.asset-empty p{margin:0 0 4px;font-weight:600}.asset-empty .sub{font-weight:400;font-size:13.5px;color:var(--fg-3)}.accounts-head{margin:8px 0 16px}.accounts-head h3{margin:0 0 2px;font-size:15px;font-weight:680;letter-spacing:-.01em}.accounts-head .sub{margin:0;color:var(--fg-3);font-size:13px}.dialog-overlay{position:fixed;inset:0;z-index:100;background:#0c0c1470;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-in .15s ease-out}.dialog{width:100%;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:26px 24px 22px;animation:pop-in .19s cubic-bezier(.21,1.02,.55,1)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.965) translateY(8px)}}.dialog h3{margin:0 0 4px;font-size:18px;font-weight:680;letter-spacing:-.02em}.dialog .sub{color:var(--fg-2);font-size:13.5px;margin:0 0 18px;line-height:1.5}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:12.5px;font-weight:600;color:var(--fg-2)}.field input,.field select,.field textarea{height:44px;padding:0 13px;border-radius:11px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:14.5px;transition:border-color .12s ease,box-shadow .12s ease}.field textarea{height:auto;min-height:88px;padding:11px 13px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions .btn{flex:1}.callout{border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.5;margin-top:12px}.callout.error{background:var(--danger-bg);color:var(--danger)}.callout.ok{background:var(--ok-bg);color:var(--ok)}.callout.warn{background:var(--warn-bg);color:var(--warn)}.sig-box{margin-top:12px;padding:12px;border-radius:12px;background:var(--surface);font-family:var(--mono);font-size:11.5px;word-break:break-all;line-height:1.55;color:var(--fg-2);max-height:130px;overflow:auto}.address-display{margin:14px 0 4px;padding:14px;border-radius:12px;background:var(--surface);font-family:var(--mono);font-size:13.5px;word-break:break-all;text-align:center;line-height:1.6}.section{margin-top:34px}.section>h3{font-size:15px;font-weight:680;letter-spacing:-.01em;margin:0 0 4px}.section>.sub{color:var(--fg-2);font-size:13.5px;margin:0 0 16px}.list-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.list-row{display:flex;align-items:center;gap:14px;padding:15px 18px}.list-row+.list-row{border-top:1px solid var(--border)}.list-row .grow{flex:1;min-width:0}.list-row .title{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:8px}.list-row .meta{color:var(--fg-3);font-size:12.5px;margin-top:2px}.icon-bubble{width:38px;height:38px;border-radius:12px;flex:none;background:var(--surface);color:var(--fg-2);display:flex;align-items:center;justify-content:center}.tag{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:var(--ok-bg);color:var(--ok)}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 18px}.activity-row+.activity-row{border-top:1px solid var(--border)}.status-pill{font-size:11px;font-weight:650;padding:4px 9px;border-radius:999px}.status-pill.confirmed{color:var(--ok);background:var(--ok-bg)}.status-pill.failed{color:var(--danger);background:var(--danger-bg)}.status-pill.pending{color:var(--warn);background:var(--warn-bg)}.toast-zone{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--fg);color:var(--bg);border-radius:999px;padding:10px 18px;font-size:13.5px;font-weight:550;box-shadow:var(--shadow-pop);animation:toast-in .22s cubic-bezier(.21,1.02,.55,1);display:flex;align-items:center;gap:8px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--fg-3);font-size:13.5px;padding:26px}.segmented{display:flex;gap:4px;padding:4px;background:var(--surface);border-radius:12px}.segmented button{flex:1;height:34px;border:none;border-radius:9px;cursor:pointer;background:transparent;color:var(--fg-2);font:550 13px var(--font);transition:background .12s ease,color .12s ease}.segmented button.active{background:var(--bg-elevated);color:var(--fg);box-shadow:var(--shadow-card)}.field-hint{font-size:12px;color:var(--fg-3);margin:8px 0 0;line-height:1.5}.pill-row{display:inline-flex;gap:6px;align-items:center}.chain-pill.smart{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.chain-pill.vault{color:#d97706;background:color-mix(in srgb,#d97706 13%,transparent)}
