.signin-popup[hidden]{display:none!important}.signin-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none}.signin-popup.open{pointer-events:auto}.signin-backdrop{position:absolute;inset:0;background:rgba(3,0,5,0.72);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);opacity:0;transition:opacity 0.22s ease;cursor:pointer}.signin-popup.open .signin-backdrop{opacity:1}.signin-modal{position:relative;width:400px;max-width:calc(100vw - 32px);min-height:267px;display:flex;flex-direction:column;background:rgba(20,10,30,0.88);border:1px solid var(--glass-border,rgba(255,255,255,0.08));border-radius:20px;padding:32px 24px 22px;box-shadow:0 24px 60px rgba(0,0,0,0.6),0 0 40px rgba(138,43,226,0.18);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);transform:scale(0.94);opacity:0;transition:transform 0.28s cubic-bezier(0.34,1.4,0.64,1),opacity 0.22s ease}.signin-popup.open .signin-modal{transform:scale(1);opacity:1}.signin-close{position:absolute;top:12px;right:12px;width:32px;height:32px;min-height:32px;aspect-ratio:1 / 1;flex-shrink:0;padding:0;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border,rgba(255,255,255,0.08));border-radius:50%;color:var(--text-secondary,#a0a0b0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.signin-close:hover{background:rgba(255,255,255,0.1);color:var(--text-main,#fff);border-color:rgba(255,255,255,0.18)}.signin-close:focus-visible{outline:2px solid var(--neon-purple,#8a2be2);outline-offset:2px}.signin-title{font-size:1.2rem;font-weight:700;color:var(--text-main,#fff);text-align:center;margin:18px 32px 22px;letter-spacing:-0.01em}.signin-options{display:flex;flex-direction:column;gap:10px;margin:auto 0}.signin-pill{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:rgba(255,255,255,0.04);border:1px solid var(--glass-border,rgba(255,255,255,0.08));border-radius:14px;color:var(--text-main,#fff);font-family:inherit;font-size:0.92rem;font-weight:600;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease;text-align:left}.signin-pill:not(:disabled):hover{border-color:var(--neon-purple,#8a2be2);background:rgba(138,43,226,0.12);transform:translateY(-1px);box-shadow:0 6px 20px rgba(138,43,226,0.2)}.signin-pill:not(:disabled):active{transform:translateY(0) scale(0.99)}.signin-pill:focus-visible{outline:2px solid var(--neon-purple,#8a2be2);outline-offset:2px}.signin-pill-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#a0a0b0);transition:color 0.2s ease}.signin-pill:not(:disabled):hover .signin-pill-icon{color:var(--neon-purple-glow,#b78bff)}.signin-pill-label{flex:1;min-width:0}.signin-pill-badge{flex:0 0 auto;font-size:0.62rem;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(160,160,176,0.16);color:var(--text-secondary,#a0a0b0);text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap}.signin-pill-email,.signin-pill:disabled{opacity:0.5;cursor:not-allowed}.signin-pill:disabled:hover{transform:none;box-shadow:none;background:rgba(255,255,255,0.04);border-color:var(--glass-border,rgba(255,255,255,0.08))}.signin-pill-spinner{flex:0 0 auto;width:16px;height:16px;border:2px solid rgba(255,255,255,0.18);border-top-color:var(--neon-purple,#8a2be2);border-radius:50%;animation:signin-spin 0.7s linear infinite}.signin-pill-spinner[hidden]{display:none}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-pill[aria-busy="true"]{pointer-events:none;opacity:0.78}.signin-error{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 14px;padding:10px 12px;background:rgba(255,42,109,0.1);border:1px solid rgba(255,42,109,0.3);border-radius:10px;font-size:0.78rem;color:var(--accent-red,#ff2a6d);line-height:1.4}.signin-error[hidden]{display:none}.signin-error-icon{flex:0 0 auto;font-size:1rem;line-height:1}.signin-error-msg{flex:1 1 auto;min-width:0}.signin-retry-btn{flex:0 0 auto;padding:4px 12px;background:rgba(255,255,255,0.08);border:1px solid var(--glass-border,rgba(255,255,255,0.08));border-radius:8px;color:var(--text-main,#fff);font-family:inherit;font-size:0.74rem;font-weight:600;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease}.signin-retry-btn[hidden]{display:none}.signin-retry-btn:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.18)}.signin-legal{font-size:0.7rem;color:var(--text-muted,#606070);text-align:center;line-height:1.5;margin:0}.signin-legal a{color:var(--text-secondary,#a0a0b0);text-decoration:underline;text-underline-offset:2px;transition:color 0.2s ease}.signin-legal a:hover{color:var(--text-main,#fff)}@media (max-width:767px){.signin-popup{align-items:flex-end}.signin-modal{width:100%;max-width:100%;min-height:0;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);opacity:1;transition:transform 0.32s cubic-bezier(0.32,0.72,0,1)}.signin-options{margin:0 0 16px}.signin-popup.open .signin-modal{transform:translateY(0)}.signin-modal::before{content:'';position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:2px;background:rgba(255,255,255,0.18);transform:translateX(-50%)}.signin-title{margin-top:8px}}@media (prefers-reduced-motion:reduce){.signin-backdrop,.signin-modal{transition:none}.signin-pill-spinner{animation-duration:1.5s}}