.psub{background:radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 60%), var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 34%, transparent), var(--inset-top);border-radius:18px;align-items:center;gap:14px;margin:14px 0;padding:14px 16px;display:flex}.psub.is-on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), var(--inset-top);background:radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--surface)}.psub-icon{width:48px;height:48px;color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 30%, transparent);transform-origin:50% 20%;border-radius:15px;flex:none;place-items:center;display:grid}.psub.is-on .psub-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.psub-copy{flex:1;gap:3px;min-width:0;display:grid}.psub-copy strong{font-size:15.5px;font-weight:850}.psub-copy small{color:var(--text-secondary);font-size:13px;line-height:1.4}.psub-btn{white-space:nowrap;flex:none;align-items:center;min-height:44px;padding:0 18px;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:no-preference){.psub:not(.is-on) .psub-icon svg{transform-origin:50% 15%;animation:3.2s cubic-bezier(.36,.07,.19,.97) 1s infinite psub-ring}.psub.is-new .psub-icon{animation:.7s cubic-bezier(.3,1.8,.5,1) psub-pop}.psub.is-new{animation:psub-flash 1.2s var(--ease-out)}}@keyframes psub-ring{0%,62%,to{transform:rotate(0)}66%{transform:rotate(16deg)}72%{transform:rotate(-13deg)}78%{transform:rotate(8deg)}84%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}}@keyframes psub-pop{0%{transform:scale(.6)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes psub-flash{0%{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 0 18px transparent}}@media (max-width:560px){.psub{flex-wrap:wrap}.psub-btn{justify-content:center;width:100%}}.psub-switch{cursor:pointer;background:color-mix(in srgb, var(--text-primary) 18%, transparent);width:52px;height:30px;transition:background .2s var(--ease), box-shadow .2s var(--ease);border:0;border-radius:99px;flex:none;padding:0;position:relative}.psub-switch>span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.3,1.5,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.psub-switch[aria-checked=true]{background:var(--accent);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 50%, transparent)}.psub-switch[aria-checked=true]>span{transform:translate(22px)}.psub-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.psub-switch:disabled{opacity:.6;cursor:default}
