.yl-settings { font: inherit; color: inherit; border: 0; background: transparent; padding: 0; cursor: pointer; }
.yl-settings:hover, .yl-settings:focus-visible { text-decoration: underline; }
.yl-cookie { box-sizing: border-box; position: fixed; z-index: 80; inset: auto 24px max(20px, env(safe-area-inset-bottom)) auto; width: min(480px, calc(100% - 48px)); max-height: 85vh; overflow: auto; padding: 24px; border: 1px solid #c9c3b7; border-top: 3px solid #a38454; background: #fcfaf5; color: #172d3b; box-shadow: 0 6px 30px #172d3b28; text-align: left; }
.yl-cookie h2 { margin: 0 0 8px; font: 400 26px/1.2 Georgia, serif; letter-spacing: -.02em; color: #172d3b; }
.yl-cookie p { margin: 0; font: 14px/1.5 Arial, sans-serif; color: #374850; }
.yl-cookie p a { color: inherit; text-decoration: underline; }
.yl-cookie-actions { display: flex; gap: 10px; margin-top: 16px; }
.yl-cookie-actions button { flex: 1; border: 1px solid #243c48; min-height: 42px; background: #fff; color: #172d3b; font: 600 13px/1.2 Arial, sans-serif; cursor: pointer; }
.yl-cookie-actions button:hover, .yl-cookie-actions button:focus-visible { background: #eae8df; }
@media (max-width: 540px) { .yl-cookie { inset-inline: 12px; bottom: max(10px, env(safe-area-inset-bottom)); width: auto; padding: 16px; } }
.yl-cookie .yl-timer-note:not(:empty) { margin-top: 8px; font-size: 13px; }