.modal-overlay{z-index:100;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal{background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:420px;max-height:95vh;display:flex;box-shadow:0 12px 40px #00000040}.modal__header{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:8px;padding:20px 24px;display:flex}.modal__title{color:var(--color-text);flex:1;font-size:16px;font-weight:600}.modal__heading{flex:1;min-width:0}.modal__subtitle{color:var(--color-text-muted);margin:4px 0 0}.modal__close,.modal__back{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:20px;line-height:1}.modal__close:hover,.modal__back:hover{color:var(--color-text)}.modal__body{padding:24px;overflow-y:auto}.modal__body::-webkit-scrollbar{width:8px}.modal__body::-webkit-scrollbar-track{margin:var(--modal-thumb-trim,24px) 0;background:0 0}.modal__body::-webkit-scrollbar-thumb{background:#5b647273;border-radius:999px;min-height:24px}.modal__body::-webkit-scrollbar-thumb:hover{background:#5b6472b3}