@import "https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&display=swap";:root{--bg:#0c0c0c;--card:#141414;--card-elevated:#1a1a1a;--card-border:#1e1e1e;--border:#ffffff0f;--border-strong:#ffffff1f;--surface-subtle:#ffffff0a;--text:#e8e8e8;--text-muted:#888;--text-dim:#555;--yellow:#ef0;--yellow-ink:#0c0c0c;--yellow-soft:#eeff0014;--yellow-border:#ef03;--green:#44ff97;--green-soft:#44ff9714;--green-border:#44ff974d;--red:#e05252;--red-soft:#e0525214;--red-border:#e052524d;--radius-sm:0px;--radius:0px;--radius-lg:0px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:24px;--font:"Bai Jamjuree", sans-serif;--container-max:1400px;--container-pad:clamp(12px, 2vw, 24px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea{color:inherit;font-family:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.btn{font-family:var(--font);font-size:var(--fs-base);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:disabled{cursor:not-allowed}.btn--primary{background:var(--yellow);color:var(--yellow-ink);font-weight:700}.btn--primary:disabled{color:var(--text-dim);background:#2a2a2a}.btn--ghost{color:var(--yellow);border-color:var(--yellow-border);background:0 0}.btn--ghost:disabled{color:var(--text-dim);border-color:var(--border)}.get-quote-btn.btn{transition:background .35s,color .35s,border-color .35s}.btn--side-yes{color:var(--text-muted);border-color:var(--border);background:0 0}.btn--side-yes.is-active{background:var(--green-soft);color:var(--green);border-color:var(--green-border)}.btn--side-no{color:var(--text-muted);border-color:var(--border);background:0 0}.btn--side-no.is-active{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}.btn--chip{font-size:var(--fs-xs);background:var(--surface-subtle);color:var(--text-muted);border-color:var(--border);border-radius:var(--radius);padding:8px 12px;font-weight:600}.btn--chip:hover:not(:disabled){color:var(--text);background:#ffffff12}.btn--full{width:100%}.field{display:block}.field__label{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:8px;display:block}.input-row{background:var(--card-elevated);border-radius:var(--radius);border:1px solid var(--border);align-items:center;padding:0 12px;display:flex}.input-row:focus-within{border-color:var(--border-strong)}.input-row__prefix{color:var(--text-dim);font-size:var(--fs-base);margin-right:4px}.input-row__suffix{color:var(--text-muted);font-size:var(--fs-xs);background:var(--surface-subtle);border-radius:var(--radius-sm);padding:4px 8px;font-weight:600}.input-row input{color:var(--text);font-size:var(--fs-md);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-weight:500}.input-row input::placeholder{color:var(--text-dim)}.input-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-row input[type=number]{appearance:textfield}.lev-wrap{background:#0e0e0e;border:1px solid #ffffff0f;border-radius:14px;margin-top:14px;margin-bottom:4px;padding:14px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 4px 18px #00000059}.lev-wrap:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% 110%,#eeff002e,#ef00 60%);position:absolute;inset:0}.lev-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ef06,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.lev-wrap>*{position:relative}.quick-btn-row{gap:5px;margin-top:6px;display:flex}.quick-btn{color:var(--text-muted);font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;font-variant-numeric:tabular-nums;background:#1a1a1a;border:1px solid #ffffff0f;border-radius:6px;flex:1;padding:6px 4px;transition:background .15s,border-color .15s,color .15s}.quick-btn:hover:not(:disabled){color:var(--text);background:#eeff000f;border-color:#ef03}.quick-btn:disabled{opacity:.4;cursor:not-allowed}.adv{--adv-ease:cubic-bezier(.32, .72, .24, 1);margin-top:14px}.adv__toggle{cursor:pointer;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;transition:color .18s var(--adv-ease);background:0 0;border:none;align-items:center;gap:8px;padding:4px 0;font-size:10px;font-weight:700;display:inline-flex}.adv__toggle:hover,.adv__toggle[aria-expanded=true]{color:var(--text-muted)}.adv__caret{width:8px;height:8px;transition:transform .26s var(--adv-ease);position:relative}.adv__caret:before,.adv__caret:after{content:"";transform-origin:1px;width:6px;height:1.25px;transition:transform .26s var(--adv-ease);background:currentColor;border-radius:1px;position:absolute;top:50%;left:50%}.adv__caret:before{transform:translate(-50%,-50%)rotate(45deg)}.adv__caret:after{transform:translate(-50%,-50%)rotate(-45deg)}.adv__toggle[aria-expanded=true] .adv__caret:before{transform:translate(-50%,-50%)rotate(135deg)}.adv__toggle[aria-expanded=true] .adv__caret:after{transform:translate(-50%,-50%)rotate(-135deg)}.adv__rule{background:linear-gradient(90deg,#ffffff14,#fff0);flex:1;height:1px;margin-left:10px}.adv__toggle-row{align-items:center;width:100%;display:flex}.adv__panel{transition:grid-template-rows .32s var(--adv-ease);grid-template-rows:0fr;display:grid}.adv__panel--open{grid-template-rows:1fr}.adv__panel-inner{min-height:0;overflow:hidden}.adv__panel-content{opacity:0;transition:opacity .24s var(--adv-ease) 40ms, transform .32s var(--adv-ease) 40ms;padding-top:12px;transform:translateY(-4px)}.adv__panel--open .adv__panel-content{opacity:1;transform:translateY(0)}.adv__row{align-items:center;gap:10px;display:flex}.adv__label{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.02em;flex-shrink:0;font-weight:500}.adv__chips{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);gap:2px;margin-left:auto;padding:2px;display:inline-flex}.adv__chip{cursor:pointer;border-radius:calc(var(--radius) - 3px);font-size:var(--fs-xs);color:var(--text-dim);transition:color .16s var(--adv-ease), background .16s var(--adv-ease);font-variant-numeric:tabular-nums;background:0 0;border:none;padding:6px 10px;font-weight:600;position:relative}.adv__chip:hover:not(.adv__chip--active){color:var(--text)}.adv__chip--active{background:var(--yellow);color:var(--yellow-ink)}.adv__custom{background:var(--card-elevated);border:1px solid var(--border);border-radius:var(--radius);width:86px;transition:border-color .16s var(--adv-ease);align-items:center;gap:4px;padding:0 10px 0 8px;display:inline-flex}.adv__custom:focus-within{border-color:var(--yellow-border)}.adv__custom input{min-width:0;font-size:var(--fs-sm);color:var(--text);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:none;outline:none;flex:1;padding:7px 0;font-weight:500}.adv__custom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.adv__custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.adv__custom input[type=number]{appearance:textfield}.adv__custom-suffix{font-size:var(--fs-xs);color:var(--text-dim);font-weight:600}.pf{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.pf__head{align-items:flex-start;gap:12px;display:flex}.pf__switch{border:1px solid var(--border-strong);background:var(--surface-subtle);cursor:pointer;width:38px;height:22px;transition:background .2s var(--adv-ease), border-color .2s var(--adv-ease);border-radius:999px;flex-shrink:0;margin-top:1px;padding:0;position:relative}.pf__switch--on{background:var(--yellow-soft);border-color:var(--yellow-border)}.pf__switch-knob{background:var(--text-muted);width:16px;height:16px;transition:transform .22s var(--adv-ease), background .22s var(--adv-ease);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.pf__switch--on .pf__switch-knob{background:var(--yellow);transform:translate(16px,-50%);box-shadow:0 0 10px #ef09}.pf__head-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pf__title{font-size:var(--fs-sm);color:var(--text);font-weight:600}.pf__sub{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.3}.pf__panel{transition:grid-template-rows .32s var(--adv-ease);grid-template-rows:0fr;display:grid}.pf__panel--open{grid-template-rows:1fr}.pf__panel-inner{min-height:0;overflow:hidden}.pf__panel--open .pf__panel-inner{padding:20px 16px 2px}.pf__slider-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.pf__slider-label{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.02em;font-weight:500}.pf__value{font-size:var(--fs-md);color:var(--yellow);font-variant-numeric:tabular-nums;text-shadow:0 0 14px #ef09;font-weight:700}.pf__track-host{height:24px;position:relative}.pf__track{background:#ffffff14;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pf__track-fill{background:linear-gradient(90deg,#0000,#ef0);height:2px;transition:width .1s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pf__dot{z-index:1;border-radius:50%;width:4px;height:4px;transition:background .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.pf__thumb{background:var(--yellow);z-index:2;border-radius:50%;width:10px;height:10px;transition:left .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #eeff00b3}.pf__range{opacity:0;cursor:pointer;z-index:3;width:100%;height:100%;margin:0;position:absolute;inset:0}.pf__scale{color:var(--text-dim);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.pf__note{font-size:var(--fs-xs);color:var(--text-muted);margin:12px 0 0;line-height:1.45}.pf__note strong{color:var(--text);font-weight:600}.pofill__bar{background:var(--yellow);height:100%;transition:width .5s var(--adv-ease)}.trade-drawer-backdrop{z-index:900;opacity:0;pointer-events:none;background:#0009;transition:opacity .28s cubic-bezier(.32,.72,.24,1);position:fixed;inset:0}.trade-drawer-backdrop--open{opacity:1;pointer-events:auto}.trade-drawer{z-index:910;pointer-events:none;background:var(--bg);border-left:1px solid var(--border);flex-direction:column;width:420px;max-width:100vw;transition:transform .32s cubic-bezier(.32,.72,.24,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000080}.trade-drawer--open{pointer-events:auto;transform:translate(0)}.trade-drawer__inner{flex:1 1 0;padding:16px 0;overflow-y:auto}@media (width<=480px){.trade-drawer{width:100vw}}.markets-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.markets-toolbar__input,.markets-toolbar__select,.markets-toolbar__refresh{background-color:var(--card);border:1px solid var(--border);color:var(--text);font-size:13px;font-family:var(--font);outline:none;padding:8px 12px;transition:border-color .15s,background-color .15s}.markets-toolbar__input{flex:200px;min-width:180px}.markets-toolbar__input::placeholder{color:var(--text-dim)}.markets-toolbar__input:focus,.markets-toolbar__select:focus{background-color:var(--card-elevated);border-color:#eeff0059}.markets-toolbar__select{cursor:pointer;appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;flex:none;padding-right:30px}.markets-toolbar__select:hover{border-color:#ffffff2e}.markets-toolbar__select option{color:var(--text);background-color:#141414}.markets-toolbar__refresh{cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.markets-toolbar__refresh:hover:not(:disabled){border-color:#eeff0059}.markets-toolbar__refresh:disabled{cursor:wait}.markets-table-wrap{border:1px solid var(--border);background:var(--card);overflow:hidden}.dimes-scroll{scrollbar-width:thin;scrollbar-color:#eeff0040 transparent}.dimes-scroll::-webkit-scrollbar{width:8px;height:8px}.dimes-scroll::-webkit-scrollbar-track{background:0 0}.dimes-scroll::-webkit-scrollbar-thumb{background:#eeff0026;border-radius:4px;transition:background .2s}.dimes-scroll::-webkit-scrollbar-thumb:hover{background:#eeff0059}.dimes-scroll::-webkit-scrollbar-corner{background:0 0}:root{--correction-amber:#f5c451;--correction-ease:cubic-bezier(.32, .72, .24, 1)}.correction-host{position:relative}.correction-overlay{pointer-events:none;border-radius:inherit;z-index:4;animation:correctionGlow .56s var(--correction-ease) .16s both;position:absolute;inset:0}.correction-overlay:after{content:"";background:var(--correction-amber);width:0;height:2px;animation:correctionRailSweep .64s var(--correction-ease) .12s both;border-radius:1px;position:absolute;bottom:-1px;left:0}@keyframes correctionGlow{0%{box-shadow:0 0 #f5c45100}50%{box-shadow:0 0 0 6px #f5c4512e}to{box-shadow:0 0 #f5c45100}}@keyframes correctionRailSweep{0%{opacity:.92;width:0}75%{opacity:.92;width:100%}to{opacity:0;width:100%}}.cta-breath{pointer-events:none;border-radius:inherit;z-index:1;animation:ctaBreath .56s var(--correction-ease) .2s both;position:absolute;inset:0}@keyframes ctaBreath{0%{box-shadow:0 0 #f5c45100}50%{box-shadow:0 0 0 4px #f5c45138}to{box-shadow:0 0 #f5c45100}}.panel-fail-ring{pointer-events:none;border-radius:inherit;z-index:1;animation:panelFailRing .22s var(--correction-ease) both;position:absolute;inset:0}@keyframes panelFailRing{0%{box-shadow:inset 0 0 0 1px #f5a1a173}to{box-shadow:inset 0 0 0 1px #f5a1a100}}[data-correcting=true] .leverage-fill,[data-correcting=true] .leverage-thumb{transition:width .4s var(--correction-ease), left .4s var(--correction-ease)!important}.stat-row-diff-in{animation:statRowDiffIn .35s var(--correction-ease) both}@keyframes statRowDiffIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.micro-stat-flash{animation:.6s ease-out both microStatFlash}@keyframes microStatFlash{0%{background-color:#eeff001f}to{background-color:#0000}}@media (width<=640px){.trade-panel{max-width:none!important}.stat-grid{grid-template-columns:1fr!important}.header-row{flex-wrap:wrap;gap:12px}}
