.auth-panel-overlay{--auth-panel-bg: var(--tm-paper);--auth-panel-veil: var(--tm-paper-veil);--auth-input-bg: var(--tm-paper-raised);--auth-primary-bg: var(--tm-brand-purple);--auth-primary-hover: var(--tm-brand-purple-strong);--auth-primary-fg: #fff;--auth-accent-text: var(--tm-ink-purple);--auth-exlibris: var(--tm-ink-purple-strong);--auth-overlay: rgba(0, 0, 0, 0.12);--auth-shadow: 0 6px 18px color-mix(in srgb, var(--tm-ink-purple-strong) 8%, transparent);position:fixed;inset:0;z-index:calc(var(--tm-z-modal-top) + 30);display:flex;align-items:flex-start;justify-content:center;padding:clamp(56px,12vh,120px) 16px 24px;overflow-y:auto;background:var(--auth-overlay);backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%)}:root[data-theme=dark] .auth-panel-overlay{--auth-panel-bg: var(--tm-paper-raised);--auth-panel-veil: transparent;--auth-input-bg: var(--tm-paper);--auth-primary-fg: var(--tm-paper);--auth-accent-text: var(--tm-brand-purple);--auth-overlay: rgba(0, 0, 0, 0.28);--auth-shadow: 0 12px 32px rgba(0, 0, 0, 0.45)}body.auth-panel-open{overflow:hidden}.auth-panel{position:relative;width:min(var(--auth-panel-max-width, 380px),100%);box-sizing:border-box;padding:12px 24px 22px;background:linear-gradient(var(--auth-panel-veil),var(--auth-panel-veil)),var(--tm-paper-texture) var(--auth-panel-bg);background-size:auto,300px 300px;border:1.5px solid color-mix(in srgb,var(--tm-ink-purple) 38%,var(--tm-paper-hairline-2));border-radius:18px;box-shadow:var(--auth-shadow);color:var(--tm-paper-ink);font:400 13px/1.5 var(--tm-font-sans);text-align:center;animation:auth-panel-in 200ms var(--tm-ease-out) both}@keyframes auth-panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-hd{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;height:32px;margin:0 -12px}.auth-ib{width:32px;height:32px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--tm-paper-ink-2);cursor:pointer;transition:background-color var(--tm-dur-fast) var(--tm-ease-out)}.auth-ib:hover{background:var(--tm-brand-purple-alpha-08);color:var(--tm-paper-ink)}.auth-ib svg{width:14px;height:14px}.auth-exlibris{font-family:var(--tm-serif);font-size:11px;letter-spacing:0.3em;padding-left:0.3em;color:var(--auth-exlibris)}.auth-title{margin:6px 0 18px;font:400 17px/1.35 var(--tm-serif);color:var(--tm-paper-ink)}.auth-ref-note{margin:-12px 0 16px;font-size:12px;line-height:1.5;color:var(--tm-paper-ink-2)}.auth-nouse,.auth-chg,.auth-legal-link,.auth-lk{padding:0 1px;margin:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.auth-nouse{white-space:nowrap}.auth-sent{margin-top:-6px;font-size:13px;color:var(--tm-paper-ink-2)}.auth-sent-who{display:block;color:var(--tm-paper-ink);font-weight:500;overflow-wrap:anywhere}.auth-chg{display:inline-block;margin-top:2px;padding:2px 4px;font-size:12px}.auth-tabs{display:flex;justify-content:center;gap:24px;margin:4px 0 12px;border-bottom:1px solid var(--tm-paper-hairline)}.auth-tab{margin:0;padding:4px 1px 8px;border:0;background:none;cursor:pointer;white-space:nowrap;font:400 17px/1.35 var(--tm-serif);color:var(--tm-paper-ink-2);transition:color var(--tm-dur-fast) var(--tm-ease-out)}.auth-tab:hover{color:var(--tm-paper-ink)}.auth-tab[aria-selected=true]{color:var(--tm-paper-ink);box-shadow:inset 0 -2px 0 var(--tm-paper-ink);cursor:default}.auth-tab:focus-visible{outline:2px solid var(--tm-brand-purple);outline-offset:2px;border-radius:2px}.auth-sub{margin:0 0 16px;font-size:12px;line-height:1.55;color:var(--tm-paper-ink-2);text-wrap:balance}.auth-em{color:var(--tm-paper-ink)}.auth-lk{white-space:nowrap}.auth-lk svg{width:9px;height:9px;margin-left:2px;vertical-align:0}.auth-u{display:inline-block}.auth-dot{white-space:nowrap}.auth-wrapped>.auth-dot{display:none}.auth-wrapped>.auth-u2{display:block}html[lang=zh-CN] .auth-sub,html[lang=zh-CN] .auth-legal--send{word-break:keep-all;overflow-wrap:anywhere}.auth-input.auth-input--invite{margin-top:10px}.auth-input--invite:not(:placeholder-shown){font:400 13px/1.2 var(--tm-font-mono);letter-spacing:0}.auth-sent-row{display:block}.auth-sent--gated .auth-chg{margin-top:0;padding-top:0;padding-bottom:0}.auth-otp-notes>.auth-sub{margin:8px 0 0}.auth-title+.auth-sub--done{margin-top:-6px}.auth-btn--done{margin-top:0}.auth-form{display:flex;flex-direction:column;margin:0}.auth-input{box-sizing:border-box;width:100%;height:44px;padding:0 14px;margin:0;border:1px solid var(--tm-paper-ink-mut);border-radius:10px;background:var(--auth-input-bg);color:var(--tm-paper-ink);font:400 14px/1.2 var(--tm-font-sans);text-align:left;transition:border-color var(--tm-dur-fast) var(--tm-ease-out),box-shadow var(--tm-dur-fast) var(--tm-ease-out)}.auth-input::placeholder{color:color-mix(in srgb,var(--tm-paper-ink-2) 60%,var(--tm-paper-ink-mut));opacity:1}.auth-input:focus{outline:none;border-color:var(--tm-brand-purple);box-shadow:0 0 0 3px var(--tm-brand-purple-alpha-10)}.auth-input:disabled{opacity:0.7;cursor:not-allowed}.auth-input[aria-invalid=true]{border-color:var(--tm-status-danger)}.auth-input[aria-invalid=true]:focus{box-shadow:none}.auth-disclose{align-self:flex-start;margin:10px 0 0;padding:2px 0;border:0;background:none;cursor:pointer;font:400 12px/1.5 var(--tm-font-sans);color:var(--tm-paper-ink-2);text-decoration:underline dotted;text-underline-offset:3px}.auth-inv{display:block;margin-top:10px;text-align:left}.auth-inv-lab{display:block;margin-bottom:4px;font-size:12px;color:var(--tm-paper-ink-2)}.auth-input--code{height:36px;border-radius:8px;font:400 13px/1.2 var(--tm-font-mono);letter-spacing:0.04em}.auth-input--code::placeholder{font-family:var(--tm-font-sans);letter-spacing:0}.auth-btn{position:relative;box-sizing:border-box;width:100%;height:44px;margin-top:16px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;cursor:pointer;font:600 14px/1 var(--tm-font-sans);transition:background-color var(--tm-dur-fast) var(--tm-ease-out),border-color var(--tm-dur-fast) var(--tm-ease-out)}.auth-btn--primary{border:0;background:var(--auth-primary-bg);color:var(--auth-primary-fg)}.auth-btn--primary:hover{background:var(--auth-primary-hover)}.auth-btn--primary[disabled]{border:1px solid var(--tm-paper-hairline-2);background:transparent;color:var(--tm-paper-ink-mut);cursor:not-allowed}.auth-btn--outline{margin-top:0;border:1px solid var(--tm-paper-hairline-2);background:transparent;color:var(--tm-paper-ink);font-weight:500;font-size:13.5px}.auth-btn--outline:hover{background:var(--tm-brand-purple-alpha-08)}.auth-btn svg{width:18px;height:18px;flex:none}.auth-btn-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.auth-btn:focus-visible,.auth-ib:focus-visible,.auth-nouse:focus-visible,.auth-disclose:focus-visible,.auth-lk:focus-visible,.auth-chg:focus-visible,.auth-legal-link:focus-visible,.auth-resend-link:focus-visible{outline:2px solid var(--tm-brand-purple);outline-offset:2px}.auth-btn.loading,.auth-btn--primary.loading[disabled]{border:0;background:var(--auth-primary-bg);color:transparent;cursor:wait}.auth-btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid color-mix(in srgb,var(--auth-primary-fg) 35%,transparent);border-top-color:var(--auth-primary-fg);border-radius:50%;animation:auth-spin 0.8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-otp-submit-btn.success{border:0;background:var(--tm-status-success);color:#fff}.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--tm-paper-ink-2)}.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--tm-paper-hairline)}html[lang=zh-CN] .auth-or{font-size:12px;letter-spacing:0}.auth-options{display:flex;flex-direction:column;gap:10px}.auth-legal{margin-top:16px;font-size:11px;line-height:1.6;color:var(--tm-paper-ink-2)}.auth-legal-link{text-underline-offset:2px}.auth-meta,.auth-legal,.auth-sent,.auth-ref-note{text-wrap:balance}.auth-otp-container{position:relative;margin-top:14px}.auth-otp-hidden-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2;cursor:text;font-size:16px;border:0;padding:0}.auth-otp-display{display:flex;justify-content:center;gap:6px;pointer-events:none}.auth-otp-slot{flex:1;max-width:44px;height:50px;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--tm-paper-ink-mut);border-radius:10px;background:var(--auth-input-bg);transition:border-color var(--tm-dur-fast) var(--tm-ease-out)}.auth-otp-char{font:600 22px/1 var(--tm-font-mono);color:var(--tm-paper-ink)}.auth-otp-slot.empty .auth-otp-char::before{content:"";display:block;width:10px;height:1.5px;background:var(--tm-paper-hairline-2)}.auth-otp-slot.filled{border-color:var(--tm-paper-ink-2)}.auth-otp-slot.active{border:1.5px solid var(--tm-brand-purple);box-shadow:0 0 0 3px var(--tm-brand-purple-alpha-10)}.auth-otp-slot.active .auth-otp-char::before{content:"";display:block;width:1.5px;height:22px;background:var(--tm-paper-ink)}.auth-otp-container.error .auth-otp-slot{border:1px solid var(--tm-status-danger);box-shadow:none}.auth-otp-container.error .auth-otp-slot.active .auth-otp-char::before{width:10px;height:1.5px;background:var(--tm-paper-hairline-2)}.auth-otp-container.disabled .auth-otp-slot{opacity:0.6}.auth-otp-container.disabled .auth-otp-hidden-input{cursor:not-allowed}.auth-otp-container.otp-success .auth-otp-slot{border-color:var(--tm-status-success)}.auth-otp-container.otp-success .auth-otp-char{color:var(--tm-status-success)}.auth-otp-container.otp-cascade .auth-otp-slot.filled{animation:auth-slot-in var(--tm-dur-fast) var(--tm-ease-out) both}.auth-otp-container.otp-cascade .auth-otp-slot:nth-child(2){animation-delay:30ms}.auth-otp-container.otp-cascade .auth-otp-slot:nth-child(3){animation-delay:60ms}.auth-otp-container.otp-cascade .auth-otp-slot:nth-child(4){animation-delay:90ms}.auth-otp-container.otp-cascade .auth-otp-slot:nth-child(5){animation-delay:120ms}.auth-otp-container.otp-cascade .auth-otp-slot:nth-child(6){animation-delay:150ms}@keyframes auth-slot-in{from{opacity:0.2}to{opacity:1}}.auth-meta{margin:14px 0 0;font-size:12px;line-height:1.55;color:var(--tm-paper-ink-2)}.auth-meta-unit{display:inline-block}.auth-resend{margin-top:4px;min-height:22px;font-size:12px;line-height:1.5;color:var(--tm-paper-ink-2);font-variant-numeric:tabular-nums}.auth-resend-link{padding:2px 4px;border:0;background:none;cursor:pointer;font:500 12px/1.5 var(--tm-font-sans);color:var(--auth-accent-text);text-decoration:underline;text-underline-offset:3px}.auth-resend-link[disabled]{color:var(--tm-paper-ink-mut);cursor:not-allowed}.auth-gw{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 4px}.auth-gw>svg{width:20px;height:20px}.auth-gw-status{font-size:13px;color:var(--tm-paper-ink)}.auth-gw-track{width:120px;height:2px;border-radius:2px;background:var(--tm-paper-hairline);overflow:hidden}.auth-gw-track i{display:block;width:40%;height:100%;background:var(--tm-brand-purple);animation:auth-track 1.6s linear infinite}@keyframes auth-track{from{transform:translateX(-100%)}to{transform:translateX(250%)}}.auth-google-fallback{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;font-size:12px;color:var(--tm-paper-ink-2)}.auth-google-fallback .auth-btn{margin-top:0}.auth-qr{width:160px;height:160px;margin:0 auto;border:1px solid var(--tm-paper-hairline-2);border-radius:10px;background:#fff;overflow:hidden}.auth-qr img{width:100%;height:100%;object-fit:cover}.auth-qr-status{margin-top:12px;font-size:13px;color:var(--tm-paper-ink)}.auth-panel-section{display:flex;flex-direction:column;gap:12px;text-align:left}.auth-panel-grid,.auth-identity-list{display:grid;gap:8px}.auth-panel-row-item,.auth-panel-balance-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.auth-panel-meta,.auth-panel-muted{font-size:12px;color:var(--tm-paper-ink-2)}.auth-panel-value{font-size:13px;font-weight:600;color:var(--tm-paper-ink);text-align:right}.auth-panel-balance{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--tm-paper-hairline);border-radius:10px;background:var(--auth-input-bg)}.auth-panel-divider{height:1px;background:var(--tm-paper-hairline)}.auth-panel-subtitle{font-size:12px;color:var(--tm-paper-ink-2)}.auth-identity-item{padding:8px 12px;border:1px solid var(--tm-paper-hairline);border-radius:10px}.auth-identity-provider{font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--tm-paper-ink-2)}.auth-identity-subject,.auth-identity-email{font-size:12px;color:var(--tm-paper-ink)}@media(max-width:340px){.auth-panel-overlay{padding-left:12px;padding-right:12px}.auth-panel{padding:10px 20px 20px}}@media(prefers-reduced-motion:reduce){.auth-panel,.auth-otp-container.otp-cascade .auth-otp-slot.filled{animation:none}.auth-gw-track i{animation:none;width:100%;opacity:0.5}}
