






































#zlook.lk-new .kn-app {
  --lk-ground: #000;
  --lk-panel: rgba(17, 16, 21, .28);
  --lk-panel-hi: rgba(24, 22, 30, .34);
  --lk-line: #1e1e23;


  --lk-gline: rgba(var(--zk-accent-rgb), .16);
  --lk-r-panel: 14px;                
  --lk-r-ctl: 10px;
  --lk-r-chip: 6px;
  --lk-display: "Segoe UI Variable Display", "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, sans-serif;
  --lk-label: var(--zk-muted, #969aa4);
  --lk-label-size: 12.5px;           
  --lk-sel: var(--zk-selected-bg);
  --lk-ring-on: inset 0 0 0 1px rgba(var(--zk-deep-rgb), .62);
  --lk-glow: 0 0 0 transparent;
  --lk-row-y: 10px;                  


  --z-bloom:
    var(--z-sky-far, none) center / cover no-repeat,
    radial-gradient(52% 38% at 82% -6%, rgba(var(--zk-deep-rgb), .045), transparent 62%),
    radial-gradient(40% 30% at 6% 4%, rgba(85, 25, 159, .035), transparent 60%);
}


#zlook.lk-new .kn-app { background: var(--lk-ground); }
#zlook.lk-new .kn-app > .z-embers { display: none; }






#zlook.lk-new .kn-app #z-rail .z-tab { border-radius: var(--lk-r-ctl); position: relative; }
#zlook.lk-new .kn-app #z-rail .z-tab.on {
  background: var(--lk-sel);
  box-shadow: var(--lk-ring-on), var(--lk-glow);
}
#zlook.lk-new .kn-app #z-rail .z-tab.on::before {
  content: ""; position: absolute; left: 4px; top: 50%; width: 3px; height: 16px; margin-top: -8px;
  border-radius: 1px; transform: skewX(-24deg); pointer-events: none;
  background: linear-gradient(180deg, var(--z-accent) 0%, var(--zk-purple-flat) 38%, #55199f 72%, #45128c 100%);
  box-shadow: 0 0 10px rgba(var(--zk-deep-rgb), .8);
}



@media (max-width: 720px) {
  #zlook.lk-new .kn-app #z-rail .z-tab.on::before { display: none; }
}





#zlook.lk-new .kn-app .z-brand-name,
#zlook.lk-new .kn-app .z-brand-name > i {
  background: none;
  -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: var(--zk-ink, #b4b9c9);
}
#zlook.lk-new .kn-app .z-brand-name {
  display: inline-block; padding-bottom: 0;
  font: 650 18px/1 var(--lk-display); letter-spacing: -.012em; text-transform: lowercase;
}
#zlook.lk-new .kn-app .z-brand-name > i { text-transform: lowercase; }
#zlook.lk-new .kn-app .z-brand-name::first-letter,
#zlook.lk-new .kn-app .z-brand-name > i:first-child { text-transform: uppercase; }
#zlook.lk-new .kn-app .z-brand-mark { filter: none; }


#zlook.lk-new .kn-app #z-search { border-radius: var(--lk-r-ctl); }
#zlook.lk-new .kn-app .z-mebtn { border-radius: var(--lk-r-ctl); }
#zlook.lk-new .kn-app .z-back { border-radius: var(--lk-r-ctl); }







#zlook.lk-new .kn-app * { text-transform: none; letter-spacing: normal; }

#zlook.lk-new .kn-app .z-cal-dow > * { text-transform: lowercase; }
#zlook.lk-new .kn-app .z-cal-dow > *::first-letter { text-transform: uppercase; }


#zlook.lk-new .kn-app .z-wal-k,
#zlook.lk-new .kn-app #z-wal-net-lab,
#zlook.lk-new .kn-app .zpf-cap,
#zlook.lk-new .kn-app .z-jr-slabel,
#zlook.lk-new .kn-app .z-jr-glabel,
#zlook.lk-new .kn-app .kn-tiny,
#zlook.lk-new .kn-app .ztk-head .k,
#zlook.lk-new .kn-app .ztk-pos .l {
  font-size: var(--lk-label-size); font-weight: 500; color: var(--lk-label);
}

#zlook.lk-new .kn-app .z-wal-k,
#zlook.lk-new .kn-app #z-wal-net-lab { font-size: 11px; }


#zlook.lk-new .kn-app .kn-title,
#zlook.lk-new .kn-app .zpu-ch h4,
#zlook.lk-new .kn-app .ztk-card h3 {
  font: 650 13.5px/1.2 var(--lk-display); color: var(--zk-ink, #b4b9c9);
}


#zlook.lk-new .kn-app .kn-box {
  background: var(--lk-panel);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-radius: var(--lk-r-panel);
  box-shadow: 0 16px 40px -26px #000;





  --ring: linear-gradient(150deg,
            rgba(34, 211, 238, .42) 0%,
            rgba(var(--zk-accent-rgb), .38) 34%,
            rgba(var(--zk-accent-rgb), .26) 68%,
            rgba(var(--zk-accent-rgb), .22) 100%);
}
#zlook.lk-new .kn-app .kn-box.hover,
#zlook.lk-new .kn-app .kn-box.clickable:hover { background: var(--lk-panel-hi); box-shadow: 0 18px 44px -26px #000; }


#zlook.lk-new .kn-app .kn-box select,
#zlook.lk-new .kn-app .kn-box button:not(.on):not([aria-pressed="true"]):not(.kn-toggle):not(.zpu-star) {
  border-radius: var(--lk-r-ctl);
}
#zlook.lk-new .kn-app .kn-box button.on,
#zlook.lk-new .kn-app .kn-box [role="tab"].on,
#zlook.lk-new .kn-app .kn-box [role="radio"].on,
#zlook.lk-new .kn-app .kn-box [aria-pressed="true"] { border-radius: var(--lk-r-ctl); }
#zlook.lk-new .kn-app .kn-pill,
#zlook.lk-new .kn-app .kn-pill.on { border-radius: var(--lk-r-chip); }
#zlook.lk-new .kn-app .zpu-buy { border-radius: var(--lk-r-chip); }


#zlook.lk-new .kn-app .zpu-ch { padding: 12px 14px; box-shadow: inset 0 -1px 0 var(--lk-line); }
#zlook.lk-new .kn-app .zpu-ch .n {
  border-radius: var(--lk-r-chip); font-size: 12.5px;
  box-shadow: inset 0 0 0 1px rgba(var(--zk-deep-rgb), .6);
  background: var(--lk-sel);
}
#zlook.lk-new .kn-app .zpu-t { padding: var(--lk-row-y) 12px; }


#zlook.lk-new .kn-app .ztk-amt { border-radius: var(--lk-r-ctl); }
#zlook.lk-new .kn-app .ztk-stats { border-radius: var(--lk-r-ctl); }


#zlook.lk-new .kn-app .ztk-s > :not(.k) { font-family: var(--lk-display); }


#zlook.lk-new .kn-app .z-jr-sv {
  font-family: var(--lk-display); font-weight: 650;
  font-size: 21px; letter-spacing: -.01em;
}
#zlook.lk-new .kn-app .zpf-worth {
  font-family: var(--lk-display); font-weight: 700; letter-spacing: -.02em;
  font-size: clamp(24px, 2.6vw, 30px);
}





#zlook.lk-new .kn-app .zpf-ban.none { display: none; }
#zlook.lk-new .kn-app .zpf-hero.hasban:has(.zpf-ban.none) .zpf-heroin { padding-top: 22px; }
#zlook.lk-new .kn-app .zpf-hero.hasban:has(.zpf-ban.none) .zpf-face { margin-top: 0; }





#zlook.lk-new .kn-app .z-jr-coinbtn { background: transparent; }




#zlook.lk-new .kn-app .z-cal-grid {
  gap: 0; background: transparent; border-radius: var(--lk-r-chip); overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--lk-gline);
}







#zlook#zlook.lk-new .kn-app .z-cal-day {
  border: 0; border-radius: 0; background: transparent;
  box-shadow: inset -1px -1px 0 var(--lk-gline);
}
#zlook#zlook.lk-new .kn-app .z-cal-day.empty { visibility: visible; }











#zlook#zlook.lk-new .kn-app .z-cal-day.win {
  z-index: 1;
  background: linear-gradient(135deg, rgba(var(--zk-up-rgb), .26), rgba(var(--zk-up-rgb), .07));
  box-shadow: inset 0 0 0 1px rgba(var(--zk-up-rgb), .75), inset 0 0 26px -6px rgba(var(--zk-up-rgb), .5),
    0 0 18px -2px rgba(var(--zk-up-rgb), .45);
}
#zlook#zlook.lk-new .kn-app .z-cal-day.loss {
  z-index: 1;
  background: linear-gradient(135deg, rgba(var(--zk-down-rgb), .26), rgba(var(--zk-down-rgb), .07));
  box-shadow: inset 0 0 0 1px rgba(var(--zk-down-rgb), .75), inset 0 0 26px -6px rgba(var(--zk-down-rgb), .5),
    0 0 18px -2px rgba(var(--zk-down-rgb), .45);
}
#zlook#zlook.lk-new .kn-app .z-cal-day.win .dpnl { text-shadow: 0 0 12px rgba(var(--zk-up-rgb), .75); }
#zlook#zlook.lk-new .kn-app .z-cal-day.loss .dpnl { text-shadow: 0 0 12px rgba(var(--zk-down-rgb), .75); }





#zlook#zlook.lk-new .kn-app .z-cal-yccell:is(.p1, .p2, .p3) {
  position: relative; z-index: 1; border-color: transparent;
  background: linear-gradient(135deg, rgba(var(--zk-up-rgb), .26), rgba(var(--zk-up-rgb), .07));
  box-shadow: inset 0 0 0 1px rgba(var(--zk-up-rgb), .75), inset 0 0 26px -6px rgba(var(--zk-up-rgb), .5),
    0 0 18px -2px rgba(var(--zk-up-rgb), .45);
}
#zlook#zlook.lk-new .kn-app .z-cal-yccell:is(.l1, .l2, .l3) {
  position: relative; z-index: 1; border-color: transparent;
  background: linear-gradient(135deg, rgba(var(--zk-down-rgb), .26), rgba(var(--zk-down-rgb), .07));
  box-shadow: inset 0 0 0 1px rgba(var(--zk-down-rgb), .75), inset 0 0 26px -6px rgba(var(--zk-down-rgb), .5),
    0 0 18px -2px rgba(var(--zk-down-rgb), .45);
}
#zlook#zlook.lk-new .kn-app .z-cal-yccell:is(.p1, .p2, .p3) .yv { color: var(--kn-green); text-shadow: 0 0 12px rgba(var(--zk-up-rgb), .75); }
#zlook#zlook.lk-new .kn-app .z-cal-yccell:is(.l1, .l2, .l3) .yv { color: var(--kn-red); text-shadow: 0 0 12px rgba(var(--zk-down-rgb), .75); }
#zlook#zlook.lk-new .kn-app .z-cal-yccell:is(.p1, .p2, .p3, .l1, .l2, .l3) .yt { color: var(--kn-text); }
#zlook#zlook.lk-new .kn-app .z-cal-yccell.flat { background: rgba(255, 255, 255, .025); }



#zlook#zlook.lk-new .kn-app .z-cal-weeks > .z-cal-week.pos {
  position: relative; z-index: 1;
  background: linear-gradient(135deg, rgba(var(--zk-up-rgb), .26), rgba(var(--zk-up-rgb), .07));
  box-shadow: inset 0 0 0 1px rgba(var(--zk-up-rgb), .75), inset 0 0 26px -6px rgba(var(--zk-up-rgb), .5),
    0 0 18px -2px rgba(var(--zk-up-rgb), .45);
}
#zlook#zlook.lk-new .kn-app .z-cal-weeks > .z-cal-week.neg {
  position: relative; z-index: 1;
  background: linear-gradient(135deg, rgba(var(--zk-down-rgb), .26), rgba(var(--zk-down-rgb), .07));
  box-shadow: inset 0 0 0 1px rgba(var(--zk-down-rgb), .75), inset 0 0 26px -6px rgba(var(--zk-down-rgb), .5),
    0 0 18px -2px rgba(var(--zk-down-rgb), .45);
}
#zlook#zlook.lk-new .kn-app .z-cal-week.pos .wp { text-shadow: 0 0 12px rgba(var(--zk-up-rgb), .75); }
#zlook#zlook.lk-new .kn-app .z-cal-week.neg .wp { text-shadow: 0 0 12px rgba(var(--zk-down-rgb), .75); }
#zlook#zlook.lk-new .kn-app .z-cal-week:is(.pos, .neg) .wl { color: var(--kn-text); }
#zlook#zlook.lk-new .kn-app .z-cal-day.flat { background: rgba(255, 255, 255, .025); }
#zlook#zlook.lk-new .kn-app .z-cal-day.sel { box-shadow: inset 0 0 0 1px rgba(var(--zk-accent-rgb), .95), 0 0 24px -8px rgba(var(--zk-deep-rgb), .7); }


#zlook#zlook.lk-new .kn-app .z-cal-day.today { box-shadow: inset 0 0 0 1px rgba(var(--zk-deep-rgb), .8); }
#zlook#zlook.lk-new .kn-app .z-cal-day .dpnl { font-size: 13.5px; }

#zlook#zlook.lk-new .kn-app .z-cal-day.has:hover { top: 0; }
#zlook.lk-new .kn-app .z-cal-weeks > .z-cal-week { border-radius: var(--lk-r-chip); background: var(--lk-panel); box-shadow: inset 0 0 0 1px var(--lk-line); border: 0; }
