.sq-auth-app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.sq-auth-shell{flex:1 1;display:flex;align-items:center;justify-content:center;padding:48px 24px;position:relative}.sq-auth-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:32px 32px;opacity:.5;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.sq-auth-brand{position:absolute;top:24px;left:32px;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:20px;color:var(--fg-1)}.sq-auth-card{position:relative;width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--sh-3);padding:40px;display:flex;flex-direction:column;gap:24px}.sq-auth-card h1{font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.15;letter-spacing:-.01em;color:var(--fg-1);margin:0}.sq-auth-card__sub{color:var(--fg-2);font-size:14px;line-height:1.5;margin:0}.sq-field{display:flex;flex-direction:column;gap:6px}.sq-field__label{font-size:13px;font-weight:500;color:var(--fg-2)}.sq-field__label,.sq-input{font-family:var(--font-sans)}.sq-input{font-size:15px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--fg-1);outline:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.sq-input::placeholder{color:var(--fg-4)}.sq-input:hover{border-color:var(--border-strong)}.sq-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sq-input.is-error{border-color:var(--loss)}.sq-input.is-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.12)}.sq-field__error{font-size:13px;color:var(--loss);display:flex;align-items:center;gap:6px;animation:sq-fadein .2s var(--ease)}@keyframes sq-fadein{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.sq-btn--block{width:100%;justify-content:center;padding:12px 16px;font-size:15px}.sq-btn:disabled{opacity:.5;cursor:not-allowed}.sq-btn--primary:disabled:hover{background:var(--accent)}.sq-btn--loading{position:relative;color:transparent!important}.sq-btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--bg-card);border-radius:50%;animation:sq-spin .7s linear infinite}@keyframes sq-spin{to{transform:rotate(1turn)}}.sq-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--fg-2);cursor:pointer;line-height:1.5}.sq-check input{display:none}.sq-check__box{flex-shrink:0;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;margin-top:1px;transition:all var(--dur-fast) var(--ease)}.sq-check input:checked+.sq-check__box{background:var(--accent);border-color:var(--accent);color:var(--bg-card)}.sq-check__box svg{opacity:0;transition:opacity var(--dur-fast) var(--ease)}.sq-check input:checked+.sq-check__box svg{opacity:1}.sq-check a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.sq-check a:hover{color:var(--accent-press)}.sq-reassure{font-size:12px;color:var(--fg-3);line-height:1.5;display:flex;align-items:flex-start;gap:8px;padding-top:4px}.sq-reassure svg{color:var(--fg-3);flex-shrink:0;margin-top:1px}.sq-auth-alt{text-align:center;font-size:14px;color:var(--fg-2);border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:20px}.sq-auth-alt a{color:var(--accent);font-weight:500;text-decoration:none}.sq-auth-alt a:hover{color:var(--accent-press);text-decoration:underline}.sq-auth-icon{width:56px;height:56px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto}.sq-code-email{color:var(--fg-1);font-weight:500}.sq-code-input{display:flex;gap:8px;justify-content:center}.sq-code-input__box{width:48px;height:56px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);font-family:var(--font-num);font-size:22px;font-weight:500;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;text-align:center;color:var(--fg-1);outline:none;transition:all var(--dur-fast) var(--ease)}.sq-code-input__box:hover:not(:disabled){border-color:var(--border-strong)}.sq-code-input__box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sq-code-input__box.is-filled{border-color:var(--fg-3)}.sq-code-input.is-error .sq-code-input__box{border-color:var(--loss)}.sq-code-input.is-error .sq-code-input__box:focus{box-shadow:0 0 0 3px rgba(220,38,38,.12)}.sq-alert{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2);border-radius:8px;padding:10px 12px;color:var(--loss);font-size:13px;display:flex;align-items:flex-start;gap:8px;animation:sq-fadein .2s var(--ease)}.sq-alert svg{flex-shrink:0;margin-top:1px}.sq-code-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.sq-linkbtn{background:transparent;border:0;padding:4px 8px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--fg-2);cursor:pointer}.sq-linkbtn:hover:not(:disabled){color:var(--fg-1)}.sq-linkbtn:disabled{color:var(--fg-4);cursor:not-allowed}.sq-linkbtn--accent{color:var(--accent)}.sq-linkbtn--accent:hover:not(:disabled){color:var(--accent-press)}.sq-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--fg-2);background:var(--bg-page)}.sq-gate__spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sq-spin .7s linear infinite}.sq-gate__text{font-size:14px}.sq-avatar{cursor:pointer;transition:background var(--dur-fast) var(--ease)}.sq-avatar.is-open,.sq-avatar:hover{background:var(--accent);color:var(--bg-card)}.sq-menu-anchor{position:relative}.sq-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--sh-3);z-index:50;padding:6px;animation:sq-menu-in .14s var(--ease)}@keyframes sq-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sq-menu__header{padding:10px 10px 12px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px}.sq-menu__name{font-size:13px;font-weight:600;color:var(--fg-1)}.sq-menu__email{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--fg-3)}.sq-menu__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--fg-1);background:transparent;border:0;width:100%;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease)}.sq-menu__item:hover{background:var(--bg-hover)}.sq-menu__item--danger{color:var(--loss)}.sq-menu__item--danger:hover{background:rgba(220,38,38,.06)}.sq-menu__divider{height:1px;background:var(--border-subtle);margin:6px 0}.sq-menu__scrim{position:fixed;inset:0;z-index:49}