/* Approved card entry only. Account, tutorial and binding surfaces keep their existing styles. */
.public-body #unlock.unlock-entry {
  width:100%;max-width:430px;margin:clamp(20px,4svh,36px) auto 0;
  padding:28px 28px 30px;border:0;border-radius:0;background:none;
  box-shadow:none;color:var(--ios-text);text-align:left;animation:none;
}
#unlock.unlock-entry .entry-intro {margin:0;padding:0;border:0;background:none}
#unlock.unlock-entry .entry-access-label {
  display:inline-flex;align-items:center;gap:6px;height:20px;margin:0 0 25px;
  color:var(--ios-blue);font-size:11px;font-weight:550;letter-spacing:.015em;
}
#unlock.unlock-entry svg {width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#unlock.unlock-entry h1 {
  color:var(--ios-text);font-size:40px;font-weight:750;line-height:1.18;
  letter-spacing:-.045em;margin:0;overflow-wrap:anywhere;
}
#unlock.unlock-entry .entry-title-character {display:inline-block;white-space:pre}
#unlock.unlock-entry .entry-caption {display:block;color:var(--ios-sub);font-size:11px;letter-spacing:.04em;margin-top:12px;line-height:1.6}
#unlock.unlock-entry .entry-title-row {display:flex;align-items:center;gap:15px;min-width:0}
#unlock.unlock-entry .entry-title-copy {flex:1;min-width:0}
#unlock.unlock-entry .entry-project-icon {display:block;width:62px;height:62px;flex:none;object-fit:cover;border-radius:18px;box-shadow:0 5px 15px rgba(0,0,0,.04)}
#unlock.unlock-entry .entry-project-icon[hidden] {display:none}
#unlock.unlock-entry.entry-has-icon h1 {font-size:31px}
#unlock.unlock-entry #unlock-page-name {font-size:12px;line-height:1.9;margin:24px 0 0;color:var(--ios-sub)}
#unlock.unlock-entry .entry-section-rule {height:1px;background:var(--ios-line);margin:27px 0;transform-origin:left center}
#unlock.unlock-entry label {display:block;font-size:12px;font-weight:600;margin:0 0 10px;color:var(--ios-text)}
#unlock.unlock-entry .input-with-action {
  display:flex;align-items:center;gap:8px;height:auto;padding:6px 7px 6px 15px;
  border:1px solid var(--ios-line);border-radius:17px;background:var(--ios-panel);
  box-shadow:0 5px 18px rgba(24,46,80,.016);transition:border-color 180ms,box-shadow 180ms;
}
#unlock.unlock-entry .input-with-action:focus-within {border-color:var(--ios-blue);box-shadow:0 0 0 3px var(--ios-bluefill)}
#unlock.unlock-entry #access-code {
  flex:1;width:100%;min-width:0;height:auto;min-height:0;padding:8px 0;
  border:0;border-radius:0;background:none;color:var(--ios-text);font-size:16px;
  line-height:22px;letter-spacing:.01em;outline:none!important;box-shadow:none!important;
  -webkit-appearance:none;appearance:none;opacity:1;-webkit-text-fill-color:var(--ios-text);
}
#unlock.unlock-entry #access-code::placeholder {color:var(--ios-sub);opacity:1}
#unlock.unlock-entry #paste-code {
  position:static;min-width:0;height:auto;min-height:36px;padding:10px 12px;
  border:0;border-radius:12px;background:var(--ios-bluefill);color:var(--ios-blue);
  font-size:11px;font-weight:550;line-height:16px;flex:none;transform:none;
}
#unlock.unlock-entry #unlock-error {min-height:30px;height:auto;padding:7px 2px;margin:0;font-size:11px;line-height:16px;color:#e35666}
#unlock.unlock-entry .primary-btn {
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:auto;
  min-height:46px;padding:12px 14px;border:0;border-radius:15px;background:var(--ios-blue);
  color:#fff;font-size:13px;font-weight:600;line-height:22px;box-shadow:none;
}
#unlock.unlock-entry .entry-button-content {display:flex;align-items:center;justify-content:center;gap:9px;min-height:22px;pointer-events:none}
#unlock.unlock-entry .entry-button-content svg {width:18px;height:18px}
#unlock.unlock-entry .entry-help {display:flex;align-items:center;justify-content:center;gap:5px;margin:28px 0 0;font-size:10px;line-height:1.7;color:var(--ios-sub)}
#unlock.unlock-entry button {scale:1!important;transition:transform 180ms cubic-bezier(.22,1,.36,1),opacity 180ms;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#unlock.unlock-entry button.entry-pressed {transform:scale(.96)}
#unlock.unlock-entry #paste-code.entry-pressed {transform:scale(.94)}
#unlock.unlock-entry button:disabled {opacity:.45;cursor:default}
#unlock.unlock-entry .primary-btn[aria-busy=true] {opacity:1;cursor:wait}
#unlock.unlock-entry .entry-loading {animation:entry-spinner 900ms linear infinite}
@keyframes entry-spinner {to{transform:rotate(360deg)}}
@media(max-width:620px) {
  .public-body #unlock.unlock-entry {margin-top:0;padding-top:18px}
  #unlock.unlock-entry h1 {font-size:38px}
  #unlock.unlock-entry.entry-has-icon h1 {font-size:30px}
  #unlock.unlock-entry .entry-access-label {margin-bottom:18px}
}
@media(max-width:480px) {
  .public-body:has(#unlock.unlock-entry:not([hidden])) .share-shell {padding-top:12px;padding-left:0;padding-right:0}
}
@media(max-width:359px) {
  .public-body #unlock.unlock-entry {margin-top:0;padding:16px 24px 30px}
  #unlock.unlock-entry h1 {font-size:33px}
  #unlock.unlock-entry.entry-has-icon h1 {font-size:25px}
  #unlock.unlock-entry .entry-project-icon {width:55px;height:55px;border-radius:16px}
  #unlock.unlock-entry #unlock-page-name {font-size:11px;margin-top:20px}
  #unlock.unlock-entry .entry-section-rule {margin-block:23px}
  #unlock.unlock-entry .entry-access-label {margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce) {
  #unlock.unlock-entry button,#unlock.unlock-entry .input-with-action {transition:none}
  #unlock.unlock-entry button.entry-pressed {transform:none}
  #unlock.unlock-entry .entry-loading {animation:none}
}