/* Sign-in dialog. Scoped to avoid changing shop cards. */
html body #wkAuthModal { background: var(--nl-tone-03070dcc, #03070dcc) !important; backdrop-filter: blur(14px) !important; padding: 20px !important; }
html body #wkAuthModal .wka-card { width: 100% !important; max-width: 432px !important; padding: 0 !important; overflow: hidden !important; background: var(--nl-tone-101722, #101722) !important; border: 1px solid var(--nl-tone-344357, #344357) !important; border-radius: 18px !important; box-shadow: 0 30px 100px #0009 !important; text-align: left !important; }
#wkAuthModal .nl-auth-cover { position: relative; display: flex; align-items: center; padding: 24px 30px; height: 140px; background: linear-gradient(90deg,var(--nl-tone-0c1423aa, #0c1423aa),var(--nl-tone-0c142330, #0c142330)),url('/assets/new-leak-square.png') center 8%/100% auto; border-bottom: 1px solid var(--nl-tone-2b3c51, #2b3c51); }
#wkAuthModal .nl-auth-cover img { width: 142px; height: 76px; object-fit: contain; filter: drop-shadow(0 4px 12px #0008); }
#wkAuthModal .nl-auth-label { position: absolute; bottom: 17px; right: 24px; color: var(--nl-tone-9ab3d2, #9ab3d2); font: 500 9px Inter,system-ui,sans-serif; letter-spacing: 1.5px; }
html body #wkAuthModal .wka-close { top: 12px !important; right: 12px !important; z-index: 2 !important; width: 30px !important; height: 30px !important; background: var(--nl-tone-0b1423c9, #0b1423c9) !important; border: 1px solid var(--nl-tone-829ab333, #829ab333) !important; border-radius: 50% !important; color: var(--nl-tone-c1cfe2, #c1cfe2) !important; }
html body #wkAuthModal .wka-close:hover { background: var(--nl-tone-293b53, #293b53) !important; color: white !important; }
html body #wkAuthModal .wka-head { align-items: flex-start !important; padding: 26px 30px 0 !important; margin: 0 !important; }
html body #wkAuthModal .wka-title { font-size: 25px !important; font-weight: 600 !important; letter-spacing: -.8px !important; line-height: 1.25 !important; color: var(--nl-tone-edf4ff, #edf4ff) !important; }
html body #wkAuthModal .wka-sub { margin-top: 12px !important; font-size: 13px !important; color: var(--nl-tone-94a8c1, #94a8c1) !important; line-height: 1.8 !important; max-width: 330px !important; }
html body #wkAuthModal .wka-foot { margin: 0 !important; padding: 25px 30px 27px !important; }
html body #wkAuthModal .wka-discord { position: relative !important; justify-content: flex-start !important; gap: 12px !important; height: 52px !important; padding: 0 16px !important; background: var(--nl-soft, var(--nl-tone-d5e6fb, #d5e6fb)) !important; color: var(--nl-tone-17283f, #17283f) !important; border: 1px solid var(--nl-tone-e6f0ff, #e6f0ff) !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important; transform: none !important; }
html body #wkAuthModal .wka-discord i { font-size: 19px !important; color: var(--nl-tone-284b75, #284b75) !important; }
html body #wkAuthModal .wka-discord::after { content: '↗'; margin-left: auto; font-size: 18px; color: var(--nl-tone-456183, #456183); }
html body #wkAuthModal .wka-discord:hover { background: var(--nl-tone-eef6ff, #eef6ff) !important; border-color: var(--nl-tone-eef6ff, #eef6ff) !important; }
html body #wkAuthModal .wka-discord:focus-visible { outline: 2px solid var(--nl-tone-8eafd5, #8eafd5) !important; outline-offset: 4px !important; }
html body #wkAuthModal .wka-note { margin: 18px 0 0 !important; padding-top: 16px !important; border-top: 1px solid var(--nl-tone-28374b, #28374b) !important; color: var(--nl-tone-7e94b0, #7e94b0) !important; font-size: 11px !important; line-height: 1.7 !important; text-align: left !important; }
html body #wkAuthModal .wka-note::before { content: '↗'; display: inline-block; margin-right: 7px; color: var(--nl-tone-9eb5d1, #9eb5d1); }
html body #wkAuthModal .wka-err { border-radius: 7px; }
@media(max-width:480px) { html body #wkAuthModal { padding: 16px !important; } html body #wkAuthModal .wka-head { padding: 24px 24px 0 !important; } html body #wkAuthModal .wka-foot { padding: 23px 24px !important; } #wkAuthModal .nl-auth-cover { padding-left: 24px; height: 128px; } html body #wkAuthModal .wka-title { font-size: 23px !important; } }
@media(prefers-reduced-motion:reduce) { html body #wkAuthModal .wka-card { animation: none !important; } }