#detail-dialog:has(.otp-panel),.letters-dialog{width:min(484px,calc(100% - 32px));max-width:none;border:0;border-radius:26px;background:#f8f7f2;color:#223c32;padding:0;box-shadow:0 28px 100px #14231c38}
.letters-dialog::backdrop{background:#15271fc2;backdrop-filter:blur(5px)}
.letters-dialog>.otp-close{position:absolute;top:16px;right:18px;border:0;background:transparent;color:#223c32;font-size:26px;cursor:pointer}
.otp-panel{padding:34px 30px 30px;text-align:center;font-family:inherit}.otp-wordmark{display:flex;justify-content:center}.otp-wordmark img{display:block;width:138px;height:40px;object-fit:contain}.otp-stamp{display:grid;place-items:center;width:64px;height:64px;margin:25px auto 22px;border:1px solid #cdd6c4;border-radius:50%;background:#edf0e7;font-size:29px;transform:rotate(-8deg);color:#223c32}.otp-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#66765c;margin:0 0 12px}.otp-panel h2{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.15;margin:0 0 13px;color:#223c32}.otp-description{font-size:14px;line-height:1.6;margin:0 auto;max-width:340px;color:#59675c}.otp-address{font-size:14px;font-weight:600;margin:8px 0 24px;color:#223c32;overflow-wrap:anywhere}.otp-cells{display:flex;gap:8px;justify-content:center}.otp-cell{box-sizing:border-box;width:48px;min-width:0;height:58px;border:1px solid #d4dccd;border-radius:12px;background:#fffefa;text-align:center;font:500 26px/1 system-ui;color:#223c32;caret-color:#223c32;padding:0;box-shadow:none}.otp-cell:focus{outline:2px solid #223c32;outline-offset:2px;border-color:#223c32}.otp-cell:disabled{opacity:.65}.otp-status{font-size:12px;color:#66765c;min-height:19px;margin:17px 0 10px}.otp-error{font-size:13px;line-height:1.5;color:#9d382f;margin:16px 0 0}.otp-error[hidden]{display:none}.otp-resend{border:0;background:none;color:#223c32;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:4px}.otp-resend:disabled{color:#88917f;cursor:default;text-decoration:none}.otp-footnote{font-size:11px;line-height:1.7;color:#7b8476;border-top:1px solid #e0e5d8;margin:23px 0 0;padding-top:18px}
@media(max-width:400px){.otp-panel{padding:28px 20px 24px}.otp-cell{width:calc((100vw - 116px)/6);max-width:46px;height:54px;border-radius:10px}.otp-cells{gap:6px}.otp-panel h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.otp-panel *{scroll-behavior:auto}}