#mw-consent-root { color-scheme: dark; font: 15px/1.55 Arial, Helvetica, sans-serif; color: #fff0d8; }
#mw-consent-root *, #mw-consent-root *::before, #mw-consent-root *::after { box-sizing: border-box; }
#mw-consent-root [hidden] { display: none !important; }
.mw-consent-panel { position: fixed; z-index: 10002; left: 20px; right: 20px; bottom: 20px; width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 24px; background: #241d17; border: 1px solid #927758; border-radius: 20px; box-shadow: 0 14px 60px #0008; max-height: calc(100dvh - 40px); overflow: auto; text-align: left; }
.mw-consent-panel[aria-modal="true"] { bottom: 50%; transform: translateY(50%); }
.mw-consent-panel h2 { color: #fff0d8; font: 700 23px/1.25 Arial, Helvetica, sans-serif; margin: 0 0 12px; letter-spacing: -.3px; }
.mw-consent-panel p { color: #e2d3bd; font: inherit; margin: 0 0 16px; }
.mw-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
#mw-consent-root button { font: 600 14px/1.4 Arial, Helvetica, sans-serif; cursor: pointer; letter-spacing: 0; text-transform: none; }
.mw-consent-choice, .mw-consent-secondary { flex: 1 1 160px; min-height: 46px; padding: 11px 17px; border: 1px solid #fff0d8; border-radius: 11px; }
.mw-consent-choice { background: #fff0d8; color: #241d17; }
.mw-consent-secondary { background: transparent; color: #fff0d8; border-color: #b29b7e; }
.mw-consent-choice:hover { background: #ffe3b2; }
.mw-consent-secondary:hover, .mw-consent-close:hover { background: #fff0d813; }
#mw-consent-root :focus-visible { outline: 3px solid #ff9d4a; outline-offset: 4px; }
.mw-consent-panel .mw-consent-help { font-size: 12px; line-height: 1.5; margin: 17px 0 8px; color: #c9b89f; }
.mw-consent-policy { color: #ffd064; text-decoration: underline; font-size: 13px; }
.mw-consent-details { margin-top: 20px; }
.mw-consent-necessary { padding: 15px; background: #fff0d809; border-radius: 10px; }
.mw-consent-necessary p { margin: 5px 0 0; font-size: 13px; }
.mw-consent-option { display: flex; gap: 14px; align-items: flex-start; padding: 19px 0; border-bottom: 1px solid #b29b7e40; cursor: pointer; }
.mw-consent-option input { appearance: auto; width: 21px; height: 21px; flex: 0 0 21px; accent-color: #ff782b; margin: 3px 0 0; }
.mw-consent-option strong { display: block; color: #fff0d8; }
.mw-consent-option-help { display: block; margin-top: 4px; font-size: 13px; color: #c9b89f; }
.mw-consent-close { display: block; margin: 18px 0 0 auto; min-height: 42px; padding: 8px 18px; border: 1px solid #b29b7e; border-radius: 10px; color: #fff0d8; background: transparent; }
.mw-consent-backdrop { position: fixed; z-index: 10001; inset: 0; background: #0008; }
.mw-consent-settings { position: fixed; z-index: 9999; bottom: 12px; left: 12px; padding: 9px 14px; min-height: 42px; color: #fff0d8; background: #241d17; border: 1px solid #927758; border-radius: 20px; box-shadow: 0 3px 16px #0005; }
.mw-consent-panel .mw-consent-warning { font-size: 13px; color: #ffd064; margin: 16px 0; }
.mw-consent-notice { position: fixed; z-index: 10003; bottom: 20px; left: 20px; right: 20px; width: min(620px, calc(100% - 40px)); margin: auto; padding: 18px; background: #241d17; border: 1px solid #927758; border-radius: 15px; display: flex; gap: 15px; align-items: center; }
.mw-consent-notice .mw-consent-secondary { flex: 0 0 auto; }
@media (max-width: 520px) { .mw-consent-panel { left: 10px; right: 10px; bottom: 10px; width: calc(100% - 20px); max-height: calc(100dvh - 20px); padding: 20px; border-radius: 15px; } .mw-consent-actions { display: grid; grid-template-columns: 1fr 1fr; } .mw-consent-actions .mw-consent-secondary { grid-column: 1 / -1; } .mw-consent-choice, .mw-consent-secondary { padding: 12px 9px; min-width: 0; } .mw-consent-panel h2 { font-size: 21px; } .mw-consent-notice { flex-direction: column; align-items: stretch; } }
@media (prefers-reduced-motion: reduce) { #mw-consent-root * { scroll-behavior: auto; } }