:root{color-scheme:dark;--bg:#050612;--panel:#0c0e20;--panel2:#12152d;--text:#f7f8ff;--muted:#9094b2;--line:#25294b;--green:#64f2dc;--violet:#9b7bff;--blue:#54a8ff;--red:#ff6f91;--amber:#ffc86b;--radius:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% -5%,#6436d755 0,transparent 31%),radial-gradient(circle at 92% 20%,#005e7d4d 0,transparent 28%),linear-gradient(180deg,#070815 0%,#04050d 100%);color:var(--text);min-height:100vh}.app-shell{width:min(100%,520px);min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 18px calc(88px + env(safe-area-inset-bottom));position:relative}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;background:linear-gradient(135deg,var(--violet),#5de4ef);color:white;font-weight:900;font-size:20px;box-shadow:0 9px 34px #815cff66,inset 0 1px #ffffff66}.brand strong,.brand small{display:block}.brand strong{font-size:19px;letter-spacing:-.02em}.brand small{font-size:9px;color:#a9abc3;margin-top:2px;letter-spacing:.04em}.badge{font-size:9px;font-weight:900;letter-spacing:.15em;padding:8px 11px;border-radius:999px}.badge.demo{color:#ffe1a4;background:linear-gradient(135deg,#ffc86b18,#ff8a5c12);border:1px solid #ffc86b55;box-shadow:0 0 25px #ffc86b12}.view{display:none}.view.active{display:block}.balance-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#24204c 0%,#141631 46%,#0b2231 100%);border:1px solid #6761a966;border-radius:30px;padding:22px;box-shadow:0 24px 70px #0008,0 0 60px #754eff17}.balance-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;top:-75px;background:linear-gradient(135deg,#ad75ff99,#47e5e977);filter:blur(2px);opacity:.55}.balance-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #ffffff1c;border-radius:40px;right:18px;top:-37px;transform:rotate(28deg)}.balance-card>*{position:relative;z-index:1}.balance-head{display:flex;justify-content:space-between;color:#c8c9dc;font-size:11px;letter-spacing:.02em}.status-dot{color:#79f6df}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:#79f6df;border-radius:50%;box-shadow:0 0 12px #79f6df}.balance{display:flex;align-items:start;gap:6px;margin:18px 0 24px}.balance span{font-size:17px;color:#bec1d7;margin-top:8px}.balance strong{font-size:45px;letter-spacing:-.055em;text-shadow:0 5px 25px #0005}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1c;padding-top:17px}.balance-grid div+div{border-left:1px solid #ffffff1c;padding-left:13px}.balance-grid small,.balance-grid strong{display:block}.balance-grid small{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#9da1bd}.balance-grid strong{margin-top:7px;font-size:14px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:34px 3px 15px}.eyebrow{font-size:9px;letter-spacing:.2em;color:#71ebee;font-weight:900}.section-title h1,.page-heading h1{font-size:29px;margin:3px 0 0;letter-spacing:-.045em}.icon-button{width:40px;height:40px;border-radius:14px;border:1px solid #393e68;background:linear-gradient(145deg,#171a35,#0c0e20);color:#76eaf1;font-size:20px;box-shadow:0 9px 24px #0005}.proposal-list{display:grid;gap:13px}.proposal-card{position:relative;overflow:hidden;border:1px solid #282c52;background:linear-gradient(145deg,#15182f 0%,#0c0e20 65%);border-radius:var(--radius);padding:18px;text-align:left;color:inherit;width:100%;box-shadow:0 14px 40px #0005;transition:transform .2s,border-color .2s}.proposal-card:after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-42px;border-radius:50%;background:#735dff28;filter:blur(4px)}.proposal-card:active{transform:scale(.985);border-color:#7770c6}.proposal-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.symbol-box{display:flex;align-items:center;gap:12px}.symbol-logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2d285c,#18213e);border:1px solid #7167be55;font-weight:900;color:#c9c2ff;box-shadow:inset 0 1px #ffffff1f}.symbol-meta strong,.symbol-meta small{display:block}.symbol-meta small{color:var(--muted);font-size:11px;margin-top:3px}.side{font-size:9px;font-weight:900;padding:7px 10px;border-radius:999px;letter-spacing:.05em}.side.buy{color:#72f4dc;background:linear-gradient(135deg,#4fe2c31c,#4ba5ff12);border:1px solid #64f2dc2f}.side.sell{color:#ff8ba5;background:#ff6f9115;border:1px solid #ff6f912a}.proposal-price{display:flex;justify-content:space-between;align-items:end;margin-top:19px;position:relative;z-index:1}.proposal-price div{display:grid;gap:3px}.proposal-price strong{font-size:25px;letter-spacing:-.03em}.proposal-price span{font-size:11px;color:var(--muted)}.risk-row{height:5px;border-radius:99px;background:#ffffff0b;margin-top:15px;overflow:hidden;position:relative;z-index:1}.risk-row span{display:block;height:100%;background:linear-gradient(90deg,#54a8ff,#8c6cff 50%,#64f2dc);border-radius:inherit;box-shadow:0 0 16px #7a75ff}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.page-heading{padding:16px 3px 19px}.page-heading p{color:var(--muted);font-size:13px;line-height:1.55}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:10px 1fr;gap:13px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#65e7ee,#a37cff);margin-top:6px;box-shadow:0 0 0 5px #867cff13,0 0 15px #65e7ee}.timeline-content{padding-bottom:14px;border-bottom:1px solid var(--line)}.timeline-content strong{display:block;font-size:13px}.timeline-content time{display:block;color:var(--muted);font-size:10px;margin-top:5px}.settings-card,.kill-card{background:linear-gradient(145deg,#11142a,#0a0c1a);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 14px 38px #0004}.settings-card{display:grid;gap:17px}.settings-card label{font-size:12px;color:#d0d2e3;position:relative}.settings-card label span{float:right;color:var(--muted);font-size:9px;margin-top:4px}.settings-card input{display:block;width:100%;margin-top:8px;background:#070814;border:1px solid #292e56;border-radius:14px;color:var(--text);padding:14px;font-size:16px;outline:none}.settings-card input:focus{border-color:#816fff;box-shadow:0 0 0 3px #816fff1f}.primary-button,.danger-button,.ghost-button{border:0;border-radius:15px;padding:14px 17px;font-weight:900}.primary-button{background:linear-gradient(135deg,#9473ff,#55dce7);color:white;box-shadow:0 10px 30px #7a68ff42}.danger-button{background:linear-gradient(135deg,#ff6f91,#ff9270);color:white}.ghost-button{background:#ffffff0b;color:var(--text);border:1px solid var(--line)}.kill-card{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.kill-card p{margin:5px 0 0;color:var(--muted);font-size:11px}.switch{width:49px;height:29px;padding:3px;border:0;border-radius:99px;background:#272b49}.switch span{display:block;width:23px;height:23px;background:#777b9b;border-radius:50%;transition:.2s}.switch[aria-checked=true]{background:#ff6f9138}.switch[aria-checked=true] span{transform:translateX(20px);background:#ff7598;box-shadow:0 0 17px #ff6f91}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);padding:10px 20px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);background:#080916e8;border-top:1px solid #272a4a;backdrop-filter:blur(22px);z-index:10}.nav-item{border:0;background:transparent;color:#6e728f;font-size:9px;font-weight:800;display:grid;place-items:center;gap:4px;letter-spacing:.03em}.nav-item span{font-size:20px}.nav-item.active{color:#76eaf1;text-shadow:0 0 18px #62dbea}.nav-item.active span{color:#a38aff}dialog{width:min(calc(100% - 28px),490px);max-height:90vh;overflow:auto;border:1px solid #363a68;border-radius:29px;background:linear-gradient(160deg,#151831,#080a16 70%);color:var(--text);padding:0;box-shadow:0 35px 100px #000d,0 0 70px #765cff19}dialog::backdrop{background:#02030bd6;backdrop-filter:blur(9px)}.detail{padding:23px}.detail-head{display:flex;justify-content:space-between}.close-button{border:1px solid #ffffff10;background:#ffffff0b;color:white;border-radius:50%;width:36px;height:36px}.detail h2{font-size:34px;margin:18px 0 4px;letter-spacing:-.04em}.detail-sub{color:var(--muted);font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:21px 0}.metric{background:linear-gradient(145deg,#1a1d38,#0d0f20);border:1px solid #282c50;border-radius:16px;padding:14px}.metric small,.metric strong{display:block}.metric small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.metric strong{margin-top:7px;font-size:15px}.detail-list{padding-left:18px;color:#cdd0e2;font-size:12px;line-height:1.75}.detail-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin-top:20px}.warning{font-size:10px;line-height:1.55;color:#ffd995;background:linear-gradient(135deg,#ffc86b10,#ff7b7710);border:1px solid #ffc86b2b;padding:12px;border-radius:13px}.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,20px);background:linear-gradient(135deg,#f0eeff,#dcfbff);color:#111326;padding:12px 17px;border-radius:13px;font-weight:800;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20;box-shadow:0 14px 35px #0007}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){body{padding:18px}.app-shell{border:1px solid var(--line);border-radius:34px;min-height:calc(100vh - 36px);overflow:hidden;box-shadow:0 35px 120px #000b}.bottom-nav{bottom:18px;border-radius:0 0 34px 34px}}
