/* 1.2.151 — October 9 and October 12's annotated roles.
 * Font values are source pixels. Small icon measurements are painted sizes;
 * the established page shell applies its 70% scale on every viewport. */
:root {
  --ho12-feedback-body:18px;
  --ho12-feedback-caption:16px;
  --ho12-feedback-verification:14px;
  --ho12-feedback-amount:38px;
  --ho12-feedback-history-amount:28px;
  --ho12-feedback-pay-amount:62px;
  --ho12-feedback-pay-icon:32px;
  --ho12-feedback-pay-question-width:15.555556px;
  --ho12-feedback-pay-question-height:50px;
  --ho12-feedback-pay-gap:6px;
  --ho12-feedback-gift-tab-icon:37.985714px;
  --ho12-feedback-krw:32px;
  --ho12-feedback-question:17.985714px;
  --ho12-feedback-inline-icon:22px;
  --ho12-feedback-tip-gap:4px;
  --ho12-feedback-tooltip:18px;
  --ho12-feedback-label-weight:600;
  --ho12-feedback-form-line:32px;
  --ho12-feedback-form-row:62.38px;
}

/* One icon-label treatment; error hints retain their field-specific axes. */
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-mp-hover-bubble,.ho12-mp-action-wrapper > .ho12-mp-action-btn,
  .ho12-tooltip-bubble,.ho12-icon-tooltip,.ho12-dev-tooltip,
  .ho12-cart-tab-tooltip,
  .ho12-action-cart-tooltip,.ho12-reg-submit-label,[role=tooltip]
) {
  font-size:var(--ho12-feedback-tooltip)!important;font-weight:400!important;
  line-height:1.25!important;letter-spacing:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-mp-hover-bubble,.ho12-tooltip-bubble,.ho12-cart-tab-tooltip
) {
  top:calc(100% + var(--ho12-feedback-tip-gap))!important;bottom:auto!important;
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  margin:0!important;
}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-gt-icon-btn,.ho12-gift-tab-btn,.ho12-library [data-tooltip]
)::after {
  font-size:var(--ho12-feedback-tooltip)!important;
  top:calc(100% + var(--ho12-feedback-tip-gap))!important;bottom:auto!important;
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  line-height:1.25!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-mp-action-wrapper > .ho12-mp-action-btn {
  margin-top:var(--ho12-feedback-tip-gap)!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-required-question-anchor::after,
html body #page#page#page#page#page#page#page#page#page .ho12-lost-question::after {
  font-size:var(--ho12-feedback-tooltip)!important;line-height:1.4!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-required-question-icon,.ho12-lost-question,.ho12-lost-question img) {
  width:var(--ho12-feedback-question)!important;height:var(--ho12-feedback-question)!important;
  min-width:var(--ho12-feedback-question)!important;max-width:var(--ho12-feedback-question)!important;
  min-height:var(--ho12-feedback-question)!important;max-height:var(--ho12-feedback-question)!important;
}

/* Inquiry's 90px label + 16px gap, 32px line and 62.38px row are the reference. */
html body #page#page#page#page#page#page#page#page#page :is(#ho12-profile-form,.ho12-login-form-element) {
  width:min(440px,100%)!important;max-width:440px!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-mp-field-group,.ho12-input-wrapper) {
  display:flex!important;align-items:start!important;gap:16px!important;
  min-height:var(--ho12-feedback-form-row)!important;height:auto!important;
  margin:0!important;padding:0!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-mp-field-group.hidden {display:none!important;}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-mp-label,.ho12-input-label) {
  flex:0 0 90px!important;width:90px!important;min-width:90px!important;
  max-width:90px!important;line-height:var(--ho12-feedback-form-line)!important;
  white-space:nowrap!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-mp-input-container,.ho12-input-container) {
  flex:1 1 0!important;min-width:0!important;width:auto!important;
}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-mp-label,.ho12-mp-input-container input,.ho12-input-label,.ho12-input-container input,
  .ho12-reg-label,.ho12-reg-input-container input,.ho12-lost-guide,.ho12-lost-label,.ho12-lost-input,
  .ho12-wc-title,.ho12-adult-guide-title
) {font-size:var(--ho12-feedback-body)!important;line-height:var(--ho12-feedback-form-line)!important;font-weight:400!important;}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-mp-input-container input,.ho12-input-container input) {
  padding-top:0!important;padding-bottom:0!important;height:var(--ho12-feedback-form-line)!important;
  min-height:var(--ho12-feedback-form-line)!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-mp-verify-text,.ho12-reg-verify-label,#ho12-reg-verify-btn-standard) {
  font-size:var(--ho12-feedback-verification)!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-btn-save-wrap > img {opacity:.4!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-btn-save-wrap:is(:hover,:focus-within) > img {opacity:1!important;}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-dev-header h2,.ho12-dev-header h3,.ho12-dev-header h4,.ho12-dev-section-title
) {font-size:var(--ho12-feedback-body)!important;}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-dev-stats,.ho12-dev-current h3,.ho12-dev-register-row span,#ho12-dev-current-display-name,
  #ho12-dev-nickname,#ho12-dev-register-btn,.ho12-dev-list-section h3,#ho12-dev-manage-btn,
  .ho12-dev-item-name-text,.ho12-dev-item-rename-input,.ho12-adult-guide-copy,.ho12-adult-guide-copy span
) {font-size:var(--ho12-feedback-caption)!important;font-weight:400!important;line-height:1.6!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-search-input {
  font-size:var(--ho12-feedback-caption)!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-summary-top-row {
  flex-shrink:0!important;width:100%!important;margin-bottom:12px!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-summary-top-row :is([role=button],.ho12-qty-val) {user-select:none!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-summary-box {height:auto!important;min-height:120px!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form {--ho12-feedback-reg-left:6%;}
@media(min-width:769px) {
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form {--ho12-feedback-reg-left:-8%;}
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-input-wrapper {min-height:32px!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-agreement {
  top:calc(52% + 10px)!important;
  left:var(--ho12-feedback-reg-left)!important;right:auto!important;width:126%!important;max-width:126%!important;
  transform:none!important;box-sizing:border-box!important;text-align:left!important;
  justify-content:flex-start!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form :is(.ho12-reg-custom-check,.ho12-reg-standard-check) {
  transform:none!important;display:flex!important;justify-content:flex-start!important;
  flex-direction:row-reverse!important;width:max-content!important;max-width:100%!important;
  gap:6px!important;white-space:normal!important;text-align:left!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-checkbox-label {
  font-size:var(--ho12-feedback-verification)!important;line-height:1.35!important;
  text-align:left!important;width:auto!important;margin:0!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form :is(.ho12-reg-submit-btn-image,.ho12-reg-submit-btn-icon) {
  opacity:1!important;filter:none!important;transform:none!important;transition:transform .15s ease!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-btn-image:is(:hover,:focus-visible) {
  transform:scale(1.05)!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-wrap {
  position:absolute!important;left:var(--ho12-feedback-reg-left)!important;right:auto!important;
  transform:none!important;margin-left:0!important;margin-right:0!important;overflow:visible!important;
}
@media(max-width:767px) {
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form {--ho12-feedback-reg-left:0px;}
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-agreement {
    position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;
  }
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-wrap {
    position:relative!important;top:auto!important;margin:22px 0 0!important;
  }
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-label {
  position:absolute!important;left:50%!important;top:calc(100% + 4px)!important;
  right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;
  width:max-content!important;max-width:none!important;white-space:nowrap!important;
  margin:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-wrap:is(:hover,:focus-within) .ho12-reg-submit-label {
  opacity:1!important;visibility:visible!important;
}

/* Wallet, amount picker, gift action and history. */
html body #page#page#page#page#page#page#page#page#page #ho12-gt-user-balance-val {font-size:var(--ho12-feedback-pay-amount)!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-gt-row-left span {font-size:var(--ho12-feedback-amount)!important;line-height:1!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-gt-row-left img {width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-gt-row-left {gap:3px!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-gt-icon-btn[data-tab="gift"] img {
  width:var(--ho12-feedback-gift-tab-icon)!important;height:var(--ho12-feedback-gift-tab-icon)!important;
  min-width:var(--ho12-feedback-gift-tab-icon)!important;max-width:var(--ho12-feedback-gift-tab-icon)!important;
  min-height:var(--ho12-feedback-gift-tab-icon)!important;max-height:var(--ho12-feedback-gift-tab-icon)!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-gt-price-text,.ho12-gt-select-btn) {font-size:var(--ho12-feedback-body)!important;line-height:1.5!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-gt-row-right {min-width:160px!important;width:auto!important;min-height:44px!important;height:auto!important;padding:8px 18px!important;}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-gift-instructions,.ho12-gt-history-table td,.ho12-gt-history-table td span,.ho12-gt-history-table button,.ho12-gt-payment-method,.ho12-gt-payment-label,.ho12-gt-agree-row,.ho12-gt-agree-row > span,.ho12-gt-payment-guide) {
  font-size:var(--ho12-feedback-caption)!important;line-height:1.55!important;font-weight:400!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-gift-instructions img {
  width:var(--ho12-feedback-inline-icon)!important;height:var(--ho12-feedback-inline-icon)!important;
  min-width:var(--ho12-feedback-inline-icon)!important;max-width:var(--ho12-feedback-inline-icon)!important;
  max-height:var(--ho12-feedback-inline-icon)!important;object-fit:contain!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-history-gift-amount,.ho12-history-gift-amount > span,.ho12-gt-history-gamtae,.ho12-gt-history-table .ho12-gamtae-amount-num) {
  font-size:var(--ho12-feedback-history-amount)!important;line-height:1!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-gt-section-title {font-size:var(--ho12-feedback-body)!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-gt-pay-amount,
html body #page#page#page#page#page#page#page#page#page .ho12-gift-send-selected-amount {font-size:var(--ho12-feedback-pay-amount)!important;line-height:1!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-gt-pay-krw {font-size:var(--ho12-feedback-krw)!important;}
html body #page#page#page#page#page#page#page#page#page :is(#ho12-gt-pay-btn,#ho12-gift-send-action-btn) > img {
  width:var(--ho12-feedback-pay-icon)!important;height:var(--ho12-feedback-pay-icon)!important;
  min-width:var(--ho12-feedback-pay-icon)!important;max-width:var(--ho12-feedback-pay-icon)!important;
  min-height:var(--ho12-feedback-pay-icon)!important;max-height:var(--ho12-feedback-pay-icon)!important;
  transition:transform .15s ease!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-gift-send-action-btn {
  display:inline-flex!important;align-items:center!important;gap:var(--ho12-feedback-pay-gap)!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  height:var(--ho12-feedback-pay-question-height)!important;
  min-height:var(--ho12-feedback-pay-question-height)!important;max-height:var(--ho12-feedback-pay-question-height)!important;
  scale:1!important;transform:none!important;transition:scale 180ms ease-out!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-gift-send-actions {
  align-items:center!important;gap:6px!important;min-height:62px!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-gift-send-action-btn > .ho12-gift-payment-question {
  width:var(--ho12-feedback-pay-question-width)!important;
  min-width:var(--ho12-feedback-pay-question-width)!important;max-width:var(--ho12-feedback-pay-question-width)!important;
  height:var(--ho12-feedback-pay-question-height)!important;
  min-height:var(--ho12-feedback-pay-question-height)!important;max-height:var(--ho12-feedback-pay-question-height)!important;
  object-fit:contain!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-gift-send-action-btn > img {
  transform:none!important;scale:1!important;transition:none!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-gift-send-action-btn:is(:hover,:focus-visible) {scale:1.05!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-gt-pay-btn:is(:hover,:focus-visible) > img {transform:scale(1.05)!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-gt-pay-btn[aria-busy=true] {opacity:1!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-gt-step2-container .ho12-gt-agree-row[data-ho12-tooltip]::after {
  width:max-content!important;max-width:none!important;white-space:nowrap!important;
}
@media(max-width:600px) {
  html body #page#page#page#page#page#page#page#page#page #ho12-gt-step2-container .ho12-gt-agree-row {width:calc(100% - 32px)!important;}
  html body #page#page#page#page#page#page#page#page#page #ho12-gt-step2-container .ho12-gt-agree-row:has(> .ho12-required-question-icon) {padding-bottom:28px!important;}
  html body #page#page#page#page#page#page#page#page#page #ho12-gt-step2-container .ho12-gt-agree-row :is(input[type=checkbox],.ho12-required-question-icon) {top:calc(var(--ho12-feedback-caption) * .775)!important;}
  html body #page#page#page#page#page#page#page#page#page #ho12-gt-step2-container .ho12-gt-agree-row[data-ho12-tooltip]::after {
    left:0!important;right:auto!important;top:calc(var(--ho12-feedback-caption) * 1.55 + 4px)!important;
    bottom:auto!important;transform:none!important;
  }
}

/* Lifted notices live outside the page's zoom and use their own shared scale. */
html body #ho12-confirm-modal#ho12-confirm-modal#ho12-confirm-modal.ho12-goods-payment-confirm .ho12-confirm-inner {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;width:100%!important;
}
html body #ho12-confirm-modal#ho12-confirm-modal#ho12-confirm-modal.ho12-goods-payment-confirm .ho12-confirm-gamtae-unit {gap:6px!important;}
html body #ho12-confirm-modal#ho12-confirm-modal#ho12-confirm-modal.ho12-goods-payment-confirm .ho12-confirm-actions {justify-content:center!important;width:100%!important;}
html body #ho12-system-dialog#ho12-system-dialog .ho12-system-dialog__message {font-size:var(--ho12-feedback-body)!important;}
@media(prefers-reduced-motion:reduce) {
  html body #page#page#page#page#page#page#page#page#page :is(.ho12-reg-submit-btn-icon,#ho12-gt-pay-btn > img,#ho12-gift-send-action-btn,#ho12-gift-send-action-btn > img) {transition:none!important;}
}

/* October 12 A: Inquiry's semibold labels and regular entry text. Remove
 * the login stack's additional 32px gap, rather than shrinking its rows. */
html body #page#page#page#page#page#page#page#page#page#page :is(
  .ho12-input-label,.ho12-reg-label,.ho12-lost-label,.ho12-wc-title,.ho12-mp-label
) {font-weight:var(--ho12-feedback-label-weight)!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-input-field-group {
  position:relative!important;inset:auto!important;width:100%!important;
  transform:none!important;gap:0!important;margin:0!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-input-label,.ho12-reg-label,.ho12-lost-label) {
  position:relative!important;top:1.428571px!important;
  padding:0!important;margin:0!important;text-indent:0!important;text-align:left!important;
  color:#9b9b9b!important;-webkit-text-fill-color:currentColor!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login-box:has(.ho12-login-form-element) {
  width:min(440px,100%)!important;max-width:440px!important;padding:0!important;
}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-input-container input,.ho12-reg-input-container input,.ho12-lost-input
) {
  font-weight:400!important;line-height:var(--ho12-feedback-form-line)!important;
  height:var(--ho12-feedback-form-line)!important;min-height:var(--ho12-feedback-form-line)!important;
  padding:0!important;caret-color:#111!important;box-sizing:border-box!important;
  color:#9b9b9b!important;-webkit-text-fill-color:currentColor!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-lost-row {
  width:min(440px,100%)!important;max-width:440px!important;gap:16px!important;align-items:start!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-lost-label {flex:0 0 90px!important;width:90px!important;min-width:90px!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-lost-input-wrap {
  position:relative!important;inset:auto!important;transform:none!important;
  margin:0!important;padding:0!important;flex:1 1 0!important;min-width:0!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-lost-input {
  position:static!important;transform:none!important;margin:0!important;
}
/* Saved credentials remain usable. Paint autofill like the white Inquiry
 * input instead of allowing the browser's blue fill to obscure nearby ink. */
/* Keep entry and first-line tokens consistent. Chromium's uncommitted saved
 * credential preview has a separate UA small-control font; the narrow preview
 * correction below also accounts for that inaccessible internal layer. */
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-input-container input,.ho12-reg-input-container input,
  .ho12-lost-input,.ho12-mp-input-container input
)::first-line {
  font-family:inherit!important;font-size:var(--ho12-feedback-body)!important;
  font-weight:400!important;font-style:normal!important;
  line-height:var(--ho12-feedback-form-line)!important;letter-spacing:0!important;
}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-input-container input,.ho12-reg-input-container input,.ho12-lost-input
):is(:-webkit-autofill,:autofill) {
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;
  -webkit-text-fill-color:#9b9b9b!important;caret-color:#111!important;
}

/* Detect native preview changes without polling or accessing saved values.
 * Only empty, uncommitted preview fields receive the measured scale. Inverse
 * sizing preserves their painted input bounds and existing form spacing. */
@keyframes ho12-native-preview-detect {from {opacity:1;} to {opacity:1;}}
html body #page#page#page#page#page#page#page#page#page#page :is(
  .ho12-input-container input,.ho12-reg-input-container input,
  .ho12-lost-input,.ho12-mp-input-container input
):is(:-webkit-autofill,:autofill) {
  animation:ho12-native-preview-detect 1ms linear!important;
}
html body #page#page#page#page#page#page#page#page#page#page :is(
  .ho12-input-container input,.ho12-reg-input-container input,
  .ho12-lost-input,.ho12-mp-input-container input
).ho12-native-preview:is(:-webkit-autofill,:autofill) {
  flex:0 0 auto!important;align-self:flex-start!important;
  width:calc(100% / var(--ho12-native-preview-scale))!important;
  min-width:0!important;max-width:none!important;
  height:calc(var(--ho12-feedback-form-line) / var(--ho12-native-preview-scale))!important;
  min-height:calc(var(--ho12-feedback-form-line) / var(--ho12-native-preview-scale))!important;
  max-height:none!important;
  line-height:calc(var(--ho12-feedback-form-line) / var(--ho12-native-preview-scale))!important;
  transform:scale(var(--ho12-native-preview-scale))!important;
  transform-origin:left top!important;transition:none!important;
}
html body #page#page#page#page#page#page#page#page#page#page :is(
  .ho12-input-container input,.ho12-reg-input-container input,
  .ho12-lost-input,.ho12-mp-input-container input
).ho12-native-preview:is(:-webkit-autofill,:autofill)::first-line {
  line-height:calc(var(--ho12-feedback-form-line) / var(--ho12-native-preview-scale))!important;
}

/* C/D: anchor to the small painted remember mark, not its 44px hit area.
 * The hit area is preserved; only the helper's position changes. */
html body #page#page#page#page#page#page#page#page#page .ho12-remember-wrapper .ho12-tooltip-bubble {
  top:calc(30.5px + var(--ho12-feedback-tip-gap))!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login-box .ho12-tooltip-wrap:focus-within > .ho12-tooltip-bubble {
  opacity:1!important;visibility:visible!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login-sub-links .ho12-sub-link-item {
  transform:none!important;
}
html body #page#page#page#page#page#page#page#page#page :is(.ho12-required-question-anchor,.ho12-lost-question)::after {
  width:max-content!important;max-width:none!important;white-space:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-lost-question::after {
  left:50%!important;right:auto!important;top:calc(100% + var(--ho12-feedback-tip-gap))!important;
  bottom:auto!important;transform:translateX(-50%)!important;
}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-contact__submit,.ho12-contact__question,.ho12-gt-agree-row[data-ho12-tooltip]
)::after {font-size:var(--ho12-feedback-tooltip)!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-contact__submit::after {
  top:calc(100% + var(--ho12-feedback-tip-gap))!important;
}
html body #page#page#page#page#page#page#page#page#page :is([data-tooltip],[data-ho12-tooltip])::after {
  font-size:var(--ho12-feedback-tooltip)!important;line-height:1.4!important;
}
html body #page#page#page#page#page#page#page#page#page :is(
  .ho12-contact__question-tip,.ho12-hd-user-tooltip,.ho12-cart-question-tooltip
) {font-size:var(--ho12-feedback-tooltip)!important;font-weight:400!important;}

/* Social providers retain their native artwork/colour at rest. Scaling is
 * presentation-only: unavailable providers keep their existing disabled state. */
html body #page#page#page#page#page#page#page#page#page .ho12-sns-login-btn {
  opacity:1!important;filter:none!important;scale:1!important;transform:none!important;
  transition:scale .15s ease!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-sns-login-btn:is(:hover,:focus-visible) {scale:1.05!important;}
html body #page#page#page#page#page#page#page#page#page .ho12-sns-login-btn :is(.ho12-sns-icon-wrap,img) {opacity:1!important;filter:none!important;}

/* Registration retains the original poster. Its white cutout accommodates
 * four Inquiry-spaced rows plus one balanced consent/boarding action row.
 * The label column reserves the full password-confirmation label; every
 * input starts on one rail and has the same native caret/line as Inquiry. */
@media(min-width:901px) {
  html body #page#page#page#page#page#page#page#page#page .ho12-register-card-container {
    flex:0 0 1200px!important;width:1200px!important;min-width:1200px!important;max-width:1200px!important;
  }
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form {
    left:29%!important;top:41.2%!important;width:37%!important;height:auto!important;
  }
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-fg-group {
  position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 134.557143px!important;gap:0!important;
  align-items:center!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-input-wrapper {
  position:relative!important;inset:auto!important;grid-column:1 / -1!important;
  width:100%!important;height:var(--ho12-feedback-form-row)!important;min-height:var(--ho12-feedback-form-row)!important;
  display:flex!important;flex-direction:row!important;align-items:start!important;gap:16px!important;background:transparent!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-label {
  flex:0 0 128px!important;width:128px!important;min-width:128px!important;max-width:128px!important;
  height:32px!important;min-height:32px!important;margin:0!important;white-space:nowrap!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-input-container {
  flex:1 1 0!important;width:auto!important;min-width:0!important;height:32px!important;min-height:32px!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-input-container input {width:100%!important;min-width:0!important;}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-verify-btn {
  position:relative!important;inset:auto!important;transform:none!important;
  flex:0 0 76px!important;align-self:start!important;height:32px!important;min-height:32px!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-agreement {
  position:relative!important;inset:auto!important;grid-column:1!important;
  width:auto!important;max-width:100%!important;min-width:0!important;transform:none!important;
  margin:0!important;align-self:center!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form :is(
  .ho12-reg-checkbox-box,.ho12-reg-checkbox-box > img,.ho12-reg-standard-check > input
) {
  width:16px!important;min-width:16px!important;max-width:16px!important;
  height:16px!important;min-height:16px!important;max-height:16px!important;flex:0 0 16px!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-checkbox-box::after {width:8px!important;height:8px!important;}
/* Keep the required native checkbox in the tab order while its existing
 * artwork provides the visual state. A keyboard focus ring follows the mark. */
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-custom-check {
  position:relative!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-custom-check > .ho12-reg-agree-native {
  display:block!important;position:absolute!important;right:0!important;left:auto!important;top:50%!important;
  width:16px!important;min-width:16px!important;max-width:16px!important;
  height:16px!important;min-height:16px!important;max-height:16px!important;
  margin:0!important;padding:0!important;opacity:0!important;transform:translateY(-50%)!important;
  pointer-events:none!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-agree-native:focus-visible + .ho12-reg-checkbox-box {
  outline:2px solid #b58b2e!important;outline-offset:3px!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-wrap {
  position:relative!important;inset:auto!important;grid-column:2!important;justify-self:end!important;
  width:134.557143px!important;height:53.957143px!important;margin:0!important;transform:none!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-btn-image {
  width:134.557143px!important;min-width:134.557143px!important;max-width:134.557143px!important;
  height:53.957143px!important;min-height:53.957143px!important;max-height:53.957143px!important;
  background-size:100% 100%!important;background-position:center!important;
}
html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-submit-label {display:block!important;}
@media(max-width:900px) {
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form {height:auto!important;}
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form .ho12-reg-wrapper-phone {flex-wrap:wrap!important;height:auto!important;}
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-verify-btn {margin-left:auto!important;}
}
/* Use the existing mobile white form treatment before the poster can extend
 * beyond a tablet viewport. Its illustration keeps the original aspect. */
@media(min-width:768px) and (max-width:900px) {
  html body #page#page#page#page#page#page#page#page#page .ho12-register-card-container {
    flex:0 0 auto!important;width:740px!important;min-width:0!important;max-width:calc(100vw - 48px)!important;
    min-height:720px!important;aspect-ratio:auto!important;padding:180px 20px 34px!important;
    background-size:cover!important;box-sizing:border-box!important;
  }
  html body #page#page#page#page#page#page#page#page#page #ho12-reg-form {
    position:relative!important;inset:auto!important;width:100%!important;transform:none!important;
  }
  html body #page#page#page#page#page#page#page#page#page .ho12-register-box {
    padding:30px 20px!important;background:rgba(255,255,255,.96)!important;box-sizing:border-box!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body #page#page#page#page#page#page#page#page#page .ho12-sns-login-btn {transition:none!important;}
}

/* 1.2.146: the novel cards' 50px entry inset is the spacing reference.
 * The login fields now participate in normal flow, so remove the obsolete
 * 97.5px reservation and vertical centring instead of stacking both offsets.
 * Keep the approved Inquiry typography, field rows and existing artwork. */
:root {--ho12-entry-inset:50px;--ho12-login-action-gap:16px;--ho12-login-social-gap:40px;--ho12-login-links-gap:44px;}
html body #page#page#page#page#page#page#page#page#page .ho12-login:has(.ho12-login-form-element) {
  min-height:0!important;height:auto!important;align-items:flex-start!important;
  padding-top:var(--ho12-entry-inset)!important;padding-bottom:60px!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login:has(.ho12-login-form-element) .ho12-login-box {
  margin-top:0!important;margin-bottom:0!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login-form-element {padding:0!important;}
/* Remember stays above and to the right of Earth without taking a separate
 * layout row. Its original checkbox and 44px pointer target are retained. */
html body #page#page#page#page#page#page#page#page#page .ho12-login-actions {
  position:relative!important;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:center!important;gap:0!important;
  margin-top:var(--ho12-login-action-gap)!important;height:64.286px!important;min-height:64.286px!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login-actions .ho12-remember-wrapper {
  position:absolute!important;left:auto!important;right:calc(50% - 128.571px)!important;top:-12px!important;
  bottom:auto!important;transform:none!important;align-self:auto!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login-actions .ho12-submit-wrapper {
  position:relative!important;inset:auto!important;transform:none!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-sns-login-container {
  margin-top:var(--ho12-login-social-gap)!important;padding-top:0!important;
}
html body #page#page#page#page#page#page#page#page#page .ho12-login-sub-links {
  margin-top:var(--ho12-login-links-gap)!important;padding-top:0!important;
}
/* The bulk-purchase mark remains between the title and episode row. Reduce
 * the two accumulated gaps together; episode/spray/read geometry is intact. */
html body.single-ho12_work #page#page#page#page#page#page#page#page#page .ho12-episodes-section {
  margin-top:12px!important;
}
html body.single-ho12_work #page#page#page#page#page#page#page#page#page .ho12-episodes-section .ho12-planets {
  margin-top:11px!important;
}