.avr-pf-permanent { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem 2rem; padding: 1.25rem max(1.25rem, 5vw); background: #202020; color: #fff; font: 400 .9rem/1.5 "Roboto", Arial, sans-serif; }
.avr-pf-permanent a { color: #2bd7b1; font-weight: 750; text-underline-offset: .25rem; }
.avr-pf-permanent span { color: #fff; }
.avr-pf-entry { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1.5rem; padding: 1rem max(1.25rem, 5vw); background: #2bd7b1; color: #202020; font: 400 .95rem/1.5 "Roboto", Arial, sans-serif; }
.avr-pf-entry a { color: #202020; font-weight: 750; text-underline-offset: .25rem; }
.avr-pf-nudge { box-sizing: border-box; position: fixed; z-index: 900; right: max(1.25rem, env(safe-area-inset-right)); bottom: max(7rem, calc(env(safe-area-inset-bottom) + 6rem)); width: min(23rem, calc(100vw - 2.5rem)); max-height: calc(100dvh - 10rem); overflow: auto; padding: 1.5rem; border: 1px solid #5a5a5a; border-top: 4px solid #2bd7b1; border-radius: 0; background: #202020; color: #fff; box-shadow: 0 12px 45px #0004; font: 400 1rem/1.5 "Roboto", Arial, sans-serif; animation: avr-pf-enter .24s ease-out both; }
.avr-pf-nudge *, .avr-pf-nudge *::before, .avr-pf-nudge *::after { box-sizing: border-box; }
.avr-pf-nudge[hidden] { display: none !important; }
.avr-pf-nudge .avr-pf-nudge-kicker { margin: 0 2rem .75rem 0; color: #2bd7b1; font-size: .8rem; font-weight: 750; }
.avr-pf-nudge h2 { margin: 0 1rem .75rem 0; color: #fff; font: 750 1.5rem/1.17 "Roboto", Arial, sans-serif; letter-spacing: -.02em; text-transform: none; }
.avr-pf-nudge p { margin: 0 0 1rem; color: #eee; font-size: .95rem; line-height: 1.5; }
.avr-pf-nudge-close { position: absolute; top: .15rem; right: .2rem; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #fff; font: 400 1.75rem/1 Arial, sans-serif; cursor: pointer; }
.avr-pf-nudge-cta { display: flex; min-height: 46px; justify-content: space-between; align-items: center; gap: 1rem; padding: .65rem 1rem; background: #2bd7b1; color: #202020 !important; font-weight: 800; text-decoration: none; }
.avr-pf-nudge-cta:hover { background: #6c9cff; }
.avr-pf-nudge small { display: block; margin-top: .65rem; color: #ddd; font-size: .75rem; }
.avr-pf-nudge :focus-visible { outline: 3px solid #6c9cff; outline-offset: 3px; }
@keyframes avr-pf-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .avr-pf-nudge { right: 1rem; bottom: max(5.5rem, calc(env(safe-area-inset-bottom) + 5rem)); width: min(22rem, calc(100vw - 2rem)); max-height: min(50dvh, 22rem); padding: 1.1rem; } .avr-pf-nudge h2 { font-size: 1.2rem; } .avr-pf-nudge p { font-size: .875rem; } }
@media (prefers-reduced-motion: reduce) { .avr-pf-nudge { animation: none; } }
@media print { .avr-pf-nudge { display: none !important; } }