*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#e5e7eb}.app-root{min-height:100vh;display:flex;justify-content:center;padding:16px 8px 32px}.app-shell{width:100%;max-width:430px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 20% 20%,#22c55e,#0f172a);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#e5e7eb;overflow:hidden}.brand-logo-img{width:120%;height:120%;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:15px;font-weight:600}.brand-subtitle{font-size:12px;color:#9ca3af}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:16px;background:#0f172aeb;border:1px solid rgba(148,163,184,.25);backdrop-filter:blur(14px)}.app-brand{display:flex;align-items:center;gap:10px}.app-logo-chip{width:32px;height:32px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#5eead466,#0f172a)}.app-logo-img{width:100%;height:100%;object-fit:contain}.app-brand-text{display:flex;flex-direction:column}.app-brand-title{font-size:16px;font-weight:600;letter-spacing:.02em}.app-brand-sub{font-size:12px;opacity:.7}.app-header-right{display:flex;align-items:center;gap:12px}.fiat-badge{display:flex;flex-direction:column;font-size:11px;line-height:1.2;padding:4px 8px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4)}.fiat-label{font-weight:600;font-size:12px}.fiat-desc{opacity:.7}.locale-switch{display:flex;align-items:center;gap:6px;font-size:12px}.locale-select{background:transparent;border-radius:999px;border:1px solid rgba(148,163,184,.6);padding:3px 8px;color:inherit;font-size:12px}.lang-switch{display:flex;align-items:center;gap:4px;font-size:11px;color:#9ca3af}.lang-label{margin-right:4px}.lang-btn{border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:#e5e7eb;font-size:11px;padding:4px 7px;border-radius:999px;cursor:pointer}.lang-btn-active{background:#22c55e;border-color:#22c55e;color:#020617}.wallet-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#0f172af5;border:1px solid rgba(31,41,55,.9);margin-bottom:14px}.wallet-status{flex:1;font-size:12px;color:#e5e7eb}.wallet-btn{font-size:12px;padding:6px 10px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#020617;font-weight:600}.wallet-btn:disabled{opacity:.6;cursor:default}.wallet-error{margin-top:4px;font-size:11px;color:#f97316}.app-main{display:flex;flex-direction:column;gap:14px}.card{border-radius:16px;padding:14px 14px 12px;background:radial-gradient(circle at 0 0,#22c55e1f,#020617);border:1px solid rgba(31,41,55,.9);box-shadow:0 18px 35px #0000008c}.card.swap-card{background:radial-gradient(circle at 100% 0,#3b82f62e,#020617)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-title{font-size:14px;font-weight:600}.card-footnote{margin-top:6px;font-size:11px;color:#9ca3af}.swap-row{margin-bottom:10px}.field-label{display:block;font-size:11px;color:#9ca3af;margin-bottom:4px}.field-group{border-radius:12px;background:#0f172af2;border:1px solid rgba(55,65,81,.9);padding:8px 9px}.token-select{width:100%;background:transparent;border:none;color:#e5e7eb;font-size:13px;margin-bottom:4px;outline:none}.amount-row{display:flex;align-items:center;margin-top:2px}.amount-input{flex:1;background:transparent;border:none;outline:none;color:#e5e7eb;font-size:16px}.fiat-hint{margin-top:4px;font-size:11px;color:#9ca3af}.swap-meta-row{display:flex;justify-content:space-between;margin:4px 2px 8px;font-size:11px;color:#9ca3af}.swap-meta-value{color:#e5e7eb}.primary-btn{width:100%;border-radius:999px;padding:9px 10px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#020617}.primary-btn:disabled{opacity:.5;cursor:default}.swap-btn{margin-top:4px}.refresh-btn{border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:#e5e7eb;font-size:11px;padding:4px 7px;cursor:pointer}.swap-status{margin-top:6px;font-size:11px;padding:6px 8px;border-radius:8px}.swap-status-ok{background:#22c55e1f;color:#4ade80}.swap-status-err{background:#ef444426;color:#fca5a5}.strategy-grid{display:grid;grid-template-columns:1fr;gap:8px}.strategy-card{border-radius:12px;padding:10px 9px;background:#0f172af5;border:1px solid rgba(55,65,81,.9)}.strategy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.strategy-title{font-size:13px;font-weight:600}.strategy-desc{font-size:11px;color:#9ca3af;margin:3px 0 5px}.strategy-meta{font-size:11px;display:flex;justify-content:space-between;color:#e5e7eb}.pill{font-size:10px;padding:3px 7px;border-radius:999px;border:1px solid}.pill-low{border-color:#22c55e;color:#bbf7d0}.pill-medium{border-color:#facc15;color:#fee2e2}.pill-high{border-color:#ef4444;color:#fecaca}.portfolio-main{display:flex;justify-content:space-between;gap:10px;margin-top:6px}.portfolio-block{flex:1}.portfolio-label{font-size:11px;color:#9ca3af}.portfolio-value{margin-top:3px;font-size:15px;font-weight:600}.portfolio-pnl{margin-top:3px;font-size:14px;font-weight:600}.portfolio-pnl-pos{color:#4ade80}.portfolio-pnl-neg{color:#f97373}.portfolio-foot{margin-top:8px;font-size:11px;color:#9ca3af;display:flex;justify-content:space-between}.global-error{margin-top:4px;font-size:11px;color:#f97316}@media(min-width:480px){.app-root{padding-top:24px}}