.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--panel);border-radius:12px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.3);padding-top:1rem;padding-left:1rem;padding-right:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.modal-header.no-border{border-bottom:none}.modal-title{font-size:1.25rem;font-weight:600;color:var(--fg);margin:0}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2rem;color:var(--m);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background:var(--border)}.modal-body{overflow-y:auto;color:var(--fg)}.modal-body h3{color:var(--fg);margin-top:20px;margin-bottom:10px}.modal-body p{margin-bottom:12px;color:var(--m)}.modal-body ul{margin-left:20px;margin-bottom:12px}.modal-body li{margin-bottom:8px;color:var(--m)}