.auth-btn-single{background:var(--accent,#4eabe1);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .15s;white-space:nowrap}.auth-btn-single:hover{background:var(--accent-dark,#3a95cc)}.auth-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.auth-modal{background:#fff;border-radius:16px;padding:36px 32px;width:360px;max-width:92vw;position:relative;text-align:center}.auth-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--color-muted,#888);line-height:1}.auth-modal h2{font-size:1.3rem;font-weight:700;margin:0 0 8px;color:var(--color-heading,#1a1a2e)}.auth-modal-subtitle{font-size:.85rem;color:var(--color-muted,#888);margin:0 0 28px}.auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e0e0e0;background:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:12px;transition:background .12s,border-color .12s;color:#333}.auth-oauth-btn:hover{background:#f7f7f7;border-color:#bbb}.auth-oauth-btn svg{width:20px;height:20px;flex-shrink:0}.auth-username-input{width:100%;padding:10px 14px;border-radius:8px;border:1.5px solid #e0e0e0;font-size:.9rem;margin-bottom:6px;outline:none;box-sizing:border-box;transition:border-color .15s}.auth-username-input:focus{border-color:var(--accent,#4eabe1)}.auth-username-input.is-invalid{border-color:#dc3545}.auth-username-feedback{font-size:.78rem;color:#dc3545;margin:0 0 12px;text-align:left;min-height:18px}.auth-submit-btn{width:100%;padding:11px;border-radius:10px;border:none;background:var(--accent,#4eabe1);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s}.auth-submit-btn:hover{background:var(--accent-dark,#3a95cc)}.auth-submit-btn:disabled{opacity:.55;cursor:not-allowed}.auth-form{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left}.auth-form input{width:100%;padding:10px 14px;border-radius:8px;border:1.5px solid #e0e0e0;font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .15s}.auth-form input:focus{border-color:var(--accent,#4eabe1)}.auth-error{font-size:.8rem;color:#dc3545;margin:0;text-align:left}.auth-divider{display:flex;align-items:center;gap:10px;margin:4px 0 8px;color:#bbb;font-size:.8rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:#e0e0e0}.auth-email-btn{width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e0e0e0;background:#fff;font-size:.9rem;font-weight:600;color:#333;cursor:pointer;transition:background .12s,border-color .12s;margin-bottom:4px}.auth-email-btn:hover{background:#f7f7f7;border-color:#bbb}.auth-link-btn{background:none;border:none;color:var(--color-link,#2d6a9f);font-size:.82rem;cursor:pointer;padding:0;text-decoration:underline;text-align:center}.auth-link-btn:hover{color:var(--accent-dark,#3a95cc)}.auth-modal-register-link{font-size:.82rem;color:var(--color-muted,#888);margin:4px 0 0;text-align:center}.auth-info{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.auth-info p{font-size:.9rem;color:var(--color-body,#555);margin:0}