:root{color-scheme:dark;--bg: #09080e;--surface: #111017;--surface-2: #15131d;--surface-3: #1b1824;--border: #2a2633;--border-strong: #4b3d53;--text: #f3f0f8;--muted: #a7a0b4;--muted-2: #77707f;--pink: #ed70bb;--pink-soft: #e9b8de;--purple: #a686ed;--blue: #5b91ef;--green: #7bd8a8;--red: #f0788f;--amber: #f0c674;--gradient: linear-gradient(100deg, #f483ca 5%, #bc82e4 53%, #6c9df7 100%);--radius: 14px;--radius-sm: 9px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--display: "Space Grotesk", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{width:380px;height:600px}html.windowed{width:100%;height:100%}body{background:var(--bg);color:var(--text);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#root{display:flex;flex-direction:column;width:100%;height:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--display);font-weight:500;margin:0;letter-spacing:-.02em}p{margin:0;color:var(--muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 320px at 85% -10%,rgba(166,134,237,.16),transparent 70%),radial-gradient(500px 300px at -10% 20%,rgba(237,112,187,.1),transparent 70%);pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 20px 24px}.screen-flush{padding:0}.topbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);background:#09080eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title{font-family:var(--display);font-size:15px;font-weight:500}.spacer{flex:1}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border);background:#09080ed9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:10px;color:var(--muted-2);font-size:10px;font-weight:600;letter-spacing:.02em;transition:color .15s,background .15s}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--pink);background:#ed70bb14}.nav-item svg{width:21px;height:21px}.card{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-tight{padding:12px 14px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2)}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.center{text-align:center}.small{font-size:12px}.tiny{font-size:11px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:600;border:1px solid var(--border);color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:13.5px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,opacity .2s;white-space:nowrap}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:var(--pink-soft);color:#21121e;box-shadow:0 0 24px #e269ba29}.btn-primary:hover{background:#f3c8e8}.btn-outline{background:#ffffff08;border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{border-color:var(--pink)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:#ffffff0a}.btn-danger{background:#f0788f24;border-color:#f0788f66;color:var(--red)}.btn-block{width:100%}.btn-sm{min-height:34px;padding:6px 12px;font-size:12.5px}.btn-icon{width:38px;min-height:38px;padding:0;border-radius:11px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:var(--muted);border:1px solid transparent;transition:background .15s,color .15s}.icon-btn:hover{background:#ffffff0d;color:var(--text)}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:12px;font-weight:600;color:var(--muted)}.input,.textarea{width:100%;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ed70bb1f}.textarea{resize:vertical;min-height:88px;line-height:1.6}.input-error{border-color:var(--red)}.error-text{color:var(--red);font-size:12px}.hint-text{color:var(--muted-2);font-size:11.5px;line-height:1.5}.input-affix{position:relative;display:flex;align-items:center}.input-affix .input{padding-right:64px}.input-affix .affix{position:absolute;right:12px;font-size:12px;font-weight:700;color:var(--muted)}.segment{display:flex;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:11px;gap:3px}.segment button{flex:1;padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.segment button.active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;border:1px solid transparent;transition:background .15s,border-color .15s;width:100%;text-align:left}.list-row:hover{background:var(--surface-2);border-color:var(--border)}.list-row.static:hover{background:transparent;border-color:transparent}.avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--surface-3);border:1px solid var(--border);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-square{border-radius:11px}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-hero{position:relative;padding:22px;border-radius:18px;border:1px solid #3a2c45;background:radial-gradient(120% 140% at 100% 0%,rgba(166,134,237,.28),transparent 55%),radial-gradient(120% 140% at 0% 100%,rgba(237,112,187,.2),transparent 55%),linear-gradient(160deg,#1b1226,#120e18);overflow:hidden}.balance-hero .amount{font-family:var(--display);font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.balance-hero .heart{position:absolute;right:-22px;bottom:-26px;width:150px;height:150px;opacity:.14;filter:blur(.5px)}.hero-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.hero-action{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:11px;font-weight:600;color:var(--text);transition:background .15s,border-color .15s,transform .15s}.hero-action:hover{background:#ffffff14;border-color:#ed70bb66;transform:translateY(-1px)}.hero-action svg{width:19px;height:19px;color:var(--pink-soft)}.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--pink);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.full-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;color:var(--muted)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.divider{height:1px;background:var(--border);margin:4px 0}.token-logo{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;font-size:12px;font-weight:700}.token-logo img{width:100%;height:100%;object-fit:cover}.auth{display:flex;flex-direction:column;height:100%;padding:26px 24px 24px;overflow-y:auto;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:19px;font-weight:500;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(150deg,#2a1530,#140f1c);border:1px solid var(--border-strong);display:grid;place-items:center;box-shadow:0 0 22px #e269ba38;animation:heart-breathe 4.5s ease-in-out infinite}@keyframes heart-breathe{0%,to{transform:scale(.97);filter:brightness(.95)}50%{transform:scale(1.03);filter:brightness(1.1)}}.mnemonic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mnemonic-word{display:flex;align-items:baseline;gap:6px;padding:9px 10px;border-radius:9px;border:1px solid var(--border);background:var(--surface);font-size:12.5px}.mnemonic-word span{color:var(--muted-2);font-size:10px;min-width:13px}.warn-box{display:flex;gap:11px;padding:13px 14px;border-radius:var(--radius-sm);border:1px solid rgba(240,198,116,.35);background:#f0c67412;color:#f0d3a0;font-size:12px;line-height:1.55}.info-box{display:flex;gap:11px;padding:13px 14px;border-radius:var(--radius-sm);border:1px solid rgba(166,134,237,.3);background:#a686ed14;font-size:12px;line-height:1.55}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex-shrink:0}.approval-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 22px 12px}.origin-avatar{width:56px;height:56px;border-radius:15px;background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.origin-avatar img{width:100%;height:100%;object-fit:cover}.detail-grid{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--border)}.detail-grid>div{display:flex;justify-content:space-between;gap:14px;padding:11px 13px;background:var(--surface);font-size:12.5px}.detail-grid dt{color:var(--muted-2)}.detail-grid dd{margin:0;text-align:right;overflow-wrap:anywhere}.fade-in{animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.toast{position:absolute;left:16px;right:16px;bottom:16px;z-index:40;padding:12px 15px;border-radius:12px;background:var(--surface-3);border:1px solid var(--border-strong);box-shadow:0 12px 30px #00000080;font-size:12.5px;animation:fade-in .2s ease}.nft-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nft-card{border-radius:13px;overflow:hidden;border:1px solid var(--border);background:var(--surface)}.nft-thumb{aspect-ratio:1;width:100%;background:var(--surface-3);display:grid;place-items:center;color:var(--muted-2);font-size:22px}.nft-thumb img{width:100%;height:100%;object-fit:cover}.nft-meta{padding:9px 11px}.app-wide{flex-direction:row}.wide-sidebar{width:232px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:20px 14px;border-right:1px solid var(--border);background:#09080e99}.wide-brand{padding:4px 6px 18px;font-size:15px}.wide-nav{display:flex;flex-direction:column;gap:4px}.wide-nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.wide-nav-item:hover{background:#ffffff0a;color:var(--text)}.wide-nav-item.active{background:#ed70bb1a;color:var(--pink)}.wide-nav-item svg{width:19px;height:19px}.wide-account{margin-top:auto;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;border:1px solid var(--border);background:var(--surface);width:100%;text-align:left}.wide-account:hover{border-color:var(--border-strong)}.wide-main{flex:1;display:flex;flex-direction:column;min-width:0}.wide-topbar{display:flex;align-items:center;gap:10px;padding:16px 28px;border-bottom:1px solid var(--border)}.wide-content{flex:1;overflow-y:auto;padding:28px}.wide-panel{max-width:760px;margin:0 auto}.wide-panel .balance-hero .amount{font-size:42px}.wide-panel .hero-actions{max-width:460px}@media (max-width: 860px){.wide-sidebar{width:76px;padding:18px 10px;align-items:center}.wide-brand span,.wide-nav-item span,.wide-account .col,.wide-account svg{display:none}.wide-nav-item{justify-content:center;padding:12px}}html.windowed{width:100%;min-height:100%;height:100%}html.windowed body,html.windowed #root{min-height:100vh;height:100%}html.web{width:100%;height:100%;height:100dvh}html.web body,html.web #root{height:100%;min-height:100dvh}html.web body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html.web .topbar{padding-top:calc(14px + env(safe-area-inset-top))}html.web .wide-sidebar{padding-top:calc(20px + env(safe-area-inset-top))}html.web .wide-topbar{padding-top:calc(16px + env(safe-area-inset-top))}html.web .screen{padding-bottom:calc(24px + env(safe-area-inset-bottom))}html.web .nav-item{min-height:44px;justify-content:center}html.web .btn{min-height:44px}html.web .icon-btn{min-width:44px;min-height:44px}html.web .wide-nav-item{min-height:44px}.install-banner{display:flex;align-items:center;gap:11px;margin:10px 12px 0;padding:10px 12px;border-radius:13px;border:1px solid var(--border);background:linear-gradient(100deg,#ed70bb1a,#6c9df714);position:relative;z-index:5}@media (max-width: 380px){.install-banner{margin:8px 8px 0}}
