/* KeyboxHub 1.5.6 focused polish layer. */

.kb156p-liquid{
  position:relative!important;
  isolation:isolate!important;
  border:0!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.018) 48%,transparent 73%),
    var(--kb156-glass,rgba(29,29,34,.78))!important;
  color:var(--kb156-text,#f6f6f8)!important;
  box-shadow:
    inset 0 0 0 1px var(--kb156-rim,rgba(255,255,255,.135)),
    inset 0 1px 0 rgba(255,255,255,.105),
    0 12px 28px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
}
html[data-kb-theme="light"] .kb156p-liquid{
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.2) 48%,transparent 73%),
    var(--kb156-glass,rgba(250,250,253,.84))!important;
  color:var(--kb156-text,#17171b)!important;
  box-shadow:
    inset 0 0 0 1px var(--kb156-rim,rgba(25,25,31,.115)),
    inset 0 1px 0 #fff,
    0 12px 26px rgba(38,41,53,.075)!important;
}
.kb156p-liquid :is(h1,h2,h3,h4,h5,strong,.text-white,[class*="text-[#F5F5F7]"]){color:var(--kb156-text,#f6f6f8)!important}
.kb156p-liquid :is(p,small,[class*="text-[#A1A1A6]"],[class*="text-[#6E6E73]"]){color:var(--kb156-muted,#b5b5be)!important}

/* Hub promo, Join the Hub, and feature surfaces. */
#next-level-options .kb156p-promo-card{
  border-radius:27px!important;
  padding:30px!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
#next-level-options .kb156p-promo-card>div:first-child,
#contribute .kb156p-join-shell>div>div:first-child>div:first-child{
  border:0!important;
  background:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
html[data-kb-theme="light"] #next-level-options .kb156p-promo-card>div:first-child,
html[data-kb-theme="light"] #contribute .kb156p-join-shell>div>div:first-child>div:first-child{
  background:rgba(25,25,31,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(25,25,31,.065),inset 0 1px 0 #fff!important;
}
#next-level-options .kb156p-promo-card .btn{
  min-height:50px!important;
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),var(--kb156-inner,rgba(17,17,21,.6))!important;
  color:var(--kb156-text,#f6f6f8)!important;
  box-shadow:inset 0 0 0 1px var(--kb156-rim,rgba(255,255,255,.135)),0 7px 18px rgba(0,0,0,.1)!important;
}
html[data-kb-theme="light"] #next-level-options .kb156p-promo-card .btn{
  background:linear-gradient(145deg,#fff,rgba(255,255,255,.2)),rgba(239,239,244,.72)!important;
  color:#17171b!important;
  box-shadow:inset 0 0 0 1px rgba(25,25,31,.1),inset 0 1px 0 #fff,0 7px 18px rgba(38,41,53,.06)!important;
}
#contribute .kb156p-join-shell{
  border-radius:28px!important;
  overflow:hidden!important;
}
#contribute .kb156p-join-card{
  border-radius:21px!important;
  min-height:0!important;
  box-shadow:inset 0 0 0 1px var(--kb156-rim,rgba(255,255,255,.135)),inset 0 1px 0 rgba(255,255,255,.1),0 8px 20px rgba(0,0,0,.1)!important;
}
#contribute .kb156p-join-card>div:first-child{
  border:0!important;
  background:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.075)!important;
}
html[data-kb-theme="light"] #contribute .kb156p-join-card>div:first-child{
  background:rgba(25,25,31,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(25,25,31,.065),inset 0 1px 0 #fff!important;
}

/* Checker cards: make every real card use one material, not nested halo stacks. */
body.kb-surface-checker .kb156p-checker-surface{
  border-radius:21px!important;
  border:0!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 54%,transparent 76%),
    var(--kb156-glass,rgba(29,29,34,.78))!important;
  box-shadow:inset 0 0 0 1px var(--kb156-rim,rgba(255,255,255,.135)),inset 0 1px 0 rgba(255,255,255,.09),0 10px 24px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-checker-surface{
  background:linear-gradient(145deg,#fff,rgba(255,255,255,.15)),rgba(250,250,253,.84)!important;
  color:#17171b!important;
  box-shadow:inset 0 0 0 1px rgba(25,25,31,.1),inset 0 1px 0 #fff,0 10px 23px rgba(38,41,53,.065)!important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-checker-surface :is(h1,h2,h3,h4,h5,strong,.text-white,[class*="text-[#F5F5F7]"]){color:#17171b!important}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-checker-surface :is(p,small,[class*="text-[#A1A1A6]"]){color:#55555e!important}

/* Trust score: no unnecessary outer frame and no tall Grade box. */
body.kb-surface-checker .kb156-grade-control,
body.kb-surface-checker .kb156p-grade-clean{
  display:block!important;
  width:auto!important;
  min-width:118px!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.kb-surface-checker .kb156-grade-control>div,
body.kb-surface-checker .kb156p-grade-clean>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
}
body.kb-surface-checker .kb156-grade-control>div>span:first-child,
body.kb-surface-checker .kb156p-grade-clean>div>span:first-child{
  margin:0!important;
  line-height:1.2!important;
}
body.kb-surface-checker .kb156-grade-score-wrap{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  margin:0!important;
  min-height:0!important;
}
body.kb-surface-checker .kb156-grade-score{
  font-size:clamp(34px,8vw,48px)!important;
  line-height:.95!important;
}
body.kb-surface-checker .kb156-grade-badge,
body.kb-surface-checker .kb156p-grade-badge-clean{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:28px!important;
  height:auto!important;
  margin:2px 0 0!important;
  padding:6px 10px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html[data-kb-theme="light"] body.kb-surface-checker :is(.kb156-grade-badge,.kb156p-grade-badge-clean){
  background:rgba(25,25,31,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(25,25,31,.08),inset 0 1px 0 #fff!important;
}
body.kb-surface-checker .kb156p-grade-slot-clean{min-width:118px!important;width:auto!important;height:auto!important;align-self:center!important}

/* Comparison modal, including all inner tables/cards, supports light theme. */
body.kb-surface-checker .kb156p-compare-layer{
  background:rgba(4,4,6,.62)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
body.kb-surface-checker .kb156p-compare-modal{
  border-radius:25px!important;
  overflow:hidden!important;
  color:var(--kb156-text,#f6f6f8)!important;
}
body.kb-surface-checker .kb156p-compare-modal :is(table,thead,tbody,tr,td,th,section,article,div[class*="bg-[#0B0B0C]"],div[class*="bg-[#111113]"],div[class*="bg-[#161618]"]){
  border-color:rgba(255,255,255,.075)!important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-compare-layer{background:rgba(229,231,238,.68)!important}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-compare-modal{
  background:rgba(255,255,255,.97)!important;
  color:#17171b!important;
  box-shadow:inset 0 0 0 1px rgba(25,25,31,.1),inset 0 1px 0 #fff,0 22px 54px rgba(38,41,53,.13)!important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-compare-modal :is(table,thead,tbody,tr,td,th,section,article,div[class*="bg-[#0B0B0C]"],div[class*="bg-[#111113]"],div[class*="bg-[#161618]"]){
  background:rgba(25,25,31,.035)!important;
  color:#17171b!important;
  border-color:rgba(25,25,31,.085)!important;
}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-compare-modal :is(h1,h2,h3,h4,strong,.text-white,[class*="text-[#F5F5F7]"]){color:#17171b!important}
html[data-kb-theme="light"] body.kb-surface-checker .kb156p-compare-modal :is(p,small,[class*="text-[#A1A1A6]"]){color:#55555e!important}

/* Calculating-score loader: stable icon box and a known Font Awesome glyph. */
body.kb-surface-checker .kb156p-calculating .kb156p-calculating-icon,
body.kb-surface-checker .kb156p-calculating i.fa-circle-notch{
  display:inline-flex!important;
  width:48px!important;
  height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:30px!important;
  line-height:1!important;
  transform-origin:center!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
}

/* VIP buttons retain their existing color/fill; only the broken edge geometry is corrected. */
body.kb-surface-vip :is(.btn-gold,.btn-glow-primary,.btn-liquid){
  border:0!important;
  border-radius:15px!important;
  background-clip:padding-box!important;
  overflow:hidden!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(10,10,12,.08),inset 0 1px 0 rgba(255,255,255,.72),0 8px 20px rgba(0,0,0,.14)!important;
}
body.kb-surface-vip :is(.btn-gold,.btn-glow-primary,.btn-liquid)::before,
body.kb-surface-vip :is(.btn-gold,.btn-glow-primary,.btn-liquid)::after{
  border-radius:inherit!important;
  clip-path:inset(0 round 15px)!important;
}
html[data-kb-theme="light"] body.kb-surface-vip :is(.btn-gold,.btn-glow-primary,.btn-liquid){
  box-shadow:inset 0 0 0 1px rgba(91,65,9,.14),inset 0 1px 0 #fff,0 8px 18px rgba(65,52,22,.1)!important;
}

/* Upload form is physically hidden until a fresh token exists. */
#uploadKeyboxForm[aria-hidden="true"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
#uploadKeyboxForm[aria-hidden="false"]{visibility:visible!important;pointer-events:auto!important}

@media(max-width:760px){
  #next-level-options .kb156p-promo-card{padding:24px 20px!important;border-radius:24px!important}
  #next-level-options .kb156p-promo-card>div:first-child{width:68px!important;height:68px!important;margin-bottom:20px!important}
  #contribute .kb156p-join-shell{padding:24px 20px!important;border-radius:24px!important}
  #contribute .kb156p-join-card{padding:15px!important}
  body.kb-surface-checker .kb156-grade-slot,
  body.kb-surface-checker .kb156p-grade-slot-clean{width:auto!important;min-width:118px!important}
  body.kb-surface-checker .kb156-grade-control,
  body.kb-surface-checker .kb156p-grade-clean{width:auto!important;min-width:118px!important}
  body.kb-surface-checker .kb156-grade-control>div,
  body.kb-surface-checker .kb156p-grade-clean>div{align-items:center!important}
  body.kb-surface-checker .kb156p-compare-modal{max-height:90dvh!important;width:calc(100% - 20px)!important}
}

@media(hover:hover) and (pointer:fine){
  :is(.kb156p-promo-card,.kb156p-join-card,.kb156p-checker-surface,.kb156p-vip-surface):hover{
    transform:translateY(-1px)!important;
    box-shadow:inset 0 0 0 1px var(--kb156-rim-strong,rgba(255,255,255,.2)),inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px rgba(0,0,0,.14)!important;
  }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .kb156p-liquid,body.kb-surface-checker .kb156p-checker-surface{background:#242429!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  html[data-kb-theme="light"] :is(.kb156p-liquid,body.kb-surface-checker .kb156p-checker-surface){background:#f6f6f9!important}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .kb156p-liquid,body.kb-surface-checker .kb156p-checker-surface{background:#242429!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  html[data-kb-theme="light"] :is(.kb156p-liquid,body.kb-surface-checker .kb156p-checker-surface){background:#f6f6f9!important}
}
@media(prefers-reduced-motion:reduce){
  :is(.kb156p-promo-card,.kb156p-join-card,.kb156p-checker-surface,.kb156p-vip-surface){transition:none!important;animation:none!important;transform:none!important}
}
@media(forced-colors:active){
  :is(.kb156p-liquid,.kb156p-checker-surface,.kb156p-compare-modal){forced-color-adjust:auto!important;background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none!important}
}