.email-auth { --auth-accent: #7fdcff; --auth-line: rgba(242,240,232,.18); --auth-text: #f2f0e8; --auth-muted: #7f8078; margin-top: 18px; }
.email-auth[data-theme="light"] { --auth-accent: #ff4e2a; --auth-line: rgba(11,12,10,.24); --auth-text: #0b0c0a; --auth-muted: rgba(11,12,10,.55); }
.email-auth-tabs { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--auth-line); }
.email-auth-tabs button { min-width: 0; height: 34px; border: 0; border-right: 1px solid var(--auth-line); color: var(--auth-muted); background: transparent; font: 700 7px/1 var(--mono); letter-spacing: .08em; }
.email-auth-tabs button:last-child { border-right: 0; }
.email-auth-tabs button[aria-selected="true"] { color: #0b0c0a; background: var(--auth-accent); }
.email-auth-form { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 10px; }
.email-auth-form[hidden] { display: none; }
.email-auth-form label { min-width: 0; display: grid; gap: 8px; padding: 11px 13px 12px; border: 1px solid var(--auth-line); transition: border-color .16s, background .16s; }
.email-auth-form label:focus-within { border-color: var(--auth-accent); background: rgba(127,220,255,.035); }
.email-auth-form label span { color: var(--auth-muted); font: 700 8px/1 var(--mono); letter-spacing: .08em; }
.email-auth-form input { min-width: 0; width: 100%; min-height: 30px; padding: 4px 0 7px; border: 0!important; border-bottom: 0!important; outline: 0; box-shadow: none!important; appearance: none; color: var(--auth-text); caret-color: var(--auth-accent); background: transparent; font: 600 14px/1.25 var(--body); }
.email-auth-form input::placeholder { color: var(--auth-muted); opacity: .66; }
.email-auth-form input:focus-visible { outline: 0; box-shadow: none; }
.email-auth-wide, .email-auth-submit { grid-column: 1 / -1; }
.email-auth-submit { min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border: 1px solid var(--auth-accent); color: #0b0c0a; background: var(--auth-accent); font: 800 10px/1 var(--mono); letter-spacing: .05em; }
.email-auth-submit:hover:not(:disabled) { filter: brightness(1.08); }
.email-auth-submit:disabled, .email-auth-tabs button:disabled { cursor: wait; opacity: .55; }
.email-auth-status { min-height: 28px; margin: 10px 0 0; color: var(--auth-muted); font: 600 7px/1.5 var(--mono); }
.email-auth-status.error { color: #ff765c; }
.email-auth[data-theme="light"] .email-auth-status.error { color: #a62d16; }
.email-auth-status.success { color: #7bcf53; }
.email-auth-status.working { color: var(--auth-accent); }
.recovery-ticket-overlay { position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; padding: 18px; background: rgba(7,8,6,.9); backdrop-filter: blur(14px); }
.recovery-ticket { width: min(590px,100%); padding: clamp(24px,5vw,48px); color: #0b0c0a; border: 1px solid #0b0c0a; background: #f1b52d; box-shadow: 14px 14px 0 #ff4e2a; }
.recovery-ticket header { display: flex; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid rgba(11,12,10,.35); font: 700 7px/1 var(--mono); letter-spacing: .1em; }
.recovery-ticket-route { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto; align-items: center; gap: 8px; margin-top: 16px; color: rgba(11,12,10,.55); font: 700 6px/1 var(--mono); }
.recovery-ticket-route i { height: 1px; background: rgba(11,12,10,.4); }
.recovery-ticket h2 { margin: 28px 0 17px; font: 800 clamp(45px,8vw,72px)/.78 var(--display); letter-spacing: -.035em; }
.recovery-ticket p { max-width: 480px; margin: 0 0 28px; color: rgba(11,12,10,.68); font-size: 11px; line-height: 1.65; }
.recovery-ticket > small, .recovery-ticket > strong { display: block; }
.recovery-ticket > small { margin-top: 17px; color: rgba(11,12,10,.55); font: 700 6px/1 var(--mono); letter-spacing: .1em; }
.recovery-ticket > strong { margin-top: 7px; font: 700 13px/1.2 var(--mono); }
.recovery-ticket code { display: block; margin-top: 8px; padding: 16px; overflow-wrap: anywhere; border: 1px solid rgba(11,12,10,.5); color: #f2f0e8; background: #0b0c0a; font: 700 clamp(14px,3.5vw,21px)/1.3 var(--mono); letter-spacing: .06em; }
.recovery-ticket-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 9px; }
.recovery-ticket-actions button, .recovery-ticket-confirm { min-height: 42px; padding: 0 12px; border: 1px solid rgba(11,12,10,.55); color: #0b0c0a; background: transparent; font: 800 7px/1 var(--mono); }
.recovery-ticket-confirm { width: 100%; margin-top: 26px; color: #f2f0e8; border-color: #0b0c0a; background: #0b0c0a; }
.email-verification-panel { margin-top: 18px; padding: 18px; color: #f2f0e8; border: 1px solid rgba(241,181,45,.7); background: #11120e; box-shadow: 6px 6px 0 #f1b52d; }
.email-verification-panel[hidden] { display: none; }
.email-verification-panel header { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 10px; border-bottom: 1px solid rgba(242,240,232,.17); color: #f1b52d; font: 700 6px/1 var(--mono); letter-spacing: .1em; }
.email-verification-panel h3 { margin: 20px 0 8px; font: 800 clamp(29px,4vw,43px)/.85 var(--display); letter-spacing: -.02em; }
.email-verification-panel p { margin: 0; color: #8e8f87; font: 500 8px/1.55 var(--mono); }
.email-verification-panel > strong { display: block; margin-top: 15px; overflow: hidden; color: #7fdcff; font: 700 9px/1 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.email-verification-panel form { display: grid; grid-template-columns: minmax(150px,1fr) auto; gap: 8px; margin-top: 12px; }
.email-verification-panel form label { display: grid; gap: 6px; padding: 9px 11px; border: 1px solid rgba(242,240,232,.2); }
.email-verification-panel form label span { color: #8e8f87; font: 700 6px/1 var(--mono); letter-spacing: .1em; }
.email-verification-panel form input { width: 100%; border: 0; outline: 0; color: #f2f0e8; background: transparent; font: 800 17px/1 var(--mono); letter-spacing: .18em; }
.email-verification-panel form button { min-height: 48px; padding: 0 14px; border: 1px solid #f1b52d; color: #0b0c0a; background: #f1b52d; font: 800 7px/1 var(--mono); }
.email-verification-actions { display: flex; align-items: center; gap: 12px; margin-top: 9px; }
.email-verification-actions button { flex: 0 0 auto; padding: 7px 0; border: 0; border-bottom: 1px solid #7fdcff; color: #7fdcff; background: transparent; font: 700 6px/1 var(--mono); }
.email-verification-actions small { color: #777870; font: 600 6px/1.4 var(--mono); }
.email-verification-actions small.success { color: #7bcf53; }
.email-verification-actions small.error { color: #ff765c; }
.email-verification-actions small.working { color: #f1b52d; }
.wallet-export-overlay { position: fixed; inset: 0; z-index: 700; display: grid; place-items: center; overflow: auto; padding: 20px; background: rgba(5,6,4,.94); backdrop-filter: blur(16px); }
.wallet-export-card { position: relative; width: min(720px,100%); padding: clamp(24px,5vw,48px); color: #f2f0e8; border: 1px solid rgba(242,240,232,.35); background: #0b0c0a; box-shadow: 12px 12px 0 #ff4e2a; }
.wallet-export-close { position: absolute; top: 18px; right: 18px; width: 34px; height: 34px; border: 1px solid rgba(242,240,232,.3); color: #f2f0e8; background: transparent; font-size: 22px; }
.wallet-export-card > header { display: flex; justify-content: space-between; gap: 15px; padding: 0 50px 13px 0; border-bottom: 1px solid rgba(242,240,232,.2); color: #ff765c; font: 700 7px/1 var(--mono); letter-spacing: .1em; }
.wallet-export-owner { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 13px; align-items: center; margin-top: 20px; padding: 13px; border: 1px solid rgba(127,220,255,.35); background: rgba(127,220,255,.045); }
.wallet-export-owner > i { width: 54px; height: 54px; display: grid; place-items: center; color: #0b0c0a; background: #7fdcff; font: 800 18px/1 var(--display); font-style: normal; }
.wallet-export-owner span { min-width: 0; display: grid; gap: 4px; }
.wallet-export-owner small { color: #7fdcff; font: 700 6px/1 var(--mono); letter-spacing: .1em; }
.wallet-export-owner strong,.wallet-export-owner em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wallet-export-owner strong { font: 700 13px/1 var(--mono); }
.wallet-export-owner em { color: #898a82; font: 500 7px/1 var(--mono); font-style: normal; }
.wallet-export-card h2 { margin: 28px 0 15px; font: 800 clamp(45px,8vw,78px)/.78 var(--display); letter-spacing: -.035em; }
.wallet-export-card section > p { max-width: 580px; margin: 0; color: #92938a; font-size: 10px; line-height: 1.6; }
.wallet-export-card form { display: grid; gap: 10px; margin-top: 23px; }
.wallet-export-card form > label:first-child { display: grid; gap: 8px; padding: 12px; border: 1px solid rgba(242,240,232,.25); }
.wallet-export-card form label > span { color: #8e8f87; font: 700 6px/1 var(--mono); letter-spacing: .08em; }
.wallet-export-card form input[type="password"] { width: 100%; border: 0; outline: 0; color: #f2f0e8; background: transparent; font: 700 11px/1 var(--mono); }
.wallet-export-check { display: flex; gap: 9px; align-items: flex-start; padding: 4px 0; }
.wallet-export-check input { accent-color: #ff4e2a; }
.wallet-export-check span { color: #c4c2b8 !important; line-height: 1.5 !important; }
.wallet-export-card form button,.wallet-export-revealed > button { min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border: 1px solid #ff4e2a; color: #f2f0e8; background: #ff4e2a; font: 800 8px/1 var(--mono); }
.wallet-export-card section > small { display: block; margin-top: 10px; color: #777870; font: 600 6px/1.5 var(--mono); }
.wallet-export-card section > small.error { color: #ff765c; }
.wallet-export-card section > small.working { color: #f1b52d; }
.wallet-export-revealed > small { margin-top: 24px !important; color: #f1b52d !important; letter-spacing: .1em; }
.wallet-export-revealed code { display: block; max-height: 190px; margin-top: 8px; padding: 15px; overflow: auto; overflow-wrap: anywhere; color: #7fdcff; border: 1px solid rgba(127,220,255,.4); background: #050604; font: 700 11px/1.55 var(--mono); user-select: all; }
.wallet-export-revealed > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 9px; }
.wallet-export-revealed > div button { min-height: 40px; border: 1px solid rgba(242,240,232,.3); color: #f2f0e8; background: transparent; font: 700 7px/1 var(--mono); }
.wallet-export-revealed > button { width: 100%; margin-top: 22px; }
@media (max-width: 560px) { .email-auth-form { grid-template-columns: 1fr; } .email-auth-wide, .email-auth-submit { grid-column: auto; } .recovery-ticket { box-shadow: 7px 7px 0 #ff4e2a; } .recovery-ticket-route { display: none; } .recovery-ticket-actions { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .email-verification-panel form { grid-template-columns: 1fr; } .email-verification-actions { align-items: flex-start; flex-direction: column; } .wallet-export-card { box-shadow: 7px 7px 0 #ff4e2a; } .wallet-export-revealed > div { grid-template-columns: 1fr; } }