@font-face{font-family:Manrope;src:url(chart/fonts/manrope-latin.woff2);font-weight:400 700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#07090d;color:#eee;font:13px Manrope,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #6e8fff;outline-offset:2px}button:hover{filter:brightness(1.2)}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default}input{min-width:0;background:#0b0e11;border:1px solid #353944;border-radius:7px;padding:10px}input::-webkit-inner-spin-button{appearance:none}[hidden]{display:none!important}.surround{max-width:1100px;margin:24px auto 20px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{color:white;text-decoration:none;font-size:21px;font-weight:700;display:flex;align-items:center;gap:9px}.brandmark{background:#b9f57b;color:#0b1610;border-radius:7px;width:27px;height:27px;text-align:center}.wordmark{font-size:9px;letter-spacing:1.8px;color:#777f8b;margin-left:15px;font-weight:500}.outer-note{color:#747c88;font-size:12px}.phone{position:relative;width:430px;height:850px;max-height:calc(100dvh - 118px);min-height:620px;margin:0 auto;background:#0b0e11;box-shadow:0 24px 100px #0009,0 0 0 1px #2b3038;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.demo-status{display:flex;justify-content:space-between;padding:9px 16px;background:#13161c;font-size:9px;letter-spacing:.3px;color:#9ca6b7}.demo-status i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#dda75e}.demo-status i.live{background:#20c77b}.pnl-bar{display:flex;justify-content:space-between;background:#141414;padding:9px 14px;color:#969696;font-size:11px}.pnl-bar b{font-weight:500;color:#20c77b}header{padding:12px 14px 10px;border-bottom:1px solid #1d2229}.toolbar,.quote,.tools{display:flex;align-items:center;justify-content:space-between}.coin{padding:0;color:#557bff;font-size:18px;font-weight:700;white-space:nowrap}.coin span{font-weight:500;font-size:15px}.coin small{font-size:13px}.tools{gap:7px}.tools button{width:33px;height:34px;border:1px solid #292b2e;border-radius:9px;background:#131416;font-size:17px}.tools button:first-child{font-size:12px}.quote{margin-top:9px;font-size:13px;gap:7px;justify-content:flex-start}.quote #change{font-size:11px;color:#ec625b}.quote #layout{margin-left:auto;color:#a6b4d6;font-size:10px}.chart-zone{position:relative;flex:1;min-height:150px;overflow:hidden}.chart-zone iframe{border:0;width:100%;height:100%;display:block}.chart-heading{position:absolute;top:12px;left:14px;z-index:2;font-weight:600;font-size:14px;pointer-events:none}.chart-heading:empty{display:none}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#0b0e11e8;color:#8593a8}#delete-drawing{position:absolute;top:50px;left:14px;z-index:3;background:#262b35;border:1px solid #3e4657;padding:8px;border-radius:8px}.trade-card{background:#141414;border:1px solid #242424;border-radius:16px 16px 0 0;padding:15px 16px 18px}.contract{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;font-size:14px;font-weight:600;text-align:left}.account{display:flex;justify-content:space-between;color:#8f939a;font-size:11px;margin:14px 0}.account b{font-weight:500;color:#b6b9be}#entry-fields{display:flex;gap:8px;margin:0 0 12px}#entry-fields button{border:1px solid #30343c;border-radius:7px;padding:6px 10px;font-size:11px}#entry-fields button:last-child{color:#aebcfa;margin-left:auto}#limit{width:105px;padding:5px 8px;font-size:11px}.entry{display:flex;gap:10px;height:46px}.entry>.buy,.entry>.sell{border-radius:9px;font-size:17px;flex:1;font-weight:600}.buy{background:#18b95c}.sell{background:#ef5c54}.quantity{display:flex;align-items:center;background:#0c0c0c;border-radius:8px;flex:1.35;overflow:hidden;border:1px solid #252525}.quantity button{background:#212121;height:100%;font-size:22px;flex:1}.quantity input{text-align:center;width:42px;border:0;padding:0;background:none;font-size:17px}.book{background:#111214;border:1px solid #28292d;border-radius:16px 16px 0 0;max-height:230px;overflow:auto;flex-shrink:0}.handle{display:block;width:100%;height:17px}.handle span{display:block;width:34px;height:4px;border-radius:4px;background:#424447;margin:auto}.book nav{display:flex;border-bottom:1px solid #2a2c31;padding:0 10px}.book nav button{flex:1;color:#a7a9ae;font-size:13px;padding:9px 0 11px;border-bottom:2px solid transparent}.book nav button.selected{color:white;border-color:#efefef}.book nav span{font-size:10px;margin-left:2px}.book:not(.expanded) #book-content,.book:not(.expanded) #exit-all{display:none}.empty{padding:23px 15px 27px;color:#717782;text-align:center;font-size:12px}.book-row{display:grid;grid-template-columns:1.8fr 1fr 1fr auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #24262a;font-size:11px}.book-row small{display:block;color:#858b97;font-size:10px;margin-top:3px}.book-row .actions{display:flex;gap:2px}.book-row .actions button{padding:4px;font-size:15px}.green{color:#24bd77!important}.red{color:#ed6861!important}#exit-all{border:1px solid #583232;border-radius:6px;color:#f07870;font-size:11px;display:block;margin:9px auto;padding:7px 18px}.toast{position:absolute;bottom:75px;left:16px;right:16px;padding:12px 16px;border:1px solid #285248;border-radius:12px;background:#132433;z-index:10;box-shadow:0 5px 20px #0008;font-size:12px}.modal-backdrop{position:absolute;inset:0;background:#0009;z-index:20;display:flex;align-items:flex-end}.modal{background:#181a1f;border:1px solid #32353d;border-radius:19px 19px 0 0;width:100%;max-height:80%;overflow:auto;padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal h2{font-size:18px;margin:0}.modal-head button{font-size:25px;color:#a1a6ae}.modal p{color:#9ca5b4;line-height:1.7;font-size:12px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-grid button,.choice-list button{padding:14px 10px;border:1px solid #343943;border-radius:9px;background:#20242b}.choice-grid button.active{background:#233863;border-color:#557bff;color:#baceff}.choice-list{display:grid;gap:8px}.choice-list button{text-align:left;display:flex;justify-content:space-between}.choice-list small{color:#929fb3}.form-row{display:flex;align-items:center;gap:12px;margin:14px 0}.form-row label{width:75px;font-size:13px}.form-row input{flex:1}.form-row button{color:#999;font-size:18px}.primary{display:block;width:100%;background:#3b6cff;padding:13px;border-radius:9px;font-weight:600;margin-top:20px}.secondary{display:block;width:100%;padding:13px;color:#b9c0cc}.contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.contract-grid button{padding:13px 8px;border:1px solid #333a47;background:#20242c;border-radius:8px;text-align:left;font-size:12px}.contract-grid button.active{border-color:#537cff}.contract-grid small{display:block;color:#95a1b6;margin-top:5px}footer{display:flex;justify-content:center;gap:15px;color:#616975;font-size:10px;padding:16px}footer button{font-size:10px;color:#9ca8bf;text-decoration:underline}@media(max-width:600px){body{background:#0b0e11}.surround,footer{display:none}.phone{width:100%;height:100dvh;max-height:none;min-height:0;border-radius:0;box-shadow:none}.trade-card{padding-bottom:max(14px,env(safe-area-inset-bottom))}.book{max-height:32dvh}}@media(min-width:601px) and (max-height:760px){.surround{margin:12px auto}.phone{min-height:580px;max-height:calc(100dvh - 96px)}footer{padding:10px}} 

/* A portrait phone silhouette that retains its proportions on short laptops. */
.surround{max-width:none;margin:12px auto 10px;padding:0 28px;height:38px;justify-content:flex-start}
.brand{gap:14px}.brand-logo{display:block;width:150px;height:48px;object-fit:contain}.wordmark{margin-left:0}
.phone{width:390px;height:844px;max-height:none;min-height:0;margin:0 auto 20px;border-radius:25px}
@media(min-width:601px){.phone{height:max(740px,calc(100dvh - 80px));width:clamp(340px,calc((100dvh - 80px) * .462),410px);max-height:888px;min-height:740px}}
@media(max-width:600px){.surround{display:none}.phone{width:100%;height:100dvh;max-height:none;min-height:0;margin:0;border-radius:0}}

.tools button{display:grid;place-items:center}.tools img{width:20px;height:20px}.entry>.buy,.entry>.sell{display:flex;align-items:center;justify-content:center;gap:5px;font-size:18px;font-weight:500}.entry img{width:20px;height:20px}.quantity button{display:grid;place-items:center}.buy{background:#16b95d}.sell{background:#f05b53}
@media(min-width:601px){.phone{width:390px;height:844px;min-height:844px;max-height:844px;margin:12px auto}.surround{height:38px}}
@media(min-width:1001px){.surround{position:absolute;top:4px;left:0;margin:0;height:48px}.phone{margin-top:12px}}

.tools img,.entry img{filter:brightness(0) invert(1)}

/* Native trading screen proportions and table hierarchy. */
header{padding:10px 12px 9px}.toolbar{gap:10px}.coin{font-size:17px}.coin span{font-size:15px}.tools{gap:7px}.tools button{width:32px;height:34px;border-radius:8px;background:#121314;border:1px solid #292929}.tools img{width:23px;height:23px}.tools #indicators img{width:19px;height:19px}.tools button:first-child{font-size:13px}.quote{font-size:14px;margin-top:10px}
.trade-card{padding:18px 16px 24px;border-radius:18px 18px 0 0;background:#131313}.contract{font-size:14px;font-weight:500}.account{font-size:12px;margin:16px 0 22px}.account b{color:#bbb}.entry{height:48px;gap:11px}.entry>.buy,.entry>.sell{border-radius:9px;font-size:19px}.quantity{flex:1.6;border:0;border-radius:8px}.quantity input{font-size:20px;width:42px}.quantity button{background:#222}.entry img{width:22px;height:22px}#place-another{width:100%;height:48px;border:1px solid #5278ff;border-radius:9px;font-size:16px;font-weight:600;background:#141414}#entry-fields{margin-bottom:13px}.book{background:#141414;border-radius:17px 17px 0 0;max-height:290px}.book nav{padding:0 12px}.book nav button{font-size:15px;padding:12px 0 14px}.book nav span{font-size:13px}.book nav span:before{content:'('}.book nav span:after{content:')'}.handle{height:20px}.handle span{width:40px;height:5px}.book:not(.expanded) #book-content{display:none}.table-head,.book-row{display:grid;grid-template-columns:1.05fr 1.35fr .65fr 1.15fr 1.15fr .6fr;gap:5px;align-items:center;padding:9px 4px;font-size:11px;text-align:center}.table-head{color:#aaa;background:#171717;line-height:14px}.table-head span:nth-child(-n+2){text-align:left}.table-section{background:#242424;padding:7px 14px;color:#bbb;font-size:12px;display:flex;justify-content:space-between}.book-row{padding:12px 4px;border-bottom:1px solid #292929;min-height:62px}.book-row button{padding:0;font-size:inherit;text-align:left}.book-row small{font-size:10px;color:inherit;margin-top:5px}.symbol-cell{text-decoration:underline;text-underline-offset:3px}.option-cell small{text-decoration:underline;text-underline-offset:3px}.close-cell{display:grid;place-items:center}.close-cell img{width:21px;height:21px;filter:invert(51%) sepia(42%) saturate(1048%) hue-rotate(315deg) brightness(102%)}.row-actions{display:flex;justify-content:flex-end;gap:0;border-bottom:1px solid #2b2b2b;background:#191919}.row-actions button{padding:9px 14px;font-size:11px;border-left:1px solid #303030;color:#bfc8de}.row-actions .flip-action{color:#9ab3ff}#exit-all{margin:12px auto;border-color:#5c3434}.book:not(.expanded){overflow:hidden}@media(max-width:600px){.book{max-height:36dvh}}
.contract-header{display:flex;align-items:center;gap:12px}.contract-header .contract{flex:1;gap:5px;justify-content:flex-start}.contract-header #orderbook{display:grid;place-items:center;width:28px;height:28px;padding:3px}.contract-header img{width:22px;height:22px;filter:brightness(0) invert(1)}.chain-caption{color:#aaa;font-size:13px;padding-bottom:18px}.chain-head,.chain-row{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;align-items:center}.chain-head{color:#aaa;border-bottom:1px solid #333;padding:12px 0}.chain-row{border-bottom:1px solid #292929}.chain-row>span{background:#232323;padding:15px 0}.chain-row button{padding:15px 0;color:#ddd}.chain-row button.active{background:#23345a;color:#9bb5ff}.depth-head{display:grid;grid-template-columns:repeat(4,1fr);color:#aaa;font-size:11px;text-align:center;padding:12px 0}.depth-row{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.depth-row>div{display:flex;justify-content:space-between;padding:9px 8px;position:relative}.depth-row .bid{background:linear-gradient(to left,#1a493966 var(--depth),transparent var(--depth));color:#3cba84}.depth-row .ask{background:linear-gradient(to right,#642c3266 var(--depth),transparent var(--depth));color:#ef6d6a}.depth-row strong{font-weight:500}.modal{background:#141414}.chain-rows{max-height:45vh;overflow:auto}
/* Guided onboarding: feature library and target-anchored coachmarks. */
.demo-modes{position:fixed;right:24px;top:18px;z-index:110;display:flex;gap:3px;background:#111218;border:1px solid #292936;border-radius:10px;padding:4px}.demo-modes button{padding:9px 13px;border-radius:7px;color:#9795a8;font-size:12px}.demo-modes button.selected{background:#22223a;color:#ececf5}
.tour-hub{position:fixed;inset:0;z-index:120;background:#000a;backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px}.guide-library{position:relative;width:min(760px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#111118;border:1px solid #303044;border-radius:20px;padding:36px;box-shadow:0 28px 100px #0008}.guide-close{position:absolute;right:20px;top:15px;font-size:27px;color:#8c899e}.guide-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#5277ff;margin-bottom:17px}.guide-library h1{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin:0 0 14px}.guide-intro{color:#9996ab;font-size:14px;line-height:1.75;margin:0;max-width:550px}.guide-total{display:flex;justify-content:space-between;color:#9491a6;font-size:11px;margin:25px 0 10px}.guide-track,.coach-track{height:4px;background:#242334;border-radius:4px;overflow:hidden}.guide-track i,.coach-track i{display:block;height:100%;background:#416cff;border-radius:4px;transition:width .2s}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.guide-tile{display:grid;grid-template-columns:34px 1fr 10px;gap:12px;align-items:center;text-align:left;border:1px solid #252533;border-radius:12px;padding:17px 14px;background:#1a1a25;min-height:125px}.guide-tile:hover{background:#202031;border-color:#435894;filter:none}.guide-number{font-size:12px;font-weight:700;display:grid;place-items:center;height:34px;border-radius:9px;background:#242a49;color:#6180ff}.guide-number.done{background:#18392e;color:#38ce7b}.guide-tile strong{display:block;font-size:13px;line-height:1.45;color:#eeedf5}.guide-description{display:block;color:#9996ab;font-size:11px;line-height:1.6;margin:6px 0 9px}.guide-tile small{font-size:10px;color:#6385ff}.guide-chevron{color:#89879b;font-size:22px}.guide-session{font-size:11px;color:#807d92;margin:22px 0 0}
.tour-panel{position:fixed;width:310px;max-width:calc(100vw - 24px);z-index:105;background:#1b1b27;border:1px solid #353448;border-radius:14px;padding:21px 22px 0;box-shadow:0 18px 65px #0007;color:#f1eff7}.coach-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.coach-top button{padding:0;color:#9c99af;font-size:11px}.coach-top button:last-child{font-size:23px;line-height:16px}.coach-label{color:#718cff;font-size:10px;letter-spacing:.3px;margin-bottom:8px}.tour-panel h2{font-size:20px;letter-spacing:-.45px;line-height:1.3;margin:0 0 12px;font-weight:700}.coach-description{font-size:13px;line-height:1.75;color:#a6a2b8;margin:0 0 15px}.coach-action{font-size:13px;line-height:1.6;color:#eeecfa;margin:0;padding-top:12px;border-top:1px solid #303040}.coach-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 18px;font-size:11px;color:#9692a9}.coach-wait{font-size:10px;color:#7c95f5}.coach-primary{background:#3f6aff;color:white;padding:10px 12px;border-radius:8px;font-size:11px}.coach-track{margin:0 -22px;height:3px;border-radius:0 0 14px 14px}.tour-panel:before{content:'';position:absolute;width:12px;height:12px;background:#1b1b27;border:1px solid #353448;transform:rotate(45deg)}.tour-panel[data-side=right]:before{left:-7px;top:var(--pointer-y);border-top:0;border-right:0}.tour-panel[data-side=left]:before{right:-7px;top:var(--pointer-y);border-bottom:0;border-left:0}.tour-panel[data-side=above]:before{bottom:-7px;left:var(--pointer-x);border-left:0;border-top:0}.tour-panel[data-side=below]:before{top:-7px;left:var(--pointer-x);border-bottom:0;border-right:0}.tour-panel[data-side=none]:before{display:none}.tour-highlight{position:fixed;z-index:104;pointer-events:none;border:2px solid #4a72ff;border-radius:9px;box-shadow:0 0 0 4px #5774ff22,0 0 0 9999px #0008;transition:left .12s,top .12s,width .12s,height .12s}.toast{pointer-events:none}
@media(max-width:600px){body{padding-top:42px}.phone{height:calc(100dvh - 42px)}.demo-modes{top:3px;left:0;right:0;border:0;border-radius:0;justify-content:center;padding:2px;height:38px}.demo-modes button{padding:6px 14px}.tour-hub{padding:12px}.guide-library{padding:26px 20px;max-height:calc(100dvh - 24px);border-radius:16px}.guide-library h1{font-size:25px}.guide-grid{grid-template-columns:1fr;gap:8px}.guide-tile{min-height:92px;padding:12px}.guide-intro{font-size:13px}.tour-panel{width:288px;padding:15px 17px 0}.coach-top{margin-bottom:10px}.tour-panel h2{font-size:18px}.coach-description{font-size:12px;line-height:1.6;margin-bottom:10px}.coach-action{font-size:12px;padding-top:9px}.coach-bottom{margin:15px 0 13px}.coach-track{margin:0 -17px}.coach-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tour-highlight,.guide-track i,.coach-track i{transition:none}}

.guide-tile strong{font-size:14px}.guide-description{font-size:12px}.guide-tile small{font-size:11px}