.legal-modal-overlay{position:fixed;inset:0;background:rgba(10,10,14,.72);display:flex;align-items:center;justify-content:center;padding:24px;z-index:99999}
.legal-modal-overlay[hidden]{display:none}
.legal-modal{background:#fff;color:#15161a;max-width:640px;width:100%;max-height:85vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.legal-modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e5ea;flex-shrink:0}
.legal-modal__head h2{margin:0;font-size:17px;font-weight:600}
.legal-modal__close{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:#6b7280;padding:4px 10px;border-radius:6px}
.legal-modal__close:hover{background:#f2f2f5;color:#111}
.legal-modal__body{padding:18px 22px 22px;overflow-y:auto;font-size:14px;line-height:1.65}
.legal-modal__body h3{font-size:14px;margin:16px 0 6px}
.legal-modal__body h3:first-child{margin-top:0}
.legal-modal__body p,.legal-modal__body ul{margin:0 0 10px}
.legal-modal__body ul{padding-left:20px}
@media (prefers-color-scheme: dark){
  .legal-modal{background:#17181c;color:#e7e7ea}
  .legal-modal__head{border-bottom-color:#2a2b30}
  .legal-modal__close{color:#9a9aa2}
  .legal-modal__close:hover{background:#232428;color:#fff}
}