.trade-settlement{--result-accent:#00ff87;position:fixed;right:24px;bottom:24px;z-index:80;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;background:#101116;border:1px solid #6b626e;box-shadow:12px 12px 0 #0008;padding:20px 24px;isolation:isolate;color:#fff}
.trade-settlement[data-grade=apex],.trade-settlement[data-grade=big]{--result-accent:#ffd000}.trade-settlement[data-grade=loss],.trade-settlement[data-grade=heavy]{--result-accent:#ff5262}.trade-settlement[data-grade=flat]{--result-accent:#d1cbdc}
.trade-settlement:before{content:"";position:absolute;left:0;top:0;width:43%;height:6px;background:var(--result-accent);clip-path:polygon(0 0,100% 0,93% 100%,0 100%)}
.settlement-close{position:absolute;right:12px;top:12px;background:#30313b;color:#ddd;z-index:5;font-size:9px;padding:7px 9px;max-width:110px}.settlement-meta{display:flex;align-items:center;gap:12px;font-size:9px;color:#aaa1b4;margin-bottom:14px;padding-right:100px;line-height:1.5}.settlement-meta b{color:#e5dfeb;font-weight:700}.settlement-symbol{display:flex;gap:12px;align-items:center;font-size:11px;position:relative;z-index:2}.settlement-symbol>b{letter-spacing:1px}.settlement-symbol>span{font-size:9px;border:1px solid #5b5464;padding:3px 5px;color:#c4bbcf}.settlement-symbol>small{font-size:9px;color:#99909f}
.settlement-paper{position:relative;z-index:3;margin:20px 0 15px -9px;padding:14px 19px 16px;width:70%;background:#f3f0e8;color:#101116;transform:rotate(-3deg);clip-path:polygon(0 13%,14% 4%,24% 9%,45% 0,72% 7%,91% 2%,100% 9%,97% 89%,81% 96%,55% 88%,27% 100%,16% 93%,0 97%)}.settlement-paper h2{font-size:clamp(23px,2.4vw,34px);letter-spacing:-1px;line-height:1.2;margin:0;font-weight:900}.settlement-paper>span{display:block;font-family:ArenaDisplay,Impact,"Arial Black",sans-serif;font-size:21px;letter-spacing:1px;margin-top:3px;line-height:1.1}
.settlement-art{position:absolute;right:0;top:92px;width:44%;height:240px;overflow:hidden;z-index:1;clip-path:polygon(14% 0,100% 5%,100% 100%,0 100%)}.settlement-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 25px,#e6001233 25px 28px),radial-gradient(ellipse at 80% 70%,#e6001222,transparent 70%);z-index:-1}.settlement-art img{display:block;height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:contrast(1.03)}
.settlement-numbers{position:relative;z-index:3;width:100%;min-height:143px}.settlement-net-label{display:block;font-size:9px;color:#bfb5ca;letter-spacing:.4px}.settlement-numbers>strong{display:block;font-family:ArenaDisplay,Impact,"Arial Black",sans-serif;font-size:72px;line-height:1.08;letter-spacing:-1px;color:var(--result-accent);text-shadow:3px 3px 0 #000;margin:7px 0;width:75%;overflow-wrap:anywhere}.negative-result .settlement-numbers>strong,.negative-result #settlementRoi,.negative-result #settlementMiniAmount{color:#ff5262}.positive-result[data-grade=flat] .settlement-numbers>strong{color:#00ff87}.settlement-roi{font-size:10px;display:flex;gap:12px;align-items:center;color:#c5bbcf}.settlement-roi b{font-size:17px;color:var(--result-accent)}#settlementQuote{margin:15px 0 0;font-size:13px;font-weight:900;line-height:1.65;background:var(--result-accent);color:#101116;padding:5px 9px;width:max-content;max-width:85%;transform:rotate(-1deg);clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}
.settlement-note{position:relative;z-index:3;font-size:10px;color:#b1a7bd;line-height:1.7;margin:12px 0 14px;max-width:85%}.settlement-receipt{display:grid;grid-template-columns:1.8fr 1fr .9fr;gap:12px;position:relative;z-index:3;border-top:1px solid #423a4b;padding:14px 0;line-height:1.6}.settlement-receipt span,.settlement-fees span{display:block;color:#9a8fa8;font-size:8px}.settlement-receipt b,.settlement-fees b{display:block;font-size:10px;color:#e1dae9;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#settlementDetails{font-size:10px;color:#b9afc5;border-top:1px solid #332b3d;padding-top:11px;position:relative;z-index:3}#settlementDetails summary{cursor:pointer;padding:2px 0;width:max-content;max-width:100%}.settlement-fees{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.settlement-fees>div{background:#1c1924;padding:9px}.settlement-fees b{margin-top:4px}#settlementExact{font-size:9px;line-height:1.7;overflow-wrap:anywhere}.settlement-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;position:relative;z-index:3}.settlement-actions button{background:#f3f0e8;color:#121016;font-size:11px;font-weight:900;padding:11px 19px;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.settlement-actions span{font-size:9px;color:#867b93;text-align:right}.settlement-mini{display:none;background:transparent;color:white;align-items:center;gap:16px;text-align:left;width:100%;padding:0 105px 0 0;font-size:10px}.settlement-mini strong{color:var(--result-accent);font-size:20px;font-family:ArenaDisplay,Impact,"Arial Black",sans-serif;white-space:nowrap}.trade-settlement.is-mini{padding:14px 18px;width:min(470px,calc(100vw - 32px))}.is-mini .settlement-full{display:none}.is-mini .settlement-mini{display:flex}.is-mini .settlement-close{top:13px}.settlement-sr{position:fixed;left:-10000px;width:1px;height:1px;overflow:hidden}
.settlement-reveal .settlement-paper{animation:settle-paper .42s cubic-bezier(.16,.85,.22,1) both}.settlement-reveal .settlement-numbers{animation:settle-number .32s .12s both}.settlement-reveal .settlement-art img{animation:settle-art .5s .05s both}.settlement-reveal #settlementQuote{animation:settle-quote .3s .27s both}
.tiny-result .settlement-numbers>strong{font-family:Arial,"Microsoft Yahei",sans-serif;font-size:25px;line-height:1.5;margin:18px 0}.tiny-result .settlement-mini strong{font:700 11px Arial;white-space:normal}.settlement-mini>span:first-child{min-width:0}.trade-result-replay{font-size:10px;padding:7px 10px;margin-top:10px;background:#302735;color:#ddd2e5;border:1px solid #4e4057}
@keyframes settle-paper{from{opacity:0;transform:translateX(-70px) rotate(-9deg)}to{opacity:1;transform:translateX(0) rotate(-3deg)}}@keyframes settle-number{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes settle-art{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes settle-quote{from{opacity:0;transform:translateX(-15px) rotate(-3deg)}to{opacity:1;transform:translateX(0) rotate(-1deg)}}
.no-motion .trade-settlement *,.quiet-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.trade-settlement *{animation:none!important;transition:none!important}}
@media(max-width:700px){.trade-settlement{right:12px;bottom:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:17px 15px;box-shadow:6px 6px 0 #0008}.settlement-meta{font-size:8px;gap:8px;flex-wrap:wrap;padding-right:85px;min-height:25px;margin-bottom:10px}.settlement-close{max-width:85px;font-size:8px}.settlement-symbol{gap:8px;flex-wrap:wrap}.settlement-symbol>small{font-size:8px}.settlement-paper{margin-top:15px;padding:13px 14px;width:80%}.settlement-paper h2{font-size:24px}.settlement-paper>span{font-size:19px}.settlement-art{top:103px;width:47%;height:200px;right:0}.settlement-numbers>strong{font-size:61px;width:85%}.settlement-roi{font-size:9px;gap:9px}.settlement-roi b{font-size:16px}#settlementQuote{font-size:12px;max-width:95%;margin-top:14px}.settlement-note{max-width:95%;font-size:9px;margin-top:10px}.settlement-receipt{grid-template-columns:1.5fr 1fr;gap:10px;padding:12px 0}.settlement-receipt>div:last-child{grid-column:2;grid-row:2}.settlement-fees{grid-template-columns:1fr 1fr}.settlement-actions span{font-size:8px}.settlement-actions button{font-size:10px;padding:11px 14px}.trade-settlement.is-mini{width:calc(100vw - 24px);right:12px;bottom:12px;padding:13px 14px}.settlement-mini{gap:8px;font-size:9px;padding-right:80px}.settlement-mini strong{font-size:22px}.settlement-numbers>strong:has(+*){overflow-wrap:anywhere}}