/* The cacheable default is blurred, including before JS loads and without JS. */
.xtl-mature-cover { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; isolation: isolate; }
html:not([data-xtl-mature-visible="1"]) .xtl-mature-cover img { filter: blur(18px); }
.xtl-mature-cover__label { position: absolute; inset: 0; display: grid; place-content: center; background: #11151d66; color: #fff; font: 700 14px var(--xtl-font-body, sans-serif); text-shadow: 0 1px 2px #000; pointer-events: none; }
html[data-xtl-mature-visible="1"] .xtl-mature-cover__label { display: none; }
.xtl-mature-cover[role="button"] { cursor: pointer; }
.xtl-mature-cover:focus-visible { outline: 2px solid var(--xtl-accent-ink); outline-offset: 3px; }
.xtl-mature-dialog { box-sizing: border-box; width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 28px; overflow: auto; border: 1px solid var(--xtl-line); border-radius: 14px; background: var(--xtl-surface); color: var(--xtl-ink); text-align: left; }
.xtl-mature-dialog::backdrop { background: #11151db3; }
.xtl-mature-dialog h2 { margin: 0 0 16px; font: 700 24px/1.3 var(--xtl-font-display); }
.xtl-mature-dialog p { font-size: 14px; line-height: 1.7; }
.xtl-mature-dialog footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.xtl-mature-dialog .button { min-height: 44px; white-space: normal; }
.xtl-mature-dialog [hidden] { display: none; }
.xtl-mature-dialog :focus-visible { outline: 2px solid var(--xtl-accent-ink); outline-offset: 3px; }
.xtl-mature-setting { margin: 28px 0; }
.xtl-mature-setting h2 { margin: 0 0 16px; font-size: 18px; }
.xtl-mature-setting .account-check { min-height: 44px; }
.xtl-mature-setting input { accent-color: var(--xtl-red); }
[data-xtl-mature-feedback], [data-xtl-mature-dialog-feedback] { font-size: 14px; line-height: 1.6; }
[data-xtl-mature-feedback]:empty, [data-xtl-mature-dialog-feedback]:empty { display: none; }
@media (max-width: 480px) { .xtl-mature-dialog { padding: 22px 18px; } .xtl-mature-dialog footer .button { flex: 1 1 100%; } }
