#app{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-md)}.auth-logo{text-align:center;margin-bottom:var(--space-2)}.auth-logo svg{width:48px;height:48px;color:var(--color-primary);stroke-width:1.5px}.auth-card h1{font-size:var(--text-2xl);text-align:center;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6);font-weight:700}.tabs{background:var(--bg-inset);border-radius:var(--radius-md);margin-bottom:var(--space-6);gap:2px;padding:3px;display:flex}.tab{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 2px);color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:600}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-form{display:none}.auth-form.active{display:block}.register-intro{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);text-align:center;line-height:var(--leading-normal)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1);font-weight:600;display:block}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none}.form-group input::placeholder{color:var(--text-disabled)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.slug-row{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-inset);align-items:center;gap:0;display:flex;overflow:hidden}.slug-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.slug-prefix{padding:var(--space-3) 0 var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.slug-row input{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-1);color:var(--text-primary);font-size:var(--text-sm);background:0 0;outline:none;flex:1;box-shadow:none!important;border:none!important}.error-msg{color:var(--color-danger);font-size:var(--text-sm);min-height:20px;margin-top:var(--space-2);text-align:center}.success-msg{color:var(--color-success);font-size:var(--text-sm);min-height:20px;margin-top:var(--space-2);text-align:center}.quick-login{margin-bottom:var(--space-5);padding:var(--space-3);background:var(--bg-inset);border:1px dashed var(--border-default);border-radius:var(--radius-md)}.ql-label{color:var(--text-disabled);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);font-size:10px;font-weight:600;display:block}.ql-options{gap:var(--space-2);display:flex}.ql-option{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);flex:1;font-weight:600;display:flex}.ql-option:hover{border-color:var(--border-default);color:var(--text-secondary)}.ql-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-muted);color:var(--color-primary)}.ql-option input{display:none}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.auth-footer a{color:var(--text-tertiary);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.auth-footer a:hover{color:var(--text-primary)}@media (width<=480px){.auth-card{padding:var(--space-8) var(--space-5);box-shadow:none;border:none}#app{padding-top:var(--space-10);align-items:flex-start}}