:root{color-scheme:dark;--bg: #0b1220;--card: #121c2e;--border: #1e2d4a;--text: #e8eef8;--muted: #8fa3bf;--primary: #5ce1b9;--primary-dim: #3ba889;--warn: #f5a623;--radius: 14px;font-family:SF Pro Text,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%}#root{overflow-x:hidden;max-width:100%}.app{width:100%;max-width:480px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left));overflow-x:hidden}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.header h1{margin:4px 0 0;font-size:1.5rem}.eyebrow{margin:0;font-size:.75rem;color:var(--primary);letter-spacing:.06em;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;max-width:100%;overflow:hidden}.card h2{margin:0 0 8px;font-size:1.05rem}.muted{color:var(--muted);font-size:.85rem}.banner{padding:10px 12px;border-radius:10px;font-size:.85rem;margin-bottom:12px}.banner.warn{background:#f5a6231f;border:1px solid rgba(245,166,35,.35)}.banner.info{background:#5ce1b914;border:1px solid rgba(92,225,185,.25)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{background:#0003;border-radius:10px;padding:10px;min-width:0;overflow:hidden}.metric .label{display:block;font-size:.72rem;color:var(--muted);line-height:1.3}.metric .value{display:block;font-size:.95rem;font-weight:600;min-width:0;overflow-wrap:anywhere;word-break:break-word}.metric .value-num{font-size:.82rem;line-height:1.35}.checklist{list-style:none;padding:0;margin:12px 0 0}.checklist li{margin-bottom:10px}.checklist label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.checklist strong{display:block;font-size:.9rem}.checklist small{display:block;color:var(--muted);margin-top:2px}.warn{color:var(--warn);font-size:.85rem}.app-tabs{display:flex;gap:8px;margin-bottom:12px}.app-tabs .tab{flex:1}.asset-tabs{display:flex;gap:8px;margin-bottom:8px}.contract-row-preview{margin-bottom:12px}.contract-row-preview .label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.tx-preview.compact{margin:12px 0;padding:10px;border-radius:8px;background:#0003;font-size:.9rem}.field select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#0a101c;color:var(--text);font-size:1rem}.field input[type=number]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#0a101c;color:var(--text)}.tab{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-weight:600}.tab.active{border-color:var(--primary);background:#5ce1b91f;color:var(--primary)}.field span{display:block;font-size:.85rem;margin-bottom:6px}.input-row{display:flex;gap:8px;min-width:0}.input-row input{flex:1;min-width:0;padding:12px;border-radius:10px;border:1px solid var(--border);background:#0a101c;color:var(--text);font-size:1rem}.preview{font-size:.9rem;color:var(--muted)}.btn{border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#062018}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn-block{width:100%;padding:14px;margin-top:8px}.status{font-size:.85rem;word-break:break-all}.status a{color:var(--primary)}.vault-table{display:flex;flex-direction:column;gap:8px}.vault-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;background:#0003}.vault-row small{display:block;color:var(--muted);font-size:.72rem}.vault-apy{color:var(--primary);font-weight:600;font-size:.9rem}.footer{text-align:center;margin-top:20px}.footer a{color:var(--muted)}.footnote{margin-top:10px}.badge{display:inline-block;font-size:.65rem;padding:2px 6px;border-radius:4px;margin-right:6px;vertical-align:middle;font-weight:700}.badge-danger{background:#ef444433;color:#f87171}.badge-warning{background:#f5a62326;color:var(--warn)}.badge-info{background:#5ce1b91f;color:var(--primary)}.security-more{margin-top:12px;font-size:.85rem}.security-more summary{cursor:pointer;color:var(--primary)}.safety-template{margin:8px 0 0;padding:10px;background:#0a101c;border-radius:8px;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;color:var(--muted)}.tx-preview{margin:12px 0;padding:12px;border-radius:10px;border:1px solid var(--border);background:#00000040;max-width:100%;overflow:hidden}.risk-banner{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:8px;font-size:.82rem;margin-bottom:10px;line-height:1.4}.risk-banner>span:last-child{flex:1 1 12rem;min-width:0}.risk-banner.warning{background:#f5a6231f;border:1px solid rgba(245,166,35,.35)}.risk-banner.verified{background:#5ce1b91f;border:1px solid rgba(92,225,185,.45)}.risk-banner.verified .risk-label{color:var(--primary)}.risk-banner.danger{background:#ef44441f;border:1px solid rgba(239,68,68,.45)}.risk-banner.danger .risk-label{color:#f87171}.risk-label{font-weight:700;color:var(--warn);text-transform:uppercase;font-size:.72rem}.tx-summary{margin:0;display:grid;gap:8px}.tx-summary div{display:grid;grid-template-columns:minmax(4.5rem,5.5rem) minmax(0,1fr);gap:8px;font-size:.85rem;align-items:start}.tx-summary dt{margin:0;color:var(--muted)}.tx-summary dd{margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word}.mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;word-break:break-all;overflow-wrap:anywhere}.break-addr{font-size:.72rem;line-height:1.4}.contract-row dd{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}.contract-addr{display:block;max-width:100%;padding:8px 10px;border-radius:8px;border:1px solid transparent;overflow-wrap:anywhere;word-break:break-all;line-height:1.45}.contract-ok{color:#5ce1b9;background:#5ce1b91a;border-color:#5ce1b980}.contract-bad{color:#f87171;background:#ef44441a;border-color:#ef444480}.contract-badge{display:inline-block;font-size:.8rem;font-weight:700;width:fit-content;padding:2px 8px;border-radius:6px}.badge-ok{color:#062018;background:var(--primary)}.badge-bad{color:#fff;background:#dc2626}.contract-expected{font-size:.75rem;overflow-wrap:anywhere}.contract-expected .addr-full{display:block;margin-top:4px;font-size:.68rem;opacity:.85}.muted-inline{color:var(--muted);font-size:.82rem}code{font-size:.8em;color:var(--primary);overflow-wrap:anywhere}.banner{overflow-wrap:anywhere;word-break:break-word}.vault-row{flex-wrap:wrap;gap:8px}.vault-row>div:first-child{min-width:0;flex:1 1 60%}@media(max-width:420px){.header{flex-wrap:wrap}.header h1{font-size:1.25rem}.metric-grid{grid-template-columns:1fr}.metric .value-num{font-size:.88rem}.tx-summary div{grid-template-columns:1fr;gap:4px}.tx-summary dt{font-weight:600;color:var(--text);font-size:.8rem}.tab{padding:8px 6px;font-size:.85rem}.app-tabs .tab{font-size:.82rem;padding:10px 6px}.btn-ghost{flex-shrink:0;padding:10px;font-size:.85rem}.contract-row-preview .contract-addr{font-size:.7rem}}@media(max-width:360px){.app{padding-left:12px;padding-right:12px}.card{padding:12px}}
