/* Medicated TV v3.41 — 💸 "Support the show" box (assets/v2zz-tips.js). Calm: no flashing, one gentle pop-in. */
html.mtvtip-open { overflow: hidden; }
.mtvtip { position: fixed; inset: 0; z-index: 2147483100; display: flex; align-items: center; justify-content: center; padding: 16px; font: 400 15px/1.45 Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color: #f4f2ff; }
.mtvtip[hidden] { display: none; }
.mtvtip *, .mtvtip *::before, .mtvtip *::after { box-sizing: border-box; }
.mtvtip__back { position: absolute; inset: 0; background: rgba(5, 3, 13, .78); backdrop-filter: blur(6px); }
.mtvtip__card { position: relative; width: min(440px, 100%); max-height: calc(100% - 8px); overflow-y: auto; padding: 22px 20px 18px; border-radius: 20px; background: linear-gradient(180deg, #1a0e36, #0b0719); box-shadow: inset 0 0 0 1px rgba(255, 211, 106, .35), 0 24px 60px rgba(0, 0, 0, .6); animation: mtvtip-in .25s ease-out; }
@keyframes mtvtip-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
.mtvtip__x { position: absolute; top: 10px; right: 10px; appearance: none; border: 0; cursor: pointer; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, .08); color: #fff; font-size: 15px; }
.mtvtip h2 { margin: 0 40px 6px 0; font: 400 32px/1 'Bebas Neue', Impact, sans-serif; letter-spacing: .03em; color: #fff; }
.mtvtip p { margin: 0 0 12px; }
.mtvtip__lead { color: rgba(236, 231, 255, .78); }
.mtvtip__f { display: grid; gap: 12px; }
.mtvtip__chips { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.mtvtip__chip { appearance: none; border: 0; cursor: pointer; height: 46px; border-radius: 12px; background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); color: #fff; font: 700 16px/1 Inter, sans-serif; font-variant-numeric: tabular-nums; }
.mtvtip__chip.is-on { background: linear-gradient(135deg, #ffd36a, #ff9d3d); color: #2a1600; box-shadow: none; }
.mtvtip__other { display: grid; gap: 5px; font-size: 13px; color: rgba(236, 231, 255, .78); }
.mtvtip__other input { height: 44px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(5, 3, 13, .6); color: #fff; padding: 0 12px; font: 400 16px/1 Inter, sans-serif; }
.mtvtip__anon { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: rgba(236, 231, 255, .78); }
.mtvtip__anon input { margin-top: 3px; }
.mtvtip__go { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 50px; appearance: none; border: 0; cursor: pointer; border-radius: 14px; background: linear-gradient(135deg, #ffd36a, #ff9d3d); color: #2a1600 !important; font: 800 16px/1 Inter, sans-serif; text-decoration: none; }
.mtvtip__go[disabled] { opacity: .55; cursor: default; }
.mtvtip__link { appearance: none; border: 0; background: none; cursor: pointer; color: #9ff3ff; font: 600 13px/1 Inter, sans-serif; padding: 6px 0; justify-self: center; }
.mtvtip__err { margin: 0 !important; padding: 9px 11px; border-radius: 10px; background: rgba(255, 59, 92, .15); box-shadow: inset 0 0 0 1px rgba(255, 59, 92, .5); font-size: 13px; }
.mtvtip__err[hidden] { display: none; }
.mtvtip__pay { min-height: 120px; }
.mtvtip__load { color: rgba(236, 231, 255, .7); font-size: 13px; }
.mtvtip__fine { margin: 14px 0 0 !important; font-size: 11.5px; line-height: 1.45; color: rgba(236, 231, 255, .55); }
.mtvtip__done { text-align: center; }
.mtvtip__done h2 { margin-right: 0; }
.mtvtip__big { font-size: 54px; line-height: 1; margin: 4px 0 10px; }
@media (max-width: 420px) {
  .mtvtip__chips { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mtvtip__card { padding: 20px 16px 16px; }
}
@media (prefers-reduced-motion: reduce) { .mtvtip__card { animation: none; } }