.view-enter{animation:view-in .35s ease both}@keyframes view-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}.panel{transition:border-color .25s,box-shadow .25s}.panel:hover{border-color:#7196d62c}.btn{transition:transform .18s,filter .18s,box-shadow .18s}.btn:active{transform:scale(.97)}.btn:hover{box-shadow:0 5px 22px #2e71ff24}.chart polyline{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw-chart 1.3s ease forwards}@keyframes draw-chart{to{stroke-dashoffset:0}}.balance{font-variant-numeric:tabular-nums;animation:balance-in .45s ease}@keyframes balance-in{from{opacity:.4;filter:blur(3px)}to{opacity:1;filter:blur(0)}}dialog{max-width:490px;max-height:90dvh;overflow:auto;animation:dialog-in .22s ease}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.flow-steps{display:flex;gap:18px;margin:5px 0 30px;font-size:11px;color:#7789a8}.flow-steps span{display:flex;align-items:center;gap:7px}.flow-steps i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;background:#243047;border-radius:50%;color:#95a9c9}.flow-steps .on{color:#c4d8ff}.flow-steps .on i{background:#3269d7;color:white}.order-preview{display:flex;align-items:center;gap:14px;margin:26px 0;padding:19px;background:#0e1624;border:1px solid #668ec329;border-radius:13px}.order-preview strong{font-size:20px;font-weight:500}.order-preview .pill{margin-left:auto}.order-preview p{font-size:12px}.execution-note{padding:13px;background:#3679f410;border:1px solid #77a2f321;border-radius:9px;font-size:12px;line-height:1.6;color:#9db8e3;display:flex;gap:12px}.order-type{display:flex;justify-content:space-between;font-size:11px;color:#8c9ebb;margin-top:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.percentages{display:flex;gap:8px;margin-top:11px}.percentages button{flex:1;padding:6px;background:#1d293d;border:1px solid #6683b21b;border-radius:5px;font-size:10px;color:#aac1e7}.network-card{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:20px;padding:17px;background:#0d1523;border:1px solid #617da72a;border-radius:10px}.network-card strong{grid-column:1;font-size:14px;font-weight:500}.network-card .pill{grid-column:2;grid-row:1/3;align-self:center}.demo-address{background:#0c1423;padding:15px;border:1px dashed #608ac466;border-radius:8px;font-family:monospace;font-size:12px;color:#aacaff;overflow-wrap:anywhere}.break{overflow-wrap:anywhere;text-align:right;max-width:62%}.verification{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.7;color:#a9bad5;background:#0e1624;border-radius:9px;padding:14px}.verification input{accent-color:#3d7eff;margin-top:4px}.processing-view{text-align:center;padding:35px 5px}.processing-ring{width:68px;height:68px;border:3px solid #3668aa30;border-top-color:#7faeff;border-radius:50%;margin:0 auto 25px;animation:spin 1s linear infinite}.processing-view small{font-size:9px;letter-spacing:1.5px;color:#7b95bb}.processing-track{height:3px;overflow:hidden;border-radius:5px;background:#263450;margin:28px auto;width:70%}.processing-track span{display:block;height:100%;width:100%;background:#6598ff;transform-origin:left;animation:progress 1.5s ease both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}dialog.processing .close{visibility:hidden}.receipt-icon{display:grid;place-items:center;width:65px;height:65px;background:#3277ed20;border:1px solid #679dff55;border-radius:50%;color:#a7c8ff;font-size:30px;margin:4px auto 20px;animation:dialog-in .4s ease}.center{text-align:center}.receipt-amount{font-size:32px;font-weight:500;letter-spacing:-1px;text-align:center;margin:25px 0}.activity[role=button]{cursor:pointer;border-radius:9px;transition:background .2s;padding-left:10px;padding-right:10px}.activity[role=button]:hover{background:#2e446326}.activity[role=button]:focus-visible{outline:2px solid #8fb5ff;outline-offset:2px}.book-head,.book-row{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:right;font-size:12px;padding:7px 0;position:relative;font-variant-numeric:tabular-nums}.book-head{color:#7d90ac;font-size:10px;margin-top:18px}.book-head span:first-child,.book-row span:first-child{text-align:left}.book-row:before{content:'';position:absolute;right:0;top:1px;bottom:1px;width:var(--depth);background:#397af514;animation:depth-in .7s ease both;transform-origin:right}.book-row.ask:before{background:#c5749614}.book-row.ask span:first-child{color:#d99ab5}.book-row.bid span:first-child{color:#95bbff}.book-mid{font-size:21px;letter-spacing:-.5px;padding:15px 0;margin:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.book-mid small{font-size:10px;color:#8194b2;margin-left:15px;letter-spacing:0}@keyframes depth-in{from{transform:scaleX(.2)}to{transform:scaleX(1)}}.layout>.panel{align-self:start}@media(max-width:760px){dialog{padding:25px 20px}.flow-steps{gap:12px}.receipt-amount{font-size:27px}.order-preview strong{font-size:17px}.book-row{font-size:11px}.confirmation-actions .btn{padding:13px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.chart polyline{stroke-dashoffset:0}.processing-track span{transform:none}}