.onboarding-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background:#1118278c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.onboarding-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:min(760px,100vh - 2rem);padding:2rem 1.75rem 1.5rem;font-family:inherit;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000040}.onboarding-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;position:absolute;top:.9rem;right:.9rem}.onboarding-close-btn:hover{color:#4b5563}.onboarding-title{color:#111827;margin:0 0 .4rem;font-size:1.35rem;font-weight:600}.onboarding-subtitle{color:#6b7280;margin:0 0 1.1rem;font-size:.92rem;line-height:1.5}.onboarding-loading{color:#6b7280;justify-content:center;align-items:center;gap:.65rem;min-height:140px;font-size:.9rem;display:flex}.onboarding-loading-dot{border:2px solid #d1d5db;border-top-color:#4b5563;border-radius:999px;width:.75rem;height:.75rem;animation:.8s linear infinite onboarding-spin}@keyframes onboarding-spin{to{transform:rotate(360deg)}}.onboarding-exam-context{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:.2rem;margin:0 0 .9rem;padding:.85rem .95rem;display:flex}.onboarding-exam-context span{color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700}.onboarding-exam-context strong{color:#111827;overflow-wrap:anywhere;font-size:.96rem}.onboarding-exam-context small{color:#6b7280;font-size:.75rem}.onboarding-error{color:#b91c1c;margin:0 0 .75rem;font-size:.85rem}.onboarding-form{flex-direction:column;gap:.45rem;display:flex}.onboarding-label{color:#6b7280;margin-top:.35rem;font-size:.78rem;font-weight:500}.onboarding-label span{color:#9ca3af;font-weight:400}.onboarding-select,.onboarding-input{color:#111827;appearance:auto;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:.65rem .75rem;font-size:.92rem}.onboarding-select:focus,.onboarding-input:focus{background:#fff;border-color:#9ca3af;outline:none}.onboarding-input{box-sizing:border-box;font-family:inherit}.onboarding-save-btn{border:1px solid var(--ask-button-silver-border,#ced4da);background:var(--silver-gradient,linear-gradient(135deg,#f8f9fa,#e9ecef));width:100%;color:var(--ask-button-silver-text,#212529);cursor:pointer;border-radius:999px;margin-top:1rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:filter .2s;box-shadow:0 2px 10px #0000000f}.onboarding-save-btn:hover:not(:disabled){filter:brightness(1.05)}.onboarding-save-btn:disabled{opacity:.55;cursor:default}.onboarding-skip-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:100%;padding:.55rem;font-size:.85rem}.onboarding-skip-btn:hover:not(:disabled){color:#4b5563}@media (max-width:520px){.onboarding-backdrop{align-items:flex-end;padding:0}.onboarding-modal{border-radius:18px 18px 0 0;max-height:calc(100vh - .75rem);padding:1.7rem 1.2rem 1.1rem}}
.verify-banner{z-index:9500;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #f59e0b;border-radius:12px;align-items:center;gap:.9rem;max-width:360px;padding:.8rem .9rem .8rem 1rem;font-family:inherit;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #0000001f}.verify-banner-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.verify-banner-text strong{color:#111827;font-size:.85rem;font-weight:600}.verify-banner-text span{color:#6b7280;font-size:.78rem;line-height:1.35}.verify-banner-actions{flex:none;align-items:center;gap:.4rem;display:flex}.verify-banner-resend{color:#111827;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;padding:.4rem .7rem;font-size:.78rem;font-weight:500}.verify-banner-resend:hover:not(:disabled){background:#f3f4f6}.verify-banner-resend:disabled{opacity:.6;cursor:default}.verify-banner-dismiss{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.85rem;line-height:1}.verify-banner-dismiss:hover{color:#4b5563}@media (max-width:480px){.verify-banner{max-width:none;bottom:76px;left:12px;right:12px}}