:root {





  --zk-bg:        #000000;   
  --zk-chrome:    #08080a;   
  --zk-toolbar:   #0c0c0f;   
  --zk-hover:     #141418;   
  --zk-chip:      #26262a;   






































  --zk-line:      #101014;   
  --zk-line-loud: #2a2a30;   
























  --zk-ink:   #b4b9c9;   
  --zk-muted: #868a93;   











  --zk-dim:   #7a7e87;   





  --zk-up:        #2ee6a8;
  --zk-down:      #f2554a;





















































  --zk-trend:     #ffc02e;
  --zk-double:    #ff8c1a;
  --zk-hold:      #54f0bd;
  --zk-caution:   #9a1017;
  --zk-risk:      #ff3b2d;
  --zk-up-hi:     #54f0bd;   
  --zk-glow-up:   none;
  --zk-glow-down: none;






  --zk-purple: linear-gradient(180deg, var(--z-accent) 0%, var(--z-accent-fill) 38%,
                                       #55199f 72%, #45128c 100%);






  --zk-purple-flat: #6b27d6;
  --zk-purple-soft: rgba(var(--zk-deep-rgb),.22);
  --zk-purple-ring: rgba(var(--zk-deep-rgb),.6);
  --zk-purple-glow: 0 0 18px -6px rgba(var(--zk-accent-rgb),.65);




  --zk-sel-a-rgb: 22, 16, 38;
  --zk-sel-b-rgb: 12, 8, 22;
  --zk-selected-bg: linear-gradient(180deg, rgba(var(--zk-sel-a-rgb),.9), rgba(var(--zk-sel-b-rgb),.8));
















  --zk-r-data: 6px;
  --zk-r-ctl:  10px;
  --zk-r-tile: 14px;






  --zk-t-row:   14px;     
  --zk-t-sub:   11.5px;   
  --zk-t-lbl:   12px;     
  --zk-t-hero:  33px;     
  --zk-pad-row: 10px 12px;
  --zk-gap:     19px;     
}


































:root {










  --zk-g-signal: linear-gradient(150deg, #08b4e3, rgb(var(--zk-deep-rgb)));   
  --zk-g-ion:    linear-gradient(150deg, #22d3ee, rgb(var(--zk-accent-rgb))); 
  --zk-g-mag:    linear-gradient(150deg, rgb(var(--zk-accent-rgb)), #e879f9);  
  --zk-g-bloom:  linear-gradient(150deg, rgb(var(--zk-accent-rgb)), #f472b6);  
  --zk-g-aurora: linear-gradient(150deg, #22d3ee, rgb(var(--zk-accent-rgb)) 52%, #f472b6); 
  --zk-g-cold:   linear-gradient(150deg, #67e8f9, rgb(var(--zk-accent-rgb)) 50%, #db2777); 






  --kn-ring-panel: linear-gradient(158deg, #22d3ee 0%, rgb(var(--zk-accent-rgb)) 11%,
                   var(--z-line) 40%, var(--z-card) 72%, var(--z-card) 100%);


  --kn-ring-card: linear-gradient(150deg, rgb(var(--zk-accent-rgb)) 0%, var(--z-accent-deep) 16%,
                  var(--z-line) 45%, var(--z-card) 76%, var(--z-card-hi) 100%);





  --kn-ring-active: linear-gradient(150deg, #22d3ee 0%, rgb(var(--zk-accent-rgb)) 34%,
                    var(--z-line) 72%, var(--z-line) 100%);



  --kn-ring-btn: linear-gradient(150deg, rgb(var(--zk-accent-rgb)), #f472b6 58%, var(--z-raised));



  --kn-ring-soft: linear-gradient(150deg, rgb(var(--zk-deep-rgb)), var(--z-line) 55%, var(--z-card));
}




































.kn-app .z-tab.on::after {
  background: var(--zk-g-aurora);
  box-shadow: 0 0 14px rgba(var(--zk-accent-rgb), .85);
}



.kn-app .z-rail .z-tab.on,
.kn-app .z-rail .z-tab[aria-current="page"] {
  border: 1px solid transparent;
  background:
    var(--zk-selected-bg) padding-box,
    var(--zk-g-signal) border-box;
  box-shadow: none;
}



.kn-app .kn-btn.primary,
.kn-app .zk-go {
  border: 1.5px solid transparent;
  background:
    linear-gradient(180deg, rgba(16, 11, 28, .96), rgba(8, 5, 14, .94)) padding-box,
    var(--zk-g-cold) border-box;
  box-shadow: 0 0 22px -8px rgba(var(--zk-accent-rgb), .6);
}
.kn-app .kn-btn.primary:hover,
.kn-app .zk-go:hover {
  background:
    linear-gradient(180deg, rgba(20, 14, 34, .96), rgba(10, 6, 18, .94)) padding-box,
    var(--zk-g-aurora) border-box;
  box-shadow: 0 0 30px -6px rgba(244, 114, 182, .55);
}



.kn-app :focus-visible {
  outline-color: #22d3ee;
}







































.kn-app .zpu-seg button.on,
.kn-app .zpu-xbtn.on,
.kn-app .zpu-filter.on .zpu-fbtn,
.kn-app .zpu-fopt.on,
.kn-app .ztk-tools button.on,
.kn-app .ztk-scale button.on,
.kn-app .ztk-rswitch button.on,
.kn-app .ztk-max.on,
.kn-app .zlb-seg button.on,
.kn-app .zlb-seg2 button.on,
.kn-app .zlb-tfs button.on,
.kn-app .ztp-hold .ztp-ptab.on,
.kn-app .ztp-w.on,
.kn-app .ztp-pp-tab.on,
.kn-app .zdm-sw-b.on,
.kn-app .zdm-pill.on,
.kn-app .zfw-tabs button.on,
.kn-app .zfw .zen-pick.on,
.kn-app .zst-strip button.on,
.kn-app .zst-it.on,
.kn-app .zau-tab.on,
.kn-app .zbw-pill.on,
.kn-app .z-br-tile.on,
.kn-app .z-hm-scope button.on,
.kn-app .zcs-w.on,
.kn-app .z-dd-opt.on,
.kn-app .zhh-pill.on,
.kn-app .zrp-sp.on,
.kn-app .ztr2-ch .ztr2-tab.on {
  position: relative;
}
.kn-app .zpu-seg button.on::after,
.kn-app .zpu-xbtn.on::after,
.kn-app .zpu-filter.on .zpu-fbtn::after,
.kn-app .zpu-fopt.on::after,
.kn-app .ztk-tools button.on::after,
.kn-app .ztk-scale button.on::after,
.kn-app .ztk-rswitch button.on::after,
.kn-app .ztk-max.on::after,
.kn-app .zlb-seg button.on::after,
.kn-app .zlb-seg2 button.on::after,
.kn-app .zlb-tfs button.on::after,
.kn-app .ztp-hold .ztp-ptab.on::after,
.kn-app .ztp-w.on::after,
.kn-app .ztp-pp-tab.on::after,
.kn-app .zdm-sw-b.on::after,
.kn-app .zdm-pill.on::after,
.kn-app .zfw-tabs button.on::after,
.kn-app .zfw .zen-pick.on::after,
.kn-app .zst-strip button.on::after,
.kn-app .zst-it.on::after,
.kn-app .zau-tab.on::after,
.kn-app .zbw-pill.on::after,
.kn-app .z-br-tile.on::after,
.kn-app .z-hm-scope button.on::after,
.kn-app .zcs-w.on::after,
.kn-app .z-dd-opt.on::after,
.kn-app .zhh-pill.on::after,
.kn-app .zrp-sp.on::after,
.kn-app .ztr2-ch .ztr2-tab.on::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  padding: 1px; pointer-events: none; z-index: 2;
  background: var(--zk-g-ion);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
}





















:root {



  --zk-g-brand: linear-gradient(180deg, #a5f3fc 0%, rgb(var(--zk-accent-rgb)) 38%,
                rgb(var(--zk-deep-rgb)) 70%, #4c1d95 100%);
}












.kn-app .z-brand-mark { background-image: var(--zk-g-brand); }
.kn-app .z-brand-name { background-image: var(--zk-g-brand); }

.kn-app .z-brand-mark { filter: drop-shadow(0 0 22px rgba(34, 211, 238, .45)); }



.kn-app .z-mebtn { position: relative; }
.kn-app .z-mebtn::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  padding: 1px; pointer-events: none; z-index: 2;
  background: var(--zk-g-ion);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
}

.kn-app .z-mebtn-av { background-color: #4c1d95; background-image: var(--zk-g-brand); }


.kn-app .z-search .z-paste {
  background: rgba(34, 211, 238, .10);
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .34);
}
.kn-app .z-search .z-paste:hover {
  background: rgba(var(--zk-accent-rgb), .22);
  box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .5);
}


.kn-app .z-tab.on { background: rgba(var(--zk-accent-rgb), .10); }
.kn-app .z-tab.on::after { box-shadow: 0 0 14px rgba(34, 211, 238, .8); }











.kn-app .zfd .zfd-scope.on,
.kn-app .zpf-tab.on,
.kn-app .zpf-tf.on,
.kn-app .zpx-win.on,
.kn-app .z-tab-t.on,
.kn-app .z-tw-row.on {
  position: relative;
}
.kn-app .zfd .zfd-scope.on::after,
.kn-app .zpf-tab.on::after,
.kn-app .zpf-tf.on::after,
.kn-app .zpx-win.on::after,
.kn-app .z-tab-t.on::after,
.kn-app .z-tw-row.on::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  padding: 1px; pointer-events: none; z-index: 2;
  background: var(--zk-g-ion);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
}



























.kn-app .zac-ava,
.kn-app .zpf-face,
.kn-app .zlb-who-a,
.kn-app .zfw-who-a {
  background-color: #4c1d95;
  background-image: var(--zk-g-brand);
}

.kn-app .zac-rail button.on,
.kn-app .kn-pill.on {
  box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .55);
}











.kn-app .z-tab-t b { line-height: 1.5; }





.kn-app .z-tick-r { gap: 2px; }
.kn-app .z-socs { gap: 0; }
.kn-app .z-feed { padding: 4px 4px; }












.kn-app .z-tick-r .z-sep { margin: 0 4px; }














.kn-app .kn-pill {
  box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .16);
}
.kn-app .kn-pill:hover {
  background: rgba(var(--zk-accent-rgb), .08);
  box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .34);
}


.kn-app .zac-cam,
.kn-app .zac-lock-i { box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .45); }
.kn-app .zac-authbtn.go { box-shadow: 0 0 22px -8px rgba(var(--zk-accent-rgb), .7); }





:root {
  --z-bg:        var(--zk-bg);
  --z-panel:     var(--zk-bg);
  --z-card:      var(--zk-bg);
  --z-card-hi:   var(--zk-chrome);
  --z-raised:    var(--zk-hover);
  --z-line:      var(--zk-line);
  --z-line-soft: var(--zk-line);




  --z-num:   var(--zk-ink);
  --z-text:  #a5aaba;   
  --z-muted: var(--zk-muted);
  --z-dim:   var(--zk-dim);











  --z-faint: var(--zk-dim);

  --kn-white: var(--zk-ink);
  --kn-text:  var(--z-text);
  --kn-muted: var(--zk-muted);
  --kn-dim:   var(--zk-dim);
  --kn-faint: var(--zk-dim);
  --kn-axis:  var(--zk-dim);
  --kn-line:  var(--zk-line);



  --kn-green:      var(--zk-up);
  --kn-red:        var(--zk-down);
  --kn-glow-green: var(--zk-glow-up);
  --kn-glow-red:   var(--zk-glow-down);


  --kn-row:        var(--zk-line);
  --kn-row-strong: var(--zk-line-loud);
  --kn-grid:       var(--zk-line);
}












.zk-up   { color: var(--zk-up);   text-shadow: var(--zk-glow-up); }
.zk-down { color: var(--zk-down); text-shadow: var(--zk-glow-down); }
.zk-count.zk-up, .zk-count.zk-down { text-shadow: none; }
.zk-num  { font-variant-numeric: tabular-nums; }





.zk-hero {
  font-size: var(--zk-t-hero); font-weight: 700; letter-spacing: -.025em;
  font-variant-numeric: tabular-nums; line-height: 1.1;
  background: linear-gradient(180deg, #a768ff 0%, var(--z-accent) 42%, var(--z-accent-fill) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 0 16px rgba(var(--zk-accent-rgb),.45));
}


.zk-row {
  display: flex; align-items: center; gap: 12px;
  padding: var(--zk-pad-row);
  border-bottom: 1px solid var(--zk-line);
}
.zk-row:last-child { border-bottom: 0; }
.zk-row:hover { background: var(--zk-hover); }

.zk-table { width: 100%; border-collapse: collapse; }
.zk-table th {
  text-align: left; font-size: var(--zk-t-sub); color: var(--zk-muted);
  font-weight: 600; padding: 0 12px 8px 0;
  border-bottom: 1px solid var(--zk-line); white-space: nowrap;
}
.zk-table td {
  padding: var(--zk-pad-row); padding-left: 0;
  border-bottom: 1px solid var(--zk-line); font-size: var(--zk-t-row);
}
.zk-table tr:last-child td { border-bottom: 0; }
.zk-table th.zk-r, .zk-table td.zk-r { text-align: right; padding-right: 0; }
.zk-table tbody tr:hover td { background: var(--zk-hover); }

.zk-lbl {
  font-size: var(--zk-t-lbl); color: var(--zk-muted); font-weight: 600;
  margin-bottom: 8px;
}


.zk-pill {
  border: 0; background: var(--zk-chip); color: var(--zk-ink);
  border-radius: var(--zk-r-ctl); padding: 8px 16px; cursor: pointer;
  font-weight:600;font-size:12.5px;line-height:1.2;font-family:inherit; font-family: inherit; white-space: nowrap;
}
.zk-pill.zk-ghost { background: transparent; color: var(--zk-muted); }
.zk-pill.zk-ghost:hover { background: var(--zk-hover); color: var(--zk-ink); }
.zk-pill[aria-pressed="true"] {
  background: var(--zk-selected-bg);
  box-shadow: inset 0 0 0 1px var(--zk-purple-ring);
  color: var(--zk-ink);
}
.zk-go { background: var(--zk-purple); color: var(--zk-ink); box-shadow: var(--zk-purple-glow); }


.zk-pill:focus-visible, .zk-row:focus-visible, .zk-table tr:focus-visible {
  outline: 2px solid var(--zk-purple-flat); outline-offset: 2px;
}











.zk-hot td, .zk-row.zk-hot { background: rgba(var(--zk-up-rgb),.05); }
.zk-hot td:first-child, .zk-row.zk-hot { box-shadow: inset 3px 0 0 -0.5px rgba(var(--zk-up-rgb),.5); }
.zk-hot:hover td { background: rgba(var(--zk-up-rgb),.10); }


.zk-danger td, .zk-row.zk-danger {
  background: rgba(var(--zk-down-rgb),.055);
  animation: zk-breath 7s ease-in-out infinite alternate;
}
.zk-danger:hover td { background: rgba(var(--zk-down-rgb),.13); }
.zk-danger td:first-child { box-shadow: inset 3px 0 0 -0.5px rgba(var(--zk-down-rgb),.9); }
@keyframes zk-breath {
  from { box-shadow: inset 0 0 34px -14px rgba(var(--zk-down-rgb),.5); }
  to   { box-shadow: inset 0 0 46px -12px rgba(var(--zk-down-rgb),.85); }
}




.zk-fire td, .zk-row.zk-fire {
  background: rgba(var(--zk-up-rgb),.085);
  animation: zk-fire 4.6s ease-in-out infinite alternate;
}
.zk-fire:hover td { background: rgba(var(--zk-up-rgb),.15); }
.zk-fire td:first-child { box-shadow: inset 4px 0 0 -0.5px var(--zk-up-hi); }
@keyframes zk-fire {
  0%   { box-shadow: inset 0 0 34px -15px rgba(var(--zk-up-rgb),.5); }
  34%  { box-shadow: inset 0 0 50px -12px rgba(var(--zk-up-rgb),.85); }
  58%  { box-shadow: inset 0 0 40px -14px rgba(var(--zk-up-rgb),.62); }
  79%  { box-shadow: inset 0 0 54px -11px rgba(var(--zk-up-rgb),.92); }
  100% { box-shadow: inset 0 0 58px -10px rgba(var(--zk-up-rgb),1); }
}

.zk-fire .zk-chg {
  color: var(--zk-up-hi);


  text-shadow: 0 0 9px rgba(var(--zk-up-rgb),.75), 0 0 24px rgba(var(--zk-up-rgb),.45);
}




.zk-split td {
  background: linear-gradient(90deg, rgba(var(--zk-up-rgb),.075) 0%, rgba(var(--zk-up-rgb),.02) 45%,
                                     rgba(var(--zk-down-rgb),.03) 55%, rgba(var(--zk-down-rgb),.095) 100%);
  animation: zk-breath 7s ease-in-out infinite alternate;
}
.zk-split td:first-child {
  background:
    linear-gradient(180deg, var(--zk-up) 0 50%, var(--zk-down) 50% 100%) left top / 3px 100% no-repeat,
    linear-gradient(90deg, rgba(var(--zk-up-rgb),.075), rgba(var(--zk-up-rgb),.02));
}



@media (prefers-reduced-motion: reduce) {
  .zk-danger td, .zk-fire td, .zk-split td,
  .zk-row.zk-danger, .zk-row.zk-fire { animation: none; }
}









@media (max-width: 720px) {
  :root {
    --zk-t-row:   17.5px;
    --zk-t-sub:   14px;
    --zk-t-lbl:   13px;
    --zk-t-hero:  38px;
    --zk-pad-row: 12px 16px;
    --zk-gap:     0px;
  }
  .zk-row .zk-ic { width: 42px; height: 42px; font-size: 15.5px; }
}















.kn-app .z-frame {
  display: flex; align-items: stretch; min-height: 0; flex: 1;
}
.kn-app .z-frame > .z-main { flex: 1; min-width: 0; }

.kn-app .z-rail {
  flex: none; width: 54px; display: flex; flex-direction: column;
  background: var(--zk-chrome); border-right: 1px solid var(--zk-line);
  padding: 8px 0 12px; overflow: hidden;
  transition: width .16s ease;
}
.kn-app .z-frame.rail-gone .z-rail { width: 0; border-right: 0; }








.kn-app .z-frame.rail-gone .z-nav,
.kn-app .z-frame.rail-gone .z-railcut { display: none; }
@media (prefers-reduced-motion: reduce) {
  .kn-app .z-rail { transition: none; }
}

.kn-app .z-rail .z-nav {
  display: flex; flex-direction: column; align-items: stretch;
  gap: 1px; flex: none; min-width: 0; padding: 0 8px;
}


.kn-app .z-rail .z-tab {
  display: flex; align-items: center; gap: 0;
  width: 100%; height: 40px; margin: 0; padding: 0;
  border: 0; background: none; cursor: pointer;
  color: var(--zk-muted); font-weight:500;font-size:13.5px;line-height:1.2;font-family:inherit;
  border-radius: 10px; white-space: nowrap; overflow: hidden;
  text-align: left; flex: none;
}
.kn-app .z-rail .z-tab .z-tab-i {
  font-style: normal; font-size: 18px; line-height: 40px;
  width: 40px; flex: none; text-align: center;
}














.kn-app .z-rail .z-tab .z-tab-i svg {
  width: 24px; height: 24px; display: block; margin: 0 auto;
}




.kn-app .z-rail .z-tab { position: relative; }

.kn-app .z-rail .z-tab.z-tab-phone { display: none; }
.kn-app .z-rail .z-tab .z-beta {
  position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  padding: 2px 3px; border-radius: 4px;
  font-style: normal; font-weight: 700; font-size: 7.5px; line-height: 1;
  font-family: inherit; letter-spacing: .06em; text-transform: uppercase;
  color: var(--zk-ink, #b4b9c9); background: #0b0a10;
  box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .6);
  pointer-events: none;
}


@media (max-width: 720px) {
  .kn-app .z-rail .z-tab .z-beta {


    left: calc(50% + 12px); right: auto; bottom: auto; top: 4px; transform: none;
  }



  .kn-app .z-rail .z-tab:has(.z-beta) { min-width: 78px; }
}









.kn-app .z-rail .z-tab[data-view="trending"] .z-tab-i svg {
  width: 27px; height: 27px;
}
.kn-app .z-rail .z-tab:hover { background: var(--zk-hover); color: var(--zk-ink); }



.kn-app .z-rail .z-tab.on,
.kn-app .z-rail .z-tab[aria-current="page"] {
  background: var(--zk-selected-bg);
  box-shadow: inset 0 0 0 1px var(--zk-purple-ring);
  color: var(--zk-ink);
}
.kn-app .z-rail .z-tab:focus-visible {
  outline: 2px solid var(--zk-purple-flat); outline-offset: -2px;
}




.kn-app .z-rail .z-tab { font-size: 0; }
.kn-app .z-rail .z-tab .z-tab-i { font-size: 18px; }

.kn-app .z-railcut {
  margin: auto 8px 0; height: 38px; flex: none;
  display: flex; align-items: center; border: 0; background: none;
  cursor: pointer; color: var(--zk-dim); border-radius: 10px;
  font-weight:500;font-size:13px;line-height:1.2;font-family:inherit; white-space: nowrap; overflow: hidden;
  padding: 0; text-align: left;
}
.kn-app .z-railcut .z-tab-i {
  font-style: normal; font-size: 15.5px; width: 40px; flex: none;
  text-align: center; line-height: 38px;
}
.kn-app .z-railcut span { font-size: 0; }
.kn-app .z-railcut:hover { background: var(--zk-hover); color: var(--zk-ink); }
.kn-app .z-frame.rail-gone .z-railcut { display: none; }





@media (max-width: 720px) {
  .kn-app .z-frame { flex-direction: column; }
  .kn-app .z-rail,
  .kn-app .z-frame.rail-gone .z-rail {
    width: auto; order: 2; flex-direction: row; padding: 0;
    border-right: 0; border-top: 1px solid var(--zk-line);
  }
  .kn-app .z-rail .z-nav {
    flex-direction: row; padding: 0; width: 100%;
    overflow-x: auto; scrollbar-width: none;
  }
  .kn-app .z-rail .z-nav::-webkit-scrollbar { display: none; }


  .kn-app .z-rail .z-nav.more {
    -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent);
            mask-image: linear-gradient(90deg, #000 86%, transparent);
  }
  .kn-app .z-rail .z-tab {
    flex-direction: column; justify-content: center; gap: 4px;
    width: auto; flex: 1 0 auto; min-width: 62px; height: 52px;
    font-size: 9.5px; border-radius: 0; padding: 0 4px;
  }
  .kn-app .z-rail .z-tab .z-tab-i { width: auto; line-height: 1; font-size: 18px; }

  .kn-app .z-rail .z-tab .z-tab-i svg { width: 26px; height: 26px; }
  .kn-app .z-rail .z-tab[data-view="trending"] .z-tab-i svg { width: 29px; height: 29px; }



  .kn-app .z-rail .z-tab .z-tab-i {
    height: 29px; display: flex; align-items: center; justify-content: center;
  }

  .kn-app .z-railcut { display: none; }
  .kn-app .z-frame > .z-main { order: 1; }
}














@media (max-width: 1000px) {
  .kn-app .z-rail .z-nav {
    position: static; transform: none; inset: auto;
    width: auto; z-index: auto; padding: 0 8px; gap: 1px;
    background: none; box-shadow: none; transition: none;
  }
  .kn-app .z-rail .z-tab {
    text-align: left; font-size: 0; padding: 0; height: 40px;
  }

  .kn-app .z-burger { display: none; }
}
@media (max-width: 720px) {
  .kn-app .z-rail .z-nav {
    flex-direction: row; padding: 0; width: 100%;
  }
  .kn-app .z-rail .z-tab {
    text-align: center; font-size: 9.5px; padding: 0 4px; height: 52px;
  }










  .kn-app .z-rail .z-tab[data-view="follows"],
  .kn-app .z-rail .z-tab[data-view="clans"],
  .kn-app .z-rail .z-tab[data-view="launch"] { display: none; }
  .kn-app .z-rail .z-nav.more { -webkit-mask-image: none; mask-image: none; }
  .kn-app .z-rail .z-tab {
    flex: 1 1 0; min-width: 0; height: 40px; margin: 6px 4px;
    font-size: 0; gap: 0; padding: 0; border-radius: 12px;
  }
  .kn-app .z-rail .z-tab .z-tab-i { height: 26px; }
  .kn-app .z-rail .z-tab .z-tab-i svg { width: 24px; height: 24px; }
  .kn-app .z-rail .z-tab[data-view="trending"] .z-tab-i svg { width: 26px; height: 26px; }
}





.kn-app .z-rail .z-tab.on::after,
.kn-app .z-rail .z-tab::after { display: none; }



















@media (max-width: 720px) {
  .kn-app .z-grid, .kn-app .z-grid.is-flow {
    display: grid !important; grid-template-columns: 1fr !important;
    gap: 0 !important; align-items: start;
    height: auto !important; position: static !important;
  }
  .kn-app .z-grid .z-w, .kn-app .z-grid.is-flow .z-w {
    position: static !important; transform: none !important;
    width: auto !important; height: auto !important; min-height: 0 !important;
    left: auto !important; top: auto !important;
    padding: 16px 0; border-bottom: 1px solid var(--zk-line);
    border-radius: 0; background: none; box-shadow: none;
  }
  .kn-app .z-grid .z-w-head { border-bottom: 0; padding-bottom: 4px;
    height: auto; min-height: 0; background: none; cursor: default; }
  .kn-app .z-grid .z-w-body { padding: 12px 0 0; height: auto; overflow: visible; }


  .kn-app .z-grid .z-w-resize, .kn-app .z-grid .z-w-grip { display: none !important; }
  .kn-app .z-grid .z-w.is-bare .z-w-head { display: none; }
}











@media (min-width: 721px) {













  .kn-app .z-grid .z-w {
    background: linear-gradient(180deg, var(--z-card-hi, #0d0a14), var(--z-card, #0a0812));
    border: 0;
    border-radius: var(--z-r-card, 10px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .02) inset;
  }
  .kn-app .z-grid .z-w-head {
    padding: 0 16px; height: 38px; min-height: 38px;
    border-bottom: 1px solid var(--z-line-soft, var(--z-line, #241c33));
    cursor: grab;
  }
  .kn-app .z-grid .z-w-head:active { cursor: grabbing; }

  .kn-app .z-grid .z-w.is-bare {
    background: none; border: 0; box-shadow: none; border-radius: 0;
  }
}





















.kn-app .z-grid .z-w-body:has(table) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}


















.kn-app .kn-box {
  background: none;
  border-radius: 0;
  box-shadow: none;






}






















.kn-app .kn-box::before { padding: 1px; }










.kn-app .kn-box::after { content: none; }
.kn-app .kn-box.kpi { box-shadow: none; }
.kn-app .kn-box.hover,
.kn-app .kn-box.clickable:hover { box-shadow: none; background: var(--zk-hover); }














.kn-app .kn-box + .kn-box:not(.z-w) { border-top: 1px solid var(--zk-line); }





.kn-app .kn-table thead th {
  font-size: var(--zk-t-lbl); color: var(--zk-muted); font-weight: 600;
  padding: 0 0 8px; letter-spacing: .02em;
  border-bottom: 1px solid var(--zk-line);
}
.kn-app .kn-table tbody td {
  font-size: var(--zk-t-row); color: var(--zk-ink);
  padding: 12px 0; border-top: 0; border-bottom: 1px solid var(--zk-line);
}
.kn-app .kn-table tbody tr:last-child td { border-bottom: 0; }
.kn-app .kn-table tbody tr:hover { background: var(--zk-hover); }
.kn-app .kn-table .sym { color: var(--zk-ink); font-weight: 600; }






.kn-app .z-railshow {
  display: none;
  flex: none; width: 15px; align-self: stretch;
  border: 0; border-right: 1px solid var(--zk-line);
  background: var(--zk-chrome); color: var(--zk-dim);
  cursor: pointer; font-weight:400;font-size:12px;line-height:1;font-family:inherit; padding: 0;
}
.kn-app .z-frame.rail-gone .z-railshow { display: block; }
.kn-app .z-railshow:hover { background: var(--zk-hover); color: var(--zk-ink); }
.kn-app .z-railshow:focus-visible {
  outline: 2px solid var(--zk-purple-flat); outline-offset: -2px;
}


@media (max-width: 720px) {
  .kn-app .z-railshow,
  .kn-app .z-frame.rail-gone .z-railshow { display: none; }
}





.kn-app .z-mebtn-tag {
  font-weight:600;font-size:12.5px;line-height:1;font-family:inherit; color: var(--zk-ink);
  padding-right: 4px; white-space: nowrap;
}
.kn-app .z-mebtn-tag[hidden] { display: none; }
.kn-app .z-mebtn.anon {
  gap: 8px; padding-right: 4px;
  background: var(--zk-selected-bg);
  box-shadow: inset 0 0 0 1px var(--zk-purple-ring);
}
@media (max-width: 700px) {

  .kn-app .z-mebtn-tag { display: none; }
}






























.kn-app > .z-bar    { padding-top: env(safe-area-inset-top, 0px); }
.kn-app > .z-ticker { padding-bottom: env(safe-area-inset-bottom, 0px); }



.zas, .kn-toasts { padding-bottom: env(safe-area-inset-bottom, 0px); }





















































.kn-app > .z-embers { display: none; }













.kn-app .z-bar {
  height: 56px; padding: 0 16px; gap: 12px;
  background: var(--zk-chrome);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: inset 0 -1px 0 var(--zk-line);
}










@media (max-width: 1100px) { .kn-app .z-bar { gap: 8px; } }

































html.z-strip #z-bar { display: none; }







html.z-strip .z-walpanel { top: calc(46px + env(safe-area-inset-top, 0px)); }























html.z-strip .kn-app > .zfr,
html.z-strip .z-jr-drawer { top: calc(40px + env(safe-area-inset-top, 0px)); }

html.z-strip #z-barhide { display: none; }

html.z-shell, set only when the page is loaded
   with ?shell=1. In a browser tab there is no title bar to replace and no
   buttons to dodge, and applying any of this there would reserve empty space
   on the right and make the header undraggable for no reason.

   ── THE TWO THINGS A CUSTOM TITLE BAR MUST GET RIGHT ──────────────────────
   1 · IT HAS TO DRAG. Take the OS bar away and the window cannot be moved
       until something is marked as a drag handle. The bar is the handle; every
       control inside it has to opt back OUT, because a drag region swallows
       clicks. Miss one and that button silently stops working — which is the
       classic frameless-window bug and the reason the no-drag list below is
       written out in full rather than left to a wildcard.
   2 · IT HAS TO LEAVE ROOM. The overlay paints OVER the page, it does not
       push it. Without the reservation the balance chips slide under the close
       button: still clickable in the sense that the pixels are there, and not
       clickable at all in the sense that Windows gets the click.
       env(titlebar-area-*) is the browser telling us exactly where the buttons
       are; the 140px fallback is for the moment before it resolves. */
html.z-shell,
html.z-shell body { --z-winctl: 140px; }
@supports (top: env(titlebar-area-y)) {
  html.z-shell, html.z-shell body {
    --z-winctl: calc(100vw - env(titlebar-area-width, calc(100vw - 140px)));
  }
}


html.z-shell .kn-app .z-bar {
  -webkit-app-region: drag;
  padding-right: calc(14px + var(--z-winctl));
}







html.z-shell .kn-app .z-bar button,
html.z-shell .kn-app .z-bar a,
html.z-shell .kn-app .z-bar input,
html.z-shell .kn-app .z-bar select,
html.z-shell .kn-app .z-bar textarea,
html.z-shell .kn-app .z-bar [role="button"],
html.z-shell .kn-app .z-bar .z-search,
html.z-shell .kn-app .z-bar .z-wallet,
html.z-shell .kn-app .z-bar .z-wallet-c,
html.z-shell .kn-app .z-bar #z-mebtn,
html.z-shell .kn-app .z-bar #z-barctl {
  -webkit-app-region: no-drag;
}
































html.z-shell .kn-scrim,
html.z-shell .zak-scrim,
html.z-shell .zau-scrim,
html.z-shell .zbg-scrim,
html.z-shell .zcl-scrim,
html.z-shell .zd-scrim,
html.z-shell .zdj-scrim,
html.z-shell .zfd-scrim,
html.z-shell .zfr-scrim,
html.z-shell .zfu-scrim,
html.z-shell .zic-scrim,
html.z-shell .zpf-scrim,
html.z-shell .zpx-scrim,
html.z-shell .zpy-scrim,
html.z-shell .zth-scrim,
html.z-shell .zwel-scrim,
html.z-shell .zwl-scrim,
html.z-shell .zrs-scrim,
html.z-shell .zfd,
html.z-shell .zfr {
  -webkit-app-region: no-drag;
}



html.z-shell .kn-app .z-bar .z-logo { -webkit-app-region: drag; }




html.z-shell .kn-app .z-rail { padding-top: 0; }



html.z-shell .kn-app .z-frame { --z-bar-min: 6px; }










html.z-shell .kn-app .z-barhide { right: calc(8px + var(--z-winctl)); }














html.z-strip .kn-app .z-home,
html.z-strip .kn-app .z-brand { display: none; }






html.z-tabs .kn-app .z-rail,
html.z-tabs .kn-app .z-railshow { display: none; }
html.z-tabs .kn-app .z-frame { grid-template-columns: 1fr; }







html.z-strip .kn-app .z-bar .z-wallet { display: none; }
html.z-strip .kn-app .z-bar #z-mebtn { display: none; }

















html.z-shell .kn-app .z-bar {
  -webkit-app-region: no-drag;
  padding-right: 16px;
  height: 48px;
}
html.z-shell .kn-app .z-barhide { right: 8px; }
html.z-shell .kn-app .z-search { margin-left: 0; }
.kn-app .z-search {
  flex: 0 1 360px; max-width: 360px; margin: 0 auto 0 8px;
  height: 34px; padding: 0 8px 0 12px; gap: 8px;
  font-size: 13.5px; border-radius: var(--zk-r-data);
  border: 1px solid var(--zk-line); background: var(--zk-bg);
}
.kn-app .z-search:hover { border-color: var(--zk-line-loud); background: var(--zk-bg); }
.kn-app .z-search span { font-size: 13.5px; }
.kn-app .z-search svg { width: 14px; height: 14px; }
.kn-app .z-search kbd { font-size: 11px; padding: 4px 8px; }




.kn-app .z-brand { gap: 8px; }
.kn-app .z-brand-name { font-size: 15.5px; letter-spacing: .16em; }
.kn-app .z-brand-mark { filter: none; }


.kn-app .z-barhide { width: 30px; height: 16px; bottom: -8px; right: 10px; }
.kn-app .z-barhide svg { width: 11px; height: 11px; }









.kn-app .z-ticker {
  height: 32px; padding: 0 12px; font-size: 12.5px;
  background: var(--zk-chrome);
  box-shadow: inset 0 1px 0 var(--zk-line);
}

















.kn-app .z-rail {
  background: var(--zk-chrome);
}







.kn-app > .z-bar,
.kn-app > .z-ticker,
.kn-app .z-rail { text-shadow: none; }







.kn-app .z-view { padding: 12px 12px 16px; }

@media (max-width: 720px) {
  .kn-app .z-bar { height: 52px; padding: 0 12px; }
  .kn-app .z-view { padding: 12px 12px 12px; }
}

















.kn-app .z-brand-mark { width: 30px; height: 30px; }

.kn-app .z-wallet { padding: 0 4px; gap: 8px; }
.kn-app .z-wallet-c { padding: 0 8px; gap: 0; }
.kn-app .z-wallet-c b, .kn-app #z-wal-cash, .kn-app #z-wal-net {
  font-size: 15.5px; line-height: 17px;
}
.kn-app .z-wallet-c i, .kn-app .z-wal-k { font-size: 11px; line-height: 11px; }
.kn-app .z-wal-sep { height: 22px; }

.kn-app .z-mebtn { width: 34px; height: 34px; }
.kn-app .z-mebtn-av { width: 30px; height: 30px; font-size: 13.5px; }
.kn-app .z-mebtn-tag { font-size: 12.5px; padding-right: 4px; }


.kn-app .z-mebtn.anon { gap: 8px; flex: none; }


































.kn-app .z-barhide {
  right: 8px; bottom: -11px; width: 30px; height: 20px;
  border-radius: 6px; color: var(--zk-ink);
  background: var(--zk-hover);
  box-shadow: inset 0 0 0 1px var(--zk-line);
}
.kn-app .z-barhide svg { width: 13px; height: 13px; }
.kn-app .z-bar.z-bar-hid .z-barhide { bottom: -22px; border-radius: 6px; }

.kn-app .z-barhide:hover { background: var(--zk-line); color: var(--zk-ink);
  box-shadow: inset 0 0 0 1px rgba(var(--zk-deep-rgb),.55); }







.kn-app .z-mode {
  padding: 4px 8px; border-radius: var(--zk-r-data); margin-right: 8px;
  font-size: 11px; background: none;
  box-shadow: inset 0 0 0 1px var(--zk-purple-ring);
}
.kn-app .z-mode:hover { background: var(--zk-hover); }
.kn-app .z-mode b { font-size: 11px; }
.kn-app .z-mode.live { background: none; box-shadow: inset 0 0 0 1px rgba(var(--zk-up-rgb),.42); }

























.kn-app #z-watch-in:focus-visible,
.kn-app #z-cmd-in:focus-visible,
.kn-app #z-jr-q:focus-visible,
.kn-app #zfw-q:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
  border-radius: 8px;
}




















.kn-app .z-soc { width: 24px; height: 24px; border-radius: 6px; }
.kn-app .z-soc svg { width: 15px; height: 15px; }




















.kn-app .z-tool { width: 24px; height: 24px; }
.kn-app .z-tool svg { width: 17px; height: 17px; }
.kn-app .z-actbtn {
  height: 20px; padding: 0 8px; border-radius: var(--zk-r-data); font-size: 11px;
}
.kn-app .z-tick-live { padding: 4px 8px; border-radius: var(--zk-r-data); }



.kn-app .z-soc:hover { background: var(--zk-hover); }














.kn-app .z-mebtn.anon { width: auto; height: 34px; border-radius: 14px; padding: 0 12px 0 4px; }


















.kn-app .z-frame { min-height: 0; overflow: hidden; }
.kn-app .z-frame > .z-main { min-height: 0; }























.kn-app .zpu-t { font-size: var(--zk-t-row); padding: 8px 12px; }


.kn-app .zpu-t .zpu-chg { font-size: 13px; min-width: 56px; }
.kn-app .zpu-t .zpu-cp  { font-size: var(--zk-t-row); }
.kn-app .zpu-t .zpu-age { font-size: var(--zk-t-sub); }

































.kn-app .zpu-t .zpu-av { width: 56px; height: 56px; border-radius: 50%;
  font-size: 19.5px; }
.kn-app .zpu-t .zpu-mid { gap: 4px; }





.kn-app .zpu-ch { padding: 8px 12px; }
.kn-app .zpu-ch .n { border-radius: var(--zk-r-data); font-size: 11px; }






.kn-app .zpu-seg { border-radius: var(--zk-r-ctl); padding: 4px; }
.kn-app .zpu-seg button { height: 24px; padding: 0 12px; font-size: 12.5px; border-radius: 6px; }
.kn-app .zpu-search { height: 26px; }
.kn-app .zpu-bar { padding: 4px 12px; }






























.kn-app .z-frame > .z-watch {
  position: relative;                
  flex: none;
  width: 300px; min-width: 0; max-width: 46vw;
  left: auto; right: auto; top: auto; bottom: auto;
  border-radius: 0; box-shadow: none;
  background: var(--zk-chrome);


  border-left: 0;
  min-height: 0;                     
}










.kn-app .z-frame > .z-watch::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px;
  pointer-events: none; z-index: 2;
  background: linear-gradient(180deg,
    rgba(34, 211, 238, .55) 0%,
    rgba(var(--zk-accent-rgb), .34) 30%,
    rgba(var(--zk-accent-rgb), .14) 72%,
    rgba(var(--zk-accent-rgb), .08) 100%);
}




.kn-app .z-frame > .z-watch[hidden] { display: none; }








.kn-app .z-frame > .z-watch .z-watch-head {
  height: 40px; padding: 0 8px 0 10px; gap: 8px; flex: none;
  margin: 8px 8px 6px; border-radius: 10px;
  border-bottom: 0;



  background: rgba(0, 0, 0, .45);
  box-shadow: inset 0 0 0 1px var(--zk-line);
  transition: box-shadow .16s, background .16s;
}



















.kn-app .z-frame > .z-watch .z-watch-head:hover {
  background: rgba(0, 0, 0, .55);
}
.kn-app .z-frame > .z-watch .z-watch-head:focus-within {
  background: rgba(0, 0, 0, .62);
  box-shadow: inset 0 0 0 1px var(--zk-line-hi, rgba(255, 255, 255, .22));
}
.kn-app .z-frame > .z-watch .z-watch-head input { font-size: 12.5px; }
.kn-app .z-frame > .z-watch .z-watch-x { width: 22px; height: 22px; border-radius: 6px;
  background: none; }
.kn-app .z-frame > .z-watch .z-watch-x:hover {
  background: rgba(var(--zk-accent-rgb), .22);
  box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .5);
}




.kn-app .z-frame > .z-watch .z-watch-list {
  flex: 1; min-height: 0; max-height: none; padding: 0; overflow: auto;
}


.kn-app .z-frame > .z-watch .z-watch-sec {
  padding: 8px 12px 6px; font-size: 11px;
  background: var(--zk-bg); border-bottom: 0;
  box-shadow: inset 0 -1px 0 rgba(var(--zk-accent-rgb), .28);
}










.kn-app .z-frame > .z-watch .z-watch-row {
  padding: 9px 12px; border-radius: 0; gap: 8px;
  border-bottom: 1px solid rgba(var(--zk-accent-rgb), .12);
  transition: background .14s, box-shadow .14s;
}
.kn-app .z-frame > .z-watch .z-watch-row:hover {
  background: linear-gradient(90deg,
    rgba(var(--zk-accent-rgb), .16) 0%, rgba(var(--zk-accent-rgb), .05) 62%, transparent 100%);
  box-shadow: inset 2px 0 0 rgba(34, 211, 238, .55);
}
.kn-app .z-frame > .z-watch .z-watch-row:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .62);
}





.kn-app .z-frame > .z-watch .z-watch-row .n { font-size: var(--zk-t-row); }

@media (max-width: 900px) {



  .kn-app .z-frame > .z-watch {
    position: absolute; right: 0; top: 0; bottom: 0; z-index: 60;
    box-shadow: -18px 0 40px -20px #000;
  }
}






















.kn-app .z-frame > .z-watch .z-watch-row .px {





  flex: none; font-size: var(--zk-t-row); color: var(--zk-faint, #7a7e87);
  font-weight: 600;
  font-variant-numeric: tabular-nums; text-align: right; min-width: 62px;
}
.kn-app .z-frame > .z-watch .z-watch-row .px.has {
  color: var(--kn-green); text-shadow: var(--kn-glow-green);
}


















.kn-app .z-bar.z-bar-hid { height: 0; padding-top: 0; padding-bottom: 0; }































.kn-app .z-grid .z-w.kpi .zd-trio {
  grid-template-columns: repeat(3, auto);
  justify-content: start;
}
.kn-app .z-grid .z-w.kpi .zd-kpi .k { letter-spacing: .03em; }














.kn-app .z-grid .z-w[data-z-id="equity"] .zd-eq-canvas {
  flex: 1 1 auto; height: auto; min-height: 140px;
}

@media (max-width: 720px) {


  .kn-app .z-grid .z-w[data-z-id="equity"] .zd-eq-canvas {
    flex: none; height: 220px; min-height: 0;
  }
}

























.kn-app .zd-eq-val,
.kn-app .z-cal-day .dpnl,
.kn-app .zlk-top .big,
.kn-app .zrl-top .big { line-height: 1.15; }












.kn-app .z-jr-nostar { color: var(--zk-dim); }










.kn-app .zd-bw-spark { width: 72px; }
.kn-app .zd-bw-spark svg { width: 72px; }































.kn-app .ztk-chk.on i,
.kn-app .ztk-menu button i:not(:empty) {
  background: var(--zk-selected-bg);
  box-shadow: inset 0 0 0 1px var(--zk-purple-ring);
  color: var(--zk-ink);
}
.kn-app .ztk-fell { color: var(--zk-muted); opacity: 1; }









.kn-app .zrt-mx .h { color: var(--zk-muted); }
























.kn-app .zpu-t b.zpu-cp { flex: none; }
.kn-app .zpu-t .zpu-nm { flex: 0 1 auto; min-width: 0; }







.kn-app .kn-ember { display: none; }









@media (max-width: 720px) {
  .kn-app .z-hm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }





  .kn-app .z-cal-day .dpnl { font-size: 11px; letter-spacing: -.2px; }
}

















@media (min-width: 1181px) and (max-width: 1500px) {
  .kn-app .zpu-t .zpu-nm { display: none; }
}






















:root {
  --zk-trend-rgb:  255, 192,  46;    
  --zk-double-rgb: 255, 140,  26;    
  --zk-hold-rgb:    84, 240, 189;    
  --zk-caution-rgb:154,  16,  23;    
  --zk-risk-rgb:   255,  59,  45;    
  --zk-up-rgb:      46, 230, 168;    
  --zk-up-hi-rgb:   84, 240, 189;    
  --zk-down-rgb:   242,  85,  74;    
  --zk-accent-rgb: 139,  48, 239;    
  --zk-deep-rgb:   107,  39, 214;    
  --zk-gold-rgb:   232, 189, 120;    
  --zk-gold:       #e8bd78;
  --zk-ink-rgb:    180, 185, 201;    
}