@font-face{font-family:Aeonik;src:url('assets/Aeonik-Regular.ttf')}@font-face{font-family:Aeonik;src:url('assets/Aeonik-Medium.ttf');font-weight:500 800}@font-face{font-family:AeonikFono;src:url('assets/AeonikFono-Regular.otf')}:root{--bg:#050506;--panel:#101116;--raised:#181a21;--line:#252730;--muted:#9899a9;--text:#f6f6fa;--green:#96e21b;--red:#ff6270}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Aeonik,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:520px;min-height:100vh;margin:auto;padding:0 5px 45px;background:var(--bg)}.topbar{height:42px;margin:0 -5px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#000;border-bottom:1px solid var(--line)}.brand{width:27px}.top-actions{display:flex;align-items:center;gap:13px}.login{height:28px;min-width:55px;border:0;border-radius:4px;background:var(--green);color:#030403;font-size:12px;font-weight:500}.icon-button{display:grid;place-items:center;width:18px;height:23px;padding:0;border:0;background:transparent;color:#f4f4f7}.icon-button svg,.quote-chevron svg,.select svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button:last-child svg{stroke-width:1.7}.market-header,.stats,.trade,.chart-card{border-radius:4px;background:var(--panel)}.market-header{height:56px;margin-top:5px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;gap:6px}.market-name,.quote{display:flex;align-items:center}.market-name{gap:7px;font-size:20px}.market-name strong{font-weight:500}.coin{width:31px;height:31px;border-radius:50%}.quote{gap:5px;white-space:nowrap}.quote strong{font-family:AeonikFono,Aeonik;font-size:18px;font-weight:400;letter-spacing:-.7px}.positive{color:var(--green);font-family:AeonikFono;font-size:12px}.quote-chevron{display:grid;place-items:center;width:17px;height:23px;margin-left:0;padding:0;border:0;background:transparent;color:var(--muted)}.stats{display:grid;grid-template-columns:1.1fr 1.16fr 1fr;gap:5px;margin-top:5px;padding:11px 9px}.stats div{min-width:0}.stats span{display:block;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline dashed 1px;text-underline-offset:4px}.stats strong{display:block;margin-top:7px;font-family:AeonikFono;font-size:11px;font-weight:400;letter-spacing:-.45px;white-space:nowrap}.stats i,.stats em{font-style:normal}.stats i{color:var(--green)}.stats em{color:var(--red)}.trade{margin-top:5px;padding:9px}.mode-row,.side-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.select{height:36px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:13px}.upside{background:linear-gradient(90deg,#6980c5,#dba5ff 64%,#ffdeb2);background-clip:text;color:transparent;text-decoration:underline dashed #9294a1 1px;text-underline-offset:5px}.switch,.toggle{display:inline-flex;align-items:center;width:34px;height:20px;padding:2px;border:1px solid #777b8d;border-radius:99px;background:transparent}.switch span,.toggle span{width:14px;height:14px;border-radius:50%;background:#9498a9;transition:.16s}.switch.on,.toggle.on{border-color:var(--green);background:#25360e}.switch.on span,.toggle.on span{background:var(--green);transform:translateX(14px)}.side-row{margin-top:8px}.side{height:39px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:14px;font-weight:500}.side.active{border-color:var(--green);background:#151c12;color:var(--green)}.side.short-active{border-color:var(--red);background:#211217;color:var(--red)}.available{height:45px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.available span:last-child{font-family:AeonikFono;font-size:12px}.field,.toggle-row,.field-block,.details{border:1px solid var(--line);border-radius:4px}.field{height:39px;margin-bottom:8px;padding:0 11px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.field span{margin-right:auto}.field input{width:55px;border:0;outline:0;background:transparent;color:var(--text);font-family:AeonikFono;font-size:13px;text-align:right}.field output{color:var(--text);font-family:AeonikFono;font-size:13px}.field b{font-size:13px;font-weight:400}.swap{border:0;background:none;color:var(--muted);font-size:15px}.field-block{height:70px;padding:10px 11px;margin-bottom:10px}.field-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.field-label strong{font-weight:400}.field-label output{color:var(--text);font-family:AeonikFono}.leverage input{appearance:none;width:100%;height:4px;margin-top:15px;border-radius:99px;background:#252730;outline:0}.leverage input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--green)}.toggle-row{height:39px;padding:0 11px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.details{padding:8px 11px;margin-bottom:10px}.details div{height:20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.details strong{font-family:AeonikFono;font-size:11px;font-weight:400}.dotted{text-decoration:underline dashed 1px;text-underline-offset:4px}.connect{width:100%;height:42px;border:0;border-radius:4px;background:var(--green);color:#030403;font-size:16px;font-weight:500}.orders{margin-top:5px;min-height:160px}.order-tabs{height:39px;display:flex;gap:5px}.tab-list{display:flex;min-width:0;flex:1;overflow:auto;border-radius:4px;background:var(--panel);scrollbar-width:none}.tab{flex:none;padding:0 13px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}.tab.active,.close-all{background:var(--raised);color:var(--text)}.close-all{padding:0 10px;border:0;border-radius:4px;background:var(--raised);color:var(--text);font-size:12px;white-space:nowrap}.empty{height:122px;padding:36px 16px;margin-top:5px;border-radius:4px;background:var(--panel)}.empty button{padding:9px 13px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:12px}.bottom-nav{position:fixed;z-index:5;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;height:43px;margin:auto;padding:4px 5px;background:#15171e;border-top:1px solid var(--line)}.bottom-nav a{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-right:0;background:var(--panel);color:var(--muted);font-size:12px;text-decoration:none}.bottom-nav a:first-child{border-radius:4px 0 0 4px}.bottom-nav a:last-child{border-right:1px solid var(--line);border-radius:0 4px 4px 0}.bottom-nav a.active{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px #248bff}.bottom-nav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.toast{position:fixed;z-index:8;bottom:52px;left:50%;padding:7px 10px;border:1px solid #444752;border-radius:4px;background:#272a34;color:#fff;font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.chart-card{position:relative;height:210px;margin-top:5px;overflow:hidden;padding:3px}.chart-card iframe{position:relative;z-index:1;width:100%;height:100%;border:0}.chart-fallback{position:absolute;inset:3px;display:grid;place-content:center;gap:8px;color:var(--muted);text-align:center;background:var(--panel)}.chart-fallback strong{color:var(--text);font-size:13px}.chart-fallback.loaded{display:none}.market-orders{min-height:152px}.portfolio-shell{position:relative;overflow:hidden;background:linear-gradient(110deg,#131220 0%,#08080c 70%)}.portfolio-shell:before{position:absolute;z-index:0;top:42px;left:-160px;width:520px;height:360px;border-radius:50%;background:#8984e1;opacity:.16;filter:blur(120px);content:''}.portfolio-shell>*{position:relative;z-index:1}.portfolio-page{padding:16px 11px}.portfolio-title{display:flex;align-items:center;gap:13px;margin-bottom:16px}.portfolio-title h1{margin:0;font-size:26px;line-height:1;font-weight:500}.version-tabs{display:flex;gap:5px}.version-tabs button{width:51px;height:30px;border:1px solid transparent;border-radius:99px;background:var(--panel);color:var(--muted);font-size:12px}.version-tabs .active{border-color:var(--green);background:#0c100a;color:var(--green)}.portfolio-overview,.portfolio-chart{background:rgba(16,17,22,.88);border-radius:5px}.portfolio-overview{padding:16px;margin-bottom:8px}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center}.overview-tabs{display:flex;border:1px solid var(--line);border-radius:4px}.overview-tabs button{height:32px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px}.overview-tabs .active{background:var(--raised);color:var(--text)}.period{height:23px;padding:0 7px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:10px}.portfolio-values{display:grid;gap:16px;margin-top:25px}.portfolio-values div{display:grid;gap:5px}.portfolio-values strong{font-family:AeonikFono;font-size:21px;font-weight:400}.portfolio-values .profit{color:var(--green)}.portfolio-values span{color:var(--muted);font-size:12px}.portfolio-chart{height:240px;padding:23px 12px}.portfolio-chart svg{width:100%;height:100%}.axis-label{fill:#7f8290;font-family:Aeonik;font-size:11px}.axis-label .zero-label{fill:#f0f3f9}.zero-line{stroke:#3f4351;stroke-width:2}.x-label{font-size:10px;text-anchor:middle}@media(min-width:768px){.app-shell{max-width:760px;padding-right:16px;padding-left:16px}.topbar{height:64px;margin-right:-16px;margin-left:-16px}.market-header{height:64px;margin-top:12px}.trade{padding:16px}.portfolio-page{padding:34px 28px}.portfolio-title h1{font-size:42px}}