:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1c2333;background:#f5f6f8;--ink: #1c2333;--muted: #89909e;--line: #eef0f4;--surface: #f7f8fa;--accent: #3861ed}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.custody-shell,.history-shell{width:100%;max-width:640px;min-height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:#fff}.brand{display:flex;align-items:center;gap:10px;margin-bottom:30px;color:var(--ink);font-size:17px;font-weight:650;letter-spacing:-.3px}.brand img{width:36px;height:36px;border-radius:10px}.product-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 26px;padding:4px;border-radius:12px;background:#f3f5f8}.product-nav a{min-width:0;padding:9px 12px;border-radius:9px;color:#687383;text-align:center;text-decoration:none;font-size:13px;font-weight:600}.product-nav a.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1e315014}.network-badge{margin-left:auto;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0}.network-badge:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#25a87a}h1{margin:0;font-size:24px;font-weight:650;letter-spacing:-.5px}.muted{color:var(--muted);font-size:13px;line-height:1.7;margin:9px 0 24px}.action-link,.telegram-link{display:flex;min-height:50px;align-items:center;justify-content:center;margin-top:12px;padding:10px 14px;border-radius:12px;color:#fff;background:var(--accent);text-decoration:none;font-size:15px;font-weight:600}.secondary-link,.telegram-link{color:var(--accent);background:#f0f3ff}.error{color:#c84653}.page-nav{display:flex;align-items:center;gap:15px}.page-nav h1{font-size:20px}.back-button{width:36px;height:36px;border-radius:50%;background:var(--surface);color:var(--ink);font-size:24px}[hidden]{display:none!important}@media(max-width:360px){.custody-shell,.history-shell{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important}}.trade-shell{max-width:520px;--muted: #687383}.trade-shell .brand{margin-bottom:20px}.trade-heading{display:flex;align-items:center;gap:12px}.trade-heading h1{font-size:28px}.preview-badge{background:#edf2ff;color:#4262bc;font-size:11px;border-radius:6px;padding:4px 7px}.trade-subtitle{color:var(--muted);font-size:13px;margin:9px 0 26px}.asset-card{padding:20px;border:1px solid #f0f2f5;border-radius:18px;background:#f6f7f9}.receive-card{margin-top:10px;background:#f8f9fc}.card-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted);min-height:24px}.card-caption>span:last-child{text-align:right;overflow-wrap:anywhere}.card-caption label,.receive-card .card-caption>span:first-child{color:#465164;white-space:nowrap;font-size:13px}#max-amount{padding:3px 0 3px 5px;color:var(--accent);background:none;font-size:12px;min-height:28px}.amount-row{display:flex;align-items:center;gap:14px;margin:14px 0 12px;min-height:42px}#swap-amount,#receive-amount{flex:1;width:0;min-width:0;color:var(--ink);font-size:clamp(24px,7vw,34px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.7px}#swap-amount{border:0;background:none;padding:0;border-radius:0;appearance:textfield}#swap-amount::-webkit-inner-spin-button,#swap-amount::-webkit-outer-spin-button{appearance:none;margin:0}#swap-amount:focus{outline:none;box-shadow:0 2px #9baff6}#receive-amount{overflow-wrap:anywhere;line-height:1.3}.coin-selector,.coin-label{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:16px}.coin-selector{position:relative;border-radius:22px;background:#fff;padding:8px 10px;box-shadow:0 1px 4px #162d5710}.coin-selector img,.coin-label img{height:25px;width:25px}.coin-selector select{appearance:none;border:0;padding:0;background:transparent;color:var(--ink);font-weight:650;width:46px;cursor:pointer}.coin-selector>span{color:var(--muted)}.coin-label{padding-right:15px}.coin-label strong{font-weight:650}.card-footnote{font-size:11px;color:var(--muted)}.swap-pair{position:relative}#reverse-direction{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;height:42px;width:42px;border:5px solid white;border-radius:14px;background:#eaf0ff;color:var(--accent)}#reverse-direction svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#reverse-direction:hover{background:#dce5ff}.swap-result{margin:20px 2px 0}.rate-row{display:flex;justify-content:space-between;gap:14px;font-size:12px;line-height:1.6}.rate-row>span{color:var(--muted);flex-shrink:0}.rate-row strong{text-align:right;font-weight:550;overflow-wrap:anywhere}.quote-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.quote-details summary{color:var(--muted);cursor:pointer;padding:4px 0}.quote-details summary>span{float:right;color:var(--accent)}.quote-details dl{display:grid;grid-template-columns:1fr 1.8fr;gap:13px;margin:16px 0}.quote-details dt{color:var(--muted)}.quote-details dd{text-align:right;margin:0;overflow-wrap:anywhere;line-height:1.5}.quote-details p{color:var(--muted);line-height:1.8}.expiry{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.6}.quote-stale #receive-amount{color:var(--muted)}.quote-stale .expiry{color:#a45b23}.inline-message{font-size:12px;line-height:1.7;margin:16px 2px 0}#execute-button{width:100%;margin-top:24px;min-height:52px;border-radius:15px;gap:9px}.button-spinner{display:none;height:16px;width:16px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}#execute-button[aria-busy=true] .button-spinner{display:block}.preview-notice{color:var(--muted);text-align:center;font-size:11px;line-height:1.8;margin:13px 0 26px}.trade-shell .telegram-link{background:none;color:var(--muted);font-weight:400;font-size:12px;margin-top:4px}button:disabled{opacity:.55;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:360px){.asset-card{padding:16px 13px}.amount-row{gap:8px}.coin-selector,.coin-label{font-size:14px;gap:5px}.coin-selector img,.coin-label img{height:22px;width:22px}}