.experience-mode-modal-overlay{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:1rem}.experience-mode-modal{width:min(520px,100%);max-height:min(90vh,720px);overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 24px 48px rgba(15,23,42,.2);padding:1.5rem 1.5rem 1.25rem;border:1px solid #e5e7eb}.experience-mode-modal__title{margin:0 0 .35rem;font-size:1.35rem;font-weight:700;color:#0f172a}.experience-mode-modal__lede{margin:0 0 .25rem;font-size:.95rem;color:#334155}.experience-mode-modal__sub{margin:0 0 1rem;font-size:.875rem;color:#64748b}.experience-mode-modal__fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.experience-mode-modal__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience-mode-modal__option{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .85rem;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.experience-mode-modal__option:hover{border-color:#cbd5e1;background:#f8fafc}.experience-mode-modal__option.is-selected{border-color:#0ea5b7;background:#f0fdfa}.experience-mode-modal__option input{margin-top:.2rem;flex-shrink:0}.experience-mode-modal__option-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.experience-mode-modal__option-title{font-weight:600;font-size:.95rem;color:#0f172a}.experience-mode-modal__badge{display:inline-block;margin-left:.35rem;padding:.1rem .45rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0f766e;background:#ccfbf1;border-radius:999px;vertical-align:middle}.experience-mode-modal__option-desc{font-size:.8rem;color:#64748b;line-height:1.45}.experience-mode-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.experience-mode-modal__learn{font-size:.875rem;font-weight:600;color:#0b8d9d;text-decoration:none}.experience-mode-modal__learn:hover{text-decoration:underline}.experience-mode-modal__save{border:none;background:#0ea5b7;color:#fff;font-weight:600;padding:.55rem 1.25rem;border-radius:6px;cursor:pointer}.experience-mode-modal__save:disabled{opacity:.45;cursor:not-allowed}.experience-mode-modal__save:not(:disabled):hover{background:#0b8d9d}