.os-overlay{position:fixed;inset:0;z-index:2147483100;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(0,0,0,.67);font:14px Arial,"Microsoft YaHei",sans-serif;color:#f6f7f9;letter-spacing:0;color-scheme:dark}
.os-overlay[hidden],.os-overlay [hidden]{display:none!important}
.os-overlay *{box-sizing:border-box;letter-spacing:0}
body.os-open{overflow:hidden}
.os-panel{width:420px;max-width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;padding:24px;background:#17191d;border:1px solid #383c44;border-radius:8px;box-shadow:0 20px 80px #0008;scrollbar-width:thin}
.os-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.os-head h2{margin:0;color:#f6f7f9;font-size:23px;line-height:1.3;overflow-wrap:anywhere}
.os-sub{margin-top:5px;color:#8490a3;font-size:11px}
.os-close{flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #34383f;border-radius:50%;background:#22252b;color:#b5bdca;font:24px/32px Arial;cursor:pointer}
.os-close:hover{background:#30343b;color:white}
.os-overlay button:focus-visible,.os-overlay summary:focus-visible{outline:2px solid #20b15a;outline-offset:3px}
.os-status{height:216px;display:flex;align-items:center;justify-content:center}
.os-ring{--os-progress:0%;width:174px;height:174px;flex-shrink:0;position:relative;border-radius:50%;background:conic-gradient(#20b15a var(--os-progress),#2b2f35 0);display:grid;place-items:center}
.os-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#17191d}
.os-clock{position:relative;display:grid;gap:7px;text-align:center;padding:0 15px;max-width:100%}
.os-clock strong{display:block;min-height:40px;font-size:36px;font-weight:700;line-height:40px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.os-clock span{font-size:12px;color:#9aa4b3;line-height:1.4}
.os-waiting .os-clock strong{font-size:22px;color:#f3c84b}
.os-waiting .os-ring{background:conic-gradient(#f3c84b 12%,#2b2f35 0)}
.os-result{width:100%;text-align:center}
.os-symbol{display:grid;place-items:center;margin:0 auto 14px;width:38px;height:38px;border-radius:50%;background:#ffffff09;font-size:21px}
.os-pnl{display:flex;align-items:baseline;justify-content:center;gap:7px;flex-wrap:wrap}
.os-pnl strong{font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}
.os-pnl small{font-size:13px;color:#8994a5}
.os-result p{font-size:12px;color:#a7b0bd;margin:9px 0 0}
.os-details{margin:0;border-top:1px solid #2b2e34;padding-top:12px}
.os-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;align-items:center;min-height:39px;font-size:14px;padding:3px 0}
.os-row dt{color:#8e99aa;font-weight:400;overflow-wrap:anywhere}
.os-row dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;font-weight:400}
.os-overlay .os-positive{color:#20b15a}
.os-overlay .os-negative{color:#d43d67}
.os-emphasis{border-top:1px solid #2b2e34;margin-top:8px;padding-top:11px;min-height:47px}
.os-emphasis dd{font-size:18px;font-weight:700}
.os-note{margin:18px 0 0;font-size:11px;line-height:1.7;color:#818c9c;text-align:center}
.os-done{width:100%;height:42px;margin-top:20px;border:0;border-radius:5px;background:#20b15a;color:white;font:700 14px Arial;cursor:pointer}
.os-more{margin-top:14px;color:#8490a3;font-size:11px}
.os-more summary{cursor:pointer;padding:5px 0}
.os-more dl{margin:8px 0 0}
.os-more .os-row{font-size:11px}
@media(max-width:600px){.os-overlay{padding:16px 12px}.os-panel{width:380px;padding:20px}.os-status{height:204px}.os-ring{width:164px;height:164px}.os-row{min-height:37px;font-size:13px}.os-head h2{font-size:21px}}
@media(max-height:680px){.os-overlay{padding:12px}.os-panel{padding:16px 20px}.os-status{height:156px}.os-ring{width:136px;height:136px}.os-clock strong{font-size:30px}.os-waiting .os-clock strong{font-size:18px}.os-clock span{font-size:10px}.os-row{min-height:32px}.os-note{margin-top:12px}.os-done{margin-top:12px}.os-pnl strong{font-size:30px}}