:root{--mdhc-bg:#07172e;--mdhc-panel:#ffffff;--mdhc-text:#172033;--mdhc-muted:#66748a;--mdhc-line:#d8e1ec;--mdhc-accent:#1477ee;--mdhc-radius:18px;--mdhc-shadow:0 22px 70px rgba(7,23,46,.24)}
.mdhc-banner,.mdhc-modal,.mdhc-banner *,.mdhc-modal *{box-sizing:border-box}
.mdhc-banner{position:fixed;z-index:2147483000;left:50%;bottom:18px;transform:translateX(-50%);width:min(1120px,calc(100% - 28px));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(460px,.9fr);gap:24px;align-items:center;background:var(--mdhc-panel);color:var(--mdhc-text);border:1px solid var(--mdhc-line);border-radius:var(--mdhc-radius);box-shadow:var(--mdhc-shadow);padding:22px 24px;font:400 15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.mdhc-banner h2,.mdhc-modal h2{margin:0 0 7px;font-size:21px;line-height:1.2;letter-spacing:-.35px;color:var(--mdhc-text)}
.mdhc-banner p,.mdhc-modal p{margin:0;color:var(--mdhc-muted)}
.mdhc-privacy,.mdhc-links a{display:inline-block;margin-top:7px;color:#245ea8;text-decoration:underline;text-underline-offset:2px}
.mdhc-banner-actions,.mdhc-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mdhc-actions{grid-template-columns:1fr 1fr;margin-top:18px}
.mdhc-btn{appearance:none;border:1px solid #aebdce;background:#f8fafc;color:#172033;border-radius:10px;min-height:45px;padding:10px 13px;font:750 13px/1.25 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;box-shadow:none;text-align:center}
.mdhc-btn:hover,.mdhc-btn:focus-visible{border-color:#4d78a9;background:#eef5fc;outline:2px solid transparent}
.mdhc-modal-backdrop{position:fixed;z-index:2147483001;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,23,46,.58);backdrop-filter:blur(4px)}
.mdhc-modal{width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fff;color:var(--mdhc-text);border-radius:20px;box-shadow:var(--mdhc-shadow);padding:24px;font:400 15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.mdhc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.mdhc-close{appearance:none;border:1px solid var(--mdhc-line);background:#fff;color:#172033;width:38px;height:38px;border-radius:10px;font-size:24px;line-height:1;cursor:pointer}
.mdhc-copy{margin-bottom:18px!important}
.mdhc-options{display:grid;gap:10px;margin-top:20px}
.mdhc-option{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--mdhc-line);border-radius:13px;padding:15px 16px;background:#fbfcfe;cursor:pointer}
.mdhc-option-copy{display:grid;gap:3px}.mdhc-option-copy strong{font-size:15px}.mdhc-option-copy small{color:var(--mdhc-muted);font-size:12.5px}
.mdhc-option input{appearance:none;width:45px;height:25px;border-radius:999px;background:#cbd5e1;position:relative;flex:0 0 auto;cursor:pointer}
.mdhc-option input:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 4px #0003;transition:.18s}
.mdhc-option input:checked{background:var(--mdhc-accent)}.mdhc-option input:checked:before{transform:translateX(20px)}
.mdhc-option input:disabled{opacity:.72;cursor:not-allowed}
.mdhc-links{margin-top:12px!important}
.mdhc-footer-trigger{appearance:none!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;text-decoration:underline!important;text-underline-offset:2px!important;padding:0!important;margin:0!important;box-shadow:none!important;cursor:pointer!important}
.mdhc-footer-trigger--fixed{position:fixed!important;z-index:2147482000!important;left:12px!important;bottom:10px!important;background:#fff!important;color:#172033!important;border:1px solid #ccd6e3!important;border-radius:8px!important;padding:7px 9px!important;font:650 12px/1.2 system-ui,sans-serif!important;text-decoration:none!important;box-shadow:0 7px 20px #07172e1f!important}
@media(max-width:820px){
 .mdhc-banner{grid-template-columns:1fr;gap:16px;bottom:10px;padding:18px}
 .mdhc-banner-actions{grid-template-columns:1fr}
 .mdhc-actions{grid-template-columns:1fr}
}
@media(max-width:480px){
 .mdhc-banner{width:calc(100% - 16px);bottom:8px;padding:16px}
 .mdhc-banner h2,.mdhc-modal h2{font-size:19px}
 .mdhc-modal-backdrop{padding:10px}.mdhc-modal{padding:18px}
 .mdhc-option{padding:13px}
}