/* Shared download notice for the website and the codex. */
:root { --ik-release-height: 64px; }
body { padding-top: calc(var(--ik-release-height) + env(safe-area-inset-top, 0px)); }
.ik-release-strip {
  box-sizing: border-box; position: fixed; inset: 0 0 auto; z-index: 70;
  min-height: calc(var(--ik-release-height) + env(safe-area-inset-top, 0px));
  padding: calc(10px + env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) 10px max(20px, env(safe-area-inset-left, 0px));
  display: flex; align-items: center; justify-content: center; gap: 24px;
  border-bottom: 1px solid #bc9b5c55; background: #12232d;
  box-shadow: 0 4px 20px #0003; color: #eadfc6;
  font: 14px/1.3 system-ui, -apple-system, sans-serif;
}
.ik-release-copy { display: flex; align-items: center; gap: 13px; min-width: 0; }
.ik-release-mark { color: #e6c17a; font-size: 26px; line-height: 1; }
.ik-release-copy strong { display: block; font-size: 14px; font-weight: 650; }
.ik-release-copy small { display: block; margin-top: 3px; font-size: 11px; color: #aebdbb; letter-spacing: .02em; }
.ik-release-links { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.ik-release-strip a {
  box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center;
  min-height: 44px; padding: 10px 17px; border: 1px solid #7e8e8e55;
  border-radius: 8px; color: #ece3cf; background: #243842; text-decoration: none;
  font: 600 13px/1.2 system-ui, -apple-system, sans-serif; white-space: nowrap;
}
.ik-release-strip a:hover { border-color: #d8b87a; background: #30434b; }
.ik-release-strip .ik-release-apk { color: #211c12; border-color: #e3c17b; background: linear-gradient(110deg, #ebd19a, #cea961); }
.ik-release-strip .ik-release-apk:hover { background: #f1d8a4; }
.ik-release-strip .ik-release-instructions { border-color: transparent; background: none; color: #b8c6c2; font-weight: 400; }
.ik-release-strip a:focus-visible { outline: 2px solid #f3ce80; outline-offset: 3px; }
@media (max-width: 820px) {
  .ik-release-strip { justify-content: space-between; gap: 8px; padding-right: max(12px, env(safe-area-inset-right, 0px)); padding-left: max(12px, env(safe-area-inset-left, 0px)); }
  .ik-release-copy { gap: 7px; flex: 1; }
  .ik-release-copy strong { font-size: 12px; }
  .ik-release-copy small { font-size: 10px; }
  .ik-release-mark { font-size: 21px; }
  .ik-release-strip a { padding: 10px 13px; font-size: 12px; }
  .ik-release-instructions, .ik-release-desktop { display: none !important; }
}
@media (max-width: 370px) {
  .ik-release-mark { display: none; }
  .ik-release-links { gap: 6px; }
  .ik-release-strip a { padding-inline: 10px; }
  .ik-release-copy strong { font-size: 11px; }
}