/* CSS-only homepage shell. Original DOM, links and right widget remain intact. */
@media (min-width: 768px) {
  body[data-now-visual-skin="20261003"] app-header > header { height:64px; min-height:64px; }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) {
    position:fixed!important; z-index:101; left:0; top:64px; bottom:0;
    width:64px; height:calc(100dvh - 64px); margin:0!important; padding:12px 0!important;
    display:flex!important; flex-direction:column!important; align-items:stretch;
    justify-content:flex-start; gap:8px; box-sizing:border-box; overflow-y:auto;
    border-right:1px solid #262626; background:#171717;
  }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a {
    display:flex!important; flex-direction:column; align-items:center; justify-content:center;
    width:64px; min-height:72px; padding:8px 0!important; margin:0!important;
    box-sizing:border-box; color:#ddd; font-size:9px!important; line-height:14px!important;
    font-weight:500!important; letter-spacing:0; text-align:center; text-transform:none;
    white-space:normal!important; overflow-wrap:anywhere; border-radius:0;
  }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a::before {
    content:""; display:block; width:24px; height:24px; flex:none; margin-bottom:10px;
    background:currentColor; mask-size:contain; mask-position:center; mask-repeat:no-repeat;
  }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:first-child { font-size:8px!important; }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:hover,
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:focus-visible { color:#4ce987; background:#202020; }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div:has(> nav) > div > a, app-header > header > div > div:has(> nav) > div > a) {
    position:relative; display:block; width:64px; height:64px; margin-left:-16px;
  }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div:has(> nav) > div > a, app-header > header > div > div:has(> nav) > div > a) > shared-svg-icon { opacity:0; pointer-events:none; }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div:has(> nav) > div > a, app-header > header > div > div:has(> nav) > div > a)::after {
    content:""; position:absolute; top:20px; left:20px; width:24px; height:24px;
    background:#4ce987; mask-image:url("logo.svg"); mask-size:contain; mask-position:center; mask-repeat:no-repeat;
  }
  body[data-now-visual-skin="20261003"] main { margin-left:64px!important; width:calc(100% - 64px)!important; }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:nth-child(1)::before { mask-image:url("market.svg"); }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:nth-child(2)::before { mask-image:url("top-deals.svg"); }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:nth-child(3)::before { mask-image:url("explorer.svg"); }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:nth-child(4)::before { mask-image:url("trading-api.svg"); }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:nth-child(5)::before { mask-image:url("blog.svg"); }
  body[data-now-visual-skin="20261003"] :is(app-header > header > div > nav, app-header > header > div > div > nav) > a:nth-child(6)::before { mask-image:url("wiki.svg"); }
}
@media (max-width: 767px) {
  body[data-now-visual-skin="20261003"] main { margin-left:0!important; width:100%!important; }
}