[data-preorder-verification][hidden] { display: none; }
[data-preorder-verification] { padding: 18px 0; color: var(--studio-ink, #172033); }
[data-preorder-verification] h2 { font-size: 26px; font-weight: 500; letter-spacing: -.7px; margin: 0 0 16px; }
[data-preorder-verification] p { font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
[data-preorder-verification] label { display: flex; flex-direction: column; gap: 8px; font-size: 12px; margin: 20px 0 14px; }
#preorder-code { width: 100%; box-sizing: border-box; border: 1px solid #cbd0d7; border-radius: 5px; padding: 13px; font-size: 22px; letter-spacing: .2em; background: #f4f4f4; color: #172033; }
#preorder-code:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
[data-preorder-verification] button { width: 100%; margin-top: 9px; }
[data-preorder-verification] button:disabled { opacity: .55; cursor: wait; }
[data-preorder-verification-status] { color: #626872; }
:root[data-theme="dark"] [data-preorder-verification] { color: var(--theme-text, #edf4fc); }
:root[data-theme="dark"] #preorder-code { color: #edf4fc; background: #101f33; border-color: #30435b; }
:root[data-theme="dark"] [data-preorder-verification-status] { color: #b9cadd; }
