/* Daily free-question counter and the paywall shown when it runs out. */
.practice-limit-meter { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; margin: 0 0 12px; padding: 10px 14px; border-radius: var(--radius); background: var(--secondary_background); color: var(--secondary); font-size: 14px; line-height: 1.35; text-align: center; }
.practice-limit-meter.is-low { background: #fff4e3; color: #9a5b00; }
.darkmode .practice-limit-meter.is-low { background: #2b2721; color: #ffc46b; }
.practice-limit-meter a { color: var(--accent); font-weight: var(--main_bolder_weight); white-space: nowrap; }

.practice-paywall { position: fixed; inset: 0; width: min(440px, calc(100% - 32px)); height: fit-content; max-height: calc(100dvh - 32px); margin: auto; overflow-y: auto; padding: 32px 28px 24px; border: 0; border-radius: 26px; background: var(--white); color: var(--main); text-align: center; box-shadow: 0 30px 80px rgba(53, 44, 76, .25); }
.practice-paywall::backdrop { background: rgba(5, 5, 33, .55); backdrop-filter: blur(3px); }
.practice-paywall__image { display: block; margin: 0 auto 16px; }
.practice-paywall h2 { margin: 0; font-family: var(--header_font); font-size: 24px; font-weight: var(--header_weight); line-height: 1.25; }
.practice-paywall__text { margin: 12px 0 22px; color: var(--secondary); font-size: 16px; line-height: 1.55; }
.practice-paywall .btn { display: flex; justify-content: center; width: 100%; }
.practice-paywall .btn + .btn { margin-top: 10px; }
.practice-paywall__back { display: inline-block; margin-top: 16px; color: var(--accent); font-weight: var(--main_bolder_weight); }
.practice-paywall__note { margin: 12px 0 0; color: var(--secondary); font-size: 13px; }