.login-dialog-content{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:16px 8px 24px;display:flex}.pickcat-sign-in{gap:8px}:root[data-theme] .login-dialog-content .studio-button.is-primary{border-color:var(--border);color:var(--text);background:var(--surface-raised)}:root[data-theme] .login-dialog-content .studio-button.is-primary:hover{border-color:var(--muted);background:var(--surface)}.pickcat-sign-in-logo{object-fit:contain;flex:none;width:112px;height:auto;max-height:26px;display:block}.login-provider-divider{width:100%;color:var(--muted);font-size:var(--font-caption);align-items:center;gap:12px;display:flex}.login-provider-divider:before,.login-provider-divider:after{background:var(--border);content:"";flex:1;height:1px}.login-secondary{gap:12px;width:100%;margin-top:-8px;display:grid}.login-secondary nav[aria-label=法律协议]{font-size:var(--font-caption);line-height:1.5}.social-login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.social-login-grid form{min-width:0}:root[data-theme] .login-dialog-content .social-login-button{border-color:var(--border);width:100%;min-height:42px;color:var(--text);background:var(--surface-raised);font-size:var(--font-control);justify-content:center;gap:8px;font-weight:600;display:flex}:root[data-theme] .login-dialog-content .social-login-button svg{flex:none;width:20px;height:20px}.social-login-grid .pickcat-sign-in-logo{width:54px;max-height:18px}:root[data-theme] .login-dialog-content .social-login-button:hover{border-color:var(--muted);background:var(--surface)}.phone-login{gap:13px;width:100%;display:grid}.phone-login-tabs{border-bottom:1px solid var(--border);justify-content:center;gap:26px;padding:0 0 9px;display:flex}.phone-login-tabs button{min-height:30px;color:var(--muted);font:inherit;font-size:var(--font-control);background:0 0;border:0;padding:0 3px;position:relative}.phone-login-tabs button[aria-selected=true]{color:var(--text)}.phone-login-tabs button[aria-selected=true]:after{background:var(--accent);content:"";border-radius:2px;height:2px;position:absolute;bottom:-10px;left:2px;right:2px}.phone-login-field{text-align:left;gap:7px;display:grid}.phone-login-field>span{color:var(--muted);font-size:var(--font-caption)}.phone-login-field input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-width:0;height:42px;color:var(--text);background:var(--surface);font:inherit;font-size:var(--font-body);outline:none;padding:0 12px}.phone-login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.phone-login-input-row,.phone-login-code-row{align-items:center;gap:8px;display:flex}.phone-login-input-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:0;overflow:hidden}.phone-login-input-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.phone-login-input-row input{box-shadow:none;background:0 0;border:0;border-radius:0}.phone-login-input-row input:focus{box-shadow:none}.phone-login-prefix{border-right:1px solid var(--border);min-width:52px;height:42px;color:var(--muted);background:var(--surface-raised);font-size:var(--font-control);place-items:center;display:grid}.phone-login-code-row input{flex:1}.phone-login-code-row .studio-button{white-space:nowrap;flex:none;width:auto;min-width:104px;height:42px;padding:0 12px}.phone-login-submit{width:100%;min-height:44px}:root[data-theme] .login-dialog-content .phone-login-submit:not(:disabled){border-color:var(--accent);color:var(--on-accent,#181018);background:var(--accent)}.phone-login-notice,.phone-login-error{font-size:var(--font-caption);margin:-4px 0 0;line-height:1.55}.phone-login-notice{color:#55b985}.phone-login-error{color:var(--accent)}.login-dialog-content>img{image-rendering:pixelated}.login-dialog-content p{color:var(--muted);margin:0;line-height:1.7}.login-benefits{display:none}.login-card-title{color:var(--text);margin:0;font-size:22px;font-weight:500;line-height:1.4}.login-mobile-copy{display:none}@media (min-width:721px){:root[data-theme] .dialog.login-dialog{border:1px solid var(--border);background:var(--surface);width:min(400px,100% - 48px);box-shadow:0 24px 80px #0008}:root[data-theme] .dialog.login-dialog .dialog-header{border:0;padding:8px;position:absolute;top:0;right:0}.login-dialog .dialog-header h2{display:none}:root[data-theme] .dialog.login-dialog .dialog-content{padding:32px}.login-dialog-content{gap:18px;padding:0}.login-dialog-content>p{font-size:var(--font-caption);line-height:1.8}.login-dialog-content form{margin-top:0}:root[data-theme] .login-dialog-content .studio-button.is-primary{min-height:42px}}@media (max-width:720px){.login-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:inset(0 0 calc(60px + env(safe-area-inset-bottom)) 0);background:#000a}:root[data-theme] .dialog.login-dialog{inset:auto 16px calc(72px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 104px - env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:0 auto;position:fixed;overflow:auto;box-shadow:0 18px 64px #0008}:root[data-theme] .dialog.login-dialog .dialog-header{border:0;padding:8px;position:absolute;top:0;right:0}.login-dialog .dialog-header h2{display:none}:root[data-theme] .dialog.login-dialog .dialog-content{padding:0}.login-dialog-content{text-align:left;align-items:stretch;gap:18px;padding:38px 24px 24px}.login-dialog-content>img{display:none}.login-card-title{color:var(--text);margin:0;padding-right:12px;font-size:22px;font-weight:500;line-height:1.4;display:block}.login-mobile-copy{display:inline}.login-desktop-copy{display:none}.login-dialog-content>p{font-size:var(--font-control);line-height:1.7}.login-benefits{display:none}.login-benefits li{align-items:center;gap:10px;display:flex}.login-benefits svg{color:var(--accent);stroke-width:2.5px;flex:none}.login-dialog-content form button{min-height:46px}.social-login-grid{gap:8px}}.login-dialog-content form,.login-dialog-content form button{width:100%}