.auth-methods{display:flex;flex-direction:column;gap:12px;width:100%;font-family:var(--mapleos-font,inherit)}.auth-methods-divider{display:flex;align-items:center;gap:12px;margin:2px 0}.auth-methods-divider:after,.auth-methods-divider:before{content:"";flex:1;height:1px}.auth-methods-divider span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.auth-methods.themed .auth-methods-divider:before{background:linear-gradient(to right,transparent,var(--glass-border))}.auth-methods.themed .auth-methods-divider:after{background:linear-gradient(to left,transparent,var(--glass-border))}.auth-methods.themed .auth-methods-divider span{color:var(--text-tertiary)}.auth-methods.on-dark .auth-methods-divider:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22))}.auth-methods.on-dark .auth-methods-divider:after{background:linear-gradient(270deg,transparent,rgba(255,255,255,.22))}.auth-methods.on-dark .auth-methods-divider span{color:rgba(255,255,255,.5)}.auth-methods-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.auth-method-btn{display:flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 14px;border-radius:12px;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:-.005em;cursor:pointer;position:relative;overflow:hidden;border:1px solid}.auth-method-btn.wide{width:100%}.auth-method-btn:disabled{cursor:not-allowed;opacity:.55}.auth-method-btn.soon{opacity:.5}html#app .auth-method-btn{transition:background .2s cubic-bezier(.22,.61,.36,1),border-color .2s cubic-bezier(.22,.61,.36,1),color .2s cubic-bezier(.22,.61,.36,1),box-shadow .24s cubic-bezier(.22,.61,.36,1),transform .18s cubic-bezier(.22,.61,.36,1)}.auth-method-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(170px circle at var(--spot-x,50%) var(--spot-y,108%),rgba(255,255,255,.22),transparent 60%);opacity:0;pointer-events:none;z-index:0}html#app .auth-method-btn:before{transition:opacity .3s cubic-bezier(.22,.61,.36,1)}.auth-method-btn:not(:disabled):hover:before{opacity:1}.auth-method-glyph{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}html#app .auth-method-glyph{transition:transform .26s cubic-bezier(.34,1.4,.64,1)}.auth-method-btn:not(:disabled):hover .auth-method-glyph{transform:translateY(-1px) scale(1.09)}.auth-method-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.auth-methods.themed .auth-method-btn{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary)}.auth-methods.themed .auth-method-btn:not(:disabled):hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);box-shadow:0 8px 18px -6px rgba(0,0,0,.3);transform:translateY(-1px)}[data-theme=light] .auth-methods.themed .auth-method-btn:not(:disabled):hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);box-shadow:0 6px 16px rgba(0,0,0,.1)}.auth-methods.themed .auth-method-btn:not(:disabled):active{transform:scale(.97)}.auth-methods.on-dark .auth-method-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.92)}.auth-methods.on-dark .auth-method-btn:not(:disabled):hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26);box-shadow:0 8px 18px -6px rgba(0,0,0,.35);transform:translateY(-1px)}.auth-methods.on-dark .auth-method-btn:not(:disabled):active{transform:scale(.97)}.auth-methods.on-dark .auth-method-btn.wide{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 18px -10px rgba(0,0,0,.5)}.auth-methods.on-dark .auth-method-btn.wide:not(:disabled):hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 24px -10px rgba(0,0,0,.55);transform:translateY(-1px)}.auth-methods.themed .auth-method-btn.wide{background:color-mix(in srgb,var(--text-primary) 7%,var(--glass-bg));border-color:color-mix(in srgb,var(--text-primary) 18%,var(--glass-border));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}@property --auth-ring-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.auth-method-btn.wide:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--auth-ring-angle),transparent 0,rgba(255,255,255,.55) 9%,rgba(255,255,255,.05) 24%,transparent 40%,transparent 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:0}html#app .auth-method-btn.wide:after{animation:authRingSpin 4.6s linear infinite}@keyframes authRingSpin{to{--auth-ring-angle:360deg}}@keyframes authRise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}html#app .auth-methods .auth-method-btn.wide,html#app .auth-methods-divider,html#app .auth-methods-magic,html#app .auth-methods-providers .auth-method-btn{animation:authRise .5s cubic-bezier(.22,1,.36,1) backwards}.auth-methods-divider{animation-delay:.03s}.auth-methods-providers .auth-method-btn:first-child{animation-delay:.08s}.auth-methods-providers .auth-method-btn:nth-child(2){animation-delay:.13s}.auth-methods-providers .auth-method-btn:nth-child(3){animation-delay:.18s}.auth-methods .auth-method-btn.wide{animation-delay:.24s}.auth-methods-magic{animation-delay:.3s}.auth-method-soon{position:absolute;top:5px;inset-inline-end:7px;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border-radius:5px;opacity:.7}.auth-methods.themed .auth-method-soon{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-tertiary)}.auth-methods.on-dark .auth-method-soon{background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}.auth-methods-magic{margin-top:2px}.auth-magic-row{display:flex;gap:8px}.auth-magic-input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:12px;font-family:inherit;font-size:13.5px;outline:none;border:1px solid;cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAiCAYAAABFlhkzAAABa0lEQVR4nOyWvUrEQBSF766bxCi6FmKlSQiIlSxEBPUJfAErn8PKB7DxMXwBW1srEQXBImARgyKIIP4gkkSjZzY3GJbMxMIFWebAt7l3J9yTzKQ4bRqyOoq1CbAMutxbwOP6GiRcP4NL8FY3pEXy4TtgqvIgq8DkPgWn4IP7V7BfZyJ7g55t290wDLcdx5mT3LMhfuI4vvd9/yDP8wDt8eBNbVLoC6IGtSDLsqRzZFs0DXbBGPeu53mLURT1RIP6Ak9+JV6A1z+p2KKHwUGyLXoBe2CJikMODMMYx7VvgPoGlzNwTsUhC7PHukGqr+gJnJQNtsEta9M0b3n4ETWoTUOWNtAG2kAbaANtMBoGv012QZIk8+VCmqaiDrhVJruOYng12blZli2Ui1yvgFn+a5MkyU6Wi9aR7LYakl1flWR3SP852YnQu1a5XxiL8PvOvTTZyQyEZugn2QlNgvKg76hI1ELKZKcy+BN9AwAA//+sJOEwAAAABklEQVQDAB/qYgk0eshQAAAAAElFTkSuQmCC") 12 17,text}html#app .auth-magic-input{transition:border-color .2s cubic-bezier(.22,.61,.36,1),background .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s cubic-bezier(.22,.61,.36,1)}.auth-methods.themed .auth-magic-input{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary)}.auth-methods.themed .auth-magic-input::placeholder{color:var(--text-tertiary)}.auth-methods.themed .auth-magic-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 12%,transparent)}.auth-methods.on-dark .auth-magic-input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.92)}.auth-methods.on-dark .auth-magic-input::placeholder{color:rgba(255,255,255,.4)}.auth-methods.on-dark .auth-magic-input:focus{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.12)}.auth-method-btn.magic-send{width:auto;flex-shrink:0;padding:0 16px}.auth-magic-sent{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:500}.auth-methods.themed .auth-magic-sent{background:rgba(16,185,129,.1);color:var(--text-secondary)}.auth-methods.on-dark .auth-magic-sent{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}.auth-method-spinner{width:15px;height:15px;border-radius:50%;border:2px solid;border-top:2px solid transparent;opacity:.85;animation:authMethodSpin .7s linear infinite}@keyframes authMethodSpin{to{transform:rotate(1turn)}}.auth-store-row{grid-template-columns:1fr 1fr;margin-top:-4px}.auth-method-btn.store-open{border-color:var(--sg-card-border-hover,rgba(255,255,255,.26))}.auth-methods.on-dark .auth-method-btn.store-open{background:rgba(255,255,255,.14)}.auth-methods.themed .auth-method-btn.store-open{background:rgba(255,255,255,.07)}.auth-store-form{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),opacity .22s ease}.auth-store-form.open{grid-template-rows:1fr;opacity:1}.auth-store-form-inner{min-height:0;overflow:hidden;padding-top:10px;display:flex;gap:9px}.auth-store-col{flex-direction:column;gap:10px}.auth-store-col .auth-magic-input{flex:0 0 auto}.auth-store-form-inner .auth-magic-input{height:50px;padding:0 18px;border-radius:13px;font-size:14.5px}.auth-store-form-inner .auth-method-btn{height:50px;border-radius:13px}.auth-store-submit{width:100%;margin-top:1px;font-size:14.5px}@media (prefers-reduced-motion:reduce){html#app .auth-magic-input,html#app .auth-method-btn,html#app .auth-method-btn:before,html#app .auth-method-glyph,html#app .auth-methods .auth-method-btn.wide,html#app .auth-methods-divider,html#app .auth-methods-magic,html#app .auth-methods-providers .auth-method-btn,html#app .auth-store-form{transition:none!important;animation:none!important}html#app .auth-method-btn.wide:after{animation:none!important}.auth-method-btn:active,.auth-method-btn:not(:disabled):hover,.auth-method-btn:not(:disabled):hover .auth-method-glyph{transform:none!important}.auth-method-spinner{animation-duration:1.4s}}