.codekin-dashboard-label {
  min-height: 30px;
  margin-left: 4px;
  padding: 0 11px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  color: #fff9d0;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 5px 14px rgba(0,0,0,.2);
  font: 950 10px/1 ui-rounded, "Avenir Next Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;
  letter-spacing: .035em;
  white-space: nowrap;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

[data-codekin-dashboard] {
  min-height: 44px;
  cursor: pointer;
}

[data-codekin-dashboard]:hover .codekin-dashboard-label,
[data-codekin-dashboard]:focus-visible .codekin-dashboard-label {
  border-color: rgba(255, 239, 155, .7);
  background-color: rgba(255,255,255,.11);
  transform: translateY(-1px);
}

.back-home[data-codekin-dashboard] {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.codekin-leave-dialog {
  width: min(520px, calc(100vw - 28px));
  max-width: none;
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  color: #fffdf4;
  background: transparent;
}

.codekin-leave-dialog::backdrop {
  background: rgba(6, 3, 24, .78);
  backdrop-filter: blur(12px) saturate(1.15);
}

.codekin-leave-card {
  position: relative;
  padding: 34px 34px 28px;
  overflow: hidden;
  border: 2px solid rgba(255, 237, 146, .72);
  border-radius: 31px 25px 34px 27px;
  background:
    radial-gradient(circle at 12% 0%, rgba(105, 243, 226, .22), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(180, 103, 255, .23), transparent 38%),
    linear-gradient(150deg, rgba(19, 50, 79, .99), rgba(41, 17, 76, .99));
  box-shadow: inset 0 2px rgba(255,255,255,.2), 0 10px 0 #120827, 0 32px 90px rgba(0,0,0,.62);
  text-align: center;
}

.codekin-leave-card::before {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 23px 18px 27px 20px;
}

.codekin-leave-close {
  position: absolute;
  z-index: 2;
  top: 13px;
  right: 13px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  color: #fff;
  background: rgba(255,255,255,.075);
  cursor: pointer;
  font: 800 25px/1 system-ui, sans-serif;
}

.codekin-leave-icon {
  position: relative;
  width: 82px;
  height: 82px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border: 2px solid #fff3a3;
  border-radius: 28px 34px 27px 35px;
  color: #3b245d;
  background: linear-gradient(145deg, #fff9a5, #ffc648 68%, #f08c2f);
  box-shadow: inset 0 4px 7px rgba(255,255,255,.7), 0 7px 0 #964928, 0 0 36px rgba(115,244,226,.28);
  transform: rotate(-3deg);
}

.codekin-leave-icon i {
  font: normal 1000 38px/1 system-ui, sans-serif;
  transform: rotate(3deg);
}

.codekin-leave-kicker {
  margin: 0 0 7px;
  color: #82f6e9;
  font: 1000 9px/1.2 ui-rounded, system-ui, sans-serif;
  letter-spacing: .18em;
}

.codekin-leave-card h2 {
  margin: 0;
  color: #fff7cc;
  font: 1000 clamp(27px, 6vw, 38px)/1 ui-rounded, "Avenir Next Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;
  letter-spacing: -.045em;
}

.codekin-leave-message {
  max-width: 400px;
  margin: 14px auto 22px;
  color: #e7e6f4;
  font: 700 15px/1.5 ui-rounded, system-ui, sans-serif;
}

.codekin-leave-actions {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 10px;
}

.codekin-leave-actions button {
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 17px;
  cursor: pointer;
  font: 950 13px/1 ui-rounded, system-ui, sans-serif;
}

.codekin-stay-button {
  color: #fff;
  background: linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.065));
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 5px 0 rgba(4,3,25,.55);
}

.codekin-go-button {
  color: #402451;
  border-color: #fff1a1 !important;
  background: linear-gradient(180deg, #fff69a, #ffc43e 68%, #ed8d2d);
  box-shadow: inset 0 3px rgba(255,255,255,.7), 0 6px 0 #9d4f27, 0 12px 24px rgba(3,2,22,.32);
}

.codekin-leave-actions button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.codekin-leave-actions button:active { transform: translateY(2px); }
.codekin-leave-actions button:focus-visible,
.codekin-leave-close:focus-visible { outline: 4px solid #fff49a; outline-offset: 3px; }

.codekin-device-note {
  margin-top: 16px;
  display: block;
  color: #aaa9c4;
  font: 750 10px/1.35 ui-rounded, system-ui, sans-serif;
}

@media (max-width: 760px) {
  .codekin-dashboard-label { margin-left: 2px; padding-inline: 9px; font-size: 9px; }
}

@media (max-width: 560px) {
  [data-codekin-dashboard] .logo-copy,
  [data-codekin-dashboard] .brand-copy,
  [data-codekin-dashboard].food-brand > span:not(.food-brand__gem):not(.codekin-dashboard-label) { display: none !important; }
  .codekin-dashboard-label { min-height: 28px; margin-left: 1px; padding-inline: 7px; font-size: 8px; }
  .codekin-leave-card { padding: 29px 18px 21px; border-radius: 25px 20px 27px 22px; }
  .codekin-leave-icon { width: 70px; height: 70px; border-radius: 24px 29px 23px 29px; }
  .codekin-leave-message { font-size: 14px; }
}

@media (max-width: 390px) {
  .codekin-dashboard-label { display: inline-flex !important; }
  .codekin-leave-actions { grid-template-columns: 1fr; }
  .codekin-go-button { grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .codekin-dashboard-label,
  .codekin-leave-actions button { transition: none; }
}