:where(a,button,input,textarea,select,summary):focus-visible{
  outline:2px solid #8f79ff!important;
  outline-offset:3px!important;
}

.nv:focus-visible{outline:none!important;color:#8f79ff!important}


body:has(#app) .noara-msg:not(.me):not(.err) .bb,
[data-theme="dark"] .noara-msg:not(.me):not(.err) .bb{
  background:#171a30!important;
  color:#d7e1ea!important;
}


.auth-overlay{background:rgba(3,5,8,.78)!important;backdrop-filter:blur(8px)!important}
.auth-modal{
  max-width:390px!important;
  padding:24px 22px 18px!important;
  border-radius:10px!important;
  background:#10121f!important;
  border-color:#2b2f52!important;
  box-shadow:0 24px 80px rgba(0,0,0,.68)!important;
}
.auth-title{color:#e8f0f7!important;font-size:18px!important;font-weight:600!important}
.auth-x{color:#7d8fa0!important;min-width:40px;min-height:40px;top:8px!important;right:8px!important}
.auth-btn,.auth-email input,.auth-code input{border-radius:8px!important}


body:has(#zone-account){background:#0a0b14!important;color:#c8d2dc!important;font-size:14px!important}
#brand img,.logo img.noara-wordmark{height:20px;width:auto;display:block}
body:has(#zone-account) #top{
  position:sticky;top:0;z-index:100;display:flex;align-items:center;height:56px;
  background:#0b0c17;border-bottom:1px solid #23263f;padding:0 20px
}
body:has(#zone-account) #brand{display:flex;align-items:center;margin-right:52px;color:#e8f0f7;text-decoration:none;flex:none}
body:has(#zone-account) #navlinks{display:flex;align-items:center;gap:34px;flex:none}
body:has(#zone-account) .nv{background:none;border:0;color:#e8f0f7;font:inherit;font-size:13px;
  padding:14px 0;text-decoration:none;line-height:1;white-space:nowrap}
body:has(#zone-account) .nv:hover{color:#8f79ff}
body:has(#zone-account) #topright{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0}
body:has(#zone-account) #navmenu{display:none;background:none;border:0;color:#e8f0f7;cursor:pointer;
  padding:6px;border-radius:7px;line-height:0;flex:none}

body:has(#zone-account) #conn{display:inline-flex;align-items:center;
  background:linear-gradient(135deg,#4b3eff,#7b61ff);border:0;color:#fff;font:inherit;
  font-size:12px;font-weight:400;height:33px;padding:0 16px;cursor:pointer;border-radius:8px;
  text-decoration:none}
body:has(#zone-account) #conn:hover{filter:brightness(1.12)}
body:has(#zone-account) #navmenu svg{width:20px;height:20px;display:block}
body:has(#zone-account) #top.nav-collapsed #navmenu{display:inline-flex}
body:has(#zone-account) #top.nav-collapsed #navlinks{display:none;position:absolute;top:100%;left:0;right:0;
  flex-direction:column;align-items:stretch;gap:0;background:#0b0c17;border-bottom:1px solid #23263f;
  padding:4px 0;z-index:60}
body:has(#zone-account) #top.nav-collapsed.nav-open #navlinks{display:flex}
body:has(#zone-account) #top.nav-collapsed #navlinks .nv{padding:12px 20px;text-align:left}

body:has(#zone-account) #site-tools .nav-acct,body:has(#zone-account) #site-tools .theme-toggle{display:none!important}
body:has(#zone-account) #site-tools .nav-avatar{width:30px!important;height:30px!important;border-radius:50%!important}
body:has(#zone-account) main.wrap{max-width:1120px!important;padding-top:34px!important;padding-bottom:72px!important}
body:has(#zone-account) main>h1{font-size:26px!important;font-weight:600!important;color:#e8f0f7!important}
body:has(#zone-account) #zone-account{display:flex;flex-direction:column}
body:has(#zone-account) #zone-account>.acct-card{order:50}
body:has(#zone-account) #zone-account>.acct-card:first-child{order:1}
body:has(#zone-account) #card-createwallet{order:2}
body:has(#zone-account) #card-deposit,body:has(#zone-account) #card-withdraw{order:3}
body:has(#zone-account) #card-auto{order:10}
body:has(#zone-account) #card-style{order:11}
body:has(#zone-account) #card-caps{order:12}
body:has(#zone-account) #card-rules{order:13}
body:has(#zone-account) #card-plan{order:14}
body:has(#zone-account) #card-positions{order:20}
body:has(#zone-account) #card-history{order:21}
body:has(#zone-account) #card-wdlist{order:22}
body:has(#zone-account) .acct-card{
  background:#0c0e19!important;
  border-color:#23263f!important;
  border-radius:8px!important;
  box-shadow:none!important;
  padding:20px!important;
}
body:has(#zone-account) .acct-btn{border-radius:8px!important;padding:10px 18px!important;font-size:13px!important}
body:has(#zone-account) .acct-input{border-radius:7px!important;background:#10121f!important;border-color:#2b2f52!important}
body:has(#zone-account) .acct-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
body:has(#zone-account) .acct-panel-close{
  border:0;background:transparent;color:#8f79ff;font:inherit;font-size:13px;cursor:pointer;
  min-height:36px;padding:6px 4px
}
body:has(#zone-account) .auto-opt{border-radius:7px!important;background:#10121f!important;border-color:#23263f!important}
body:has(#zone-account) .auto-opt.on{border-color:#7b61ff!important;background:#18143a!important}
body:has(#zone-account) footer{display:none!important}
body:has(#zone-account) .history-details>summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none
}
body:has(#zone-account) .history-details>summary::-webkit-details-marker{display:none}
body:has(#zone-account) .history-details>summary::after{content:"＋";color:#8f79ff;font-size:16px}
body:has(#zone-account) .history-details[open]>summary::after{content:"−"}
body:has(#zone-account) .history-details[open] .history-body{margin-top:10px}


.prose pre.eg{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.prose pre.eg code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}


@media(max-width:1023px){
  html:has(#app),html:has(#app) body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }
  #app{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
  }
  #app>#top{position:sticky!important;top:0;height:52px;z-index:100}
  #main{position:relative!important;overflow:visible!important;min-height:calc(100dvh - 52px)}
  #main>.view{position:relative!important;inset:auto!important;min-height:calc(100dvh - 52px)}
  #main>.view.on{display:block!important}

  #v-live{padding-bottom:var(--cta-h,64px)!important;background:#23263f!important}
  #v-live>.cell{min-height:0}
  #v-live>.cell:first-child{height:clamp(330px,58svh,520px)}
  
  #v-live>.cell:nth-child(2){display:flex;flex-direction:column;min-height:0;
    height:clamp(320px,52svh,420px);overflow:hidden}
  #feed-head{position:relative!important;inset:auto!important;flex:none}
  #tape{position:relative!important;inset:auto!important;flex:1 1 auto;min-height:0;
    height:auto!important;overflow-y:auto!important;overscroll-behavior:contain}
  #ladder{position:relative!important;inset:auto!important;flex:1 1 auto;min-height:0;
    margin:0 11px 8px;overflow-y:auto!important;overscroll-behavior:contain}
  #detail{position:relative!important;inset:auto!important;flex:1 1 auto;min-height:0;
    overflow:hidden!important}
  #rail{overflow:visible!important;min-height:0}
  #rail-scroll{overflow:visible!important;padding-bottom:20px!important}
  #foot{min-height:36px}

  #dc-scroll,#mkt-scroll,#w-out,#venue-wrap,#var-scroll{
    height:auto!important;
    max-height:none!important;
    overflow-y:visible!important;
  }
  #dc-curvewrap{height:210px}
  #v-markets,#v-wallet,#v-variance,#v-venues,#v-trades{min-height:calc(100dvh - 52px)}
  body:has(#zone-account) #top{height:52px!important}
  body:has(#zone-account) main.wrap{padding:24px 14px 64px!important}
  body:has(#zone-account) .acct-card{padding:16px!important;margin:10px 0!important}
  body:has(#zone-account) .acct-row{align-items:stretch!important}
  body:has(#zone-account) #btn-deposit,body:has(#zone-account) #btn-withdraw{min-height:44px}
}

@media(max-width:860px){
  
  body:has(#zone-account) #navmenu{display:inline-flex}
  body:has(#zone-account) #navlinks{
    display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;
    align-items:stretch;gap:0;background:#0b0c17;border-bottom:1px solid #23263f;
    padding:4px 0;z-index:60
  }
  body:has(#zone-account) #top.nav-open #navlinks{display:flex}
  body:has(#zone-account) #navlinks .nv{padding:12px 20px;text-align:left}
  body:has(#zone-account) #brand{margin-right:18px}
  
  body:has(#zone-account) #conn{display:none}
  #site-footer-tools .lang-switch{position:relative!important;left:auto!important;top:auto!important}
  #site-footer-tools .lang-menu{position:absolute!important;top:auto!important;bottom:calc(100% + 8px)!important;left:auto!important;right:0!important}
}

@media(max-width:420px){
  body:has(#zone-account) .acct-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  body:has(#zone-account) .acct-bal{font-size:29px}
  body:has(#zone-account) .acct-row:has(#btn-deposit){width:100%;display:grid;grid-template-columns:1fr 1fr}
}