.renew-plan-dropdown{position:relative;display:inline-block}.renew-plan-dropdown.hidden{display:none!important}.renew-plan-trigger{display:inline-flex;align-items:center;gap:.55rem;padding-right:.85rem!important;min-width:7.5rem;justify-content:center}.renew-plan-trigger.hidden{display:none!important}.renew-plan-trigger[aria-expanded=true]{border-color:#34d399a6;box-shadow:0 0 0 1px #10b98159,0 0 18px #10b9812e}.renew-plan-chevron{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:999px;background:#ffffff14;font-size:.62rem;line-height:1;opacity:.95;transition:transform .2s ease,background .2s ease}.renew-plan-trigger[aria-expanded=true] .renew-plan-chevron{transform:rotate(180deg);background:#34d39938}.renew-plan-menu{position:absolute;left:0;top:calc(100% + .45rem);z-index:40;min-width:min(18.5rem,calc(100vw - 2.5rem));padding:.35rem;border-radius:.85rem;border:1px solid rgba(103,232,179,.28);background:linear-gradient(165deg,#0c1612f7,#060c0af0);box-shadow:0 18px 40px #00000073,0 0 0 1px #ffffff0a inset,0 0 28px #10b9811f;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}.renew-plan-menu.hidden{display:none!important}.renew-plan-menu:before{content:"";position:absolute;top:-6px;left:1.25rem;width:11px;height:11px;transform:rotate(45deg);border-top:1px solid rgba(103,232,179,.28);border-left:1px solid rgba(103,232,179,.28);background:#0a120ffa}.renew-plan-mode-btn{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem .75rem;border:1px solid transparent;border-radius:.65rem;background:transparent;color:#e2e8f0;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .15s ease}.renew-plan-mode-btn:hover:not(:disabled),.renew-plan-mode-btn:focus-visible{border-color:#34d39959;background:linear-gradient(135deg,#10b98124,#064e3b14);outline:none}.renew-plan-mode-btn:active:not(:disabled){transform:translateY(1px)}.renew-plan-mode-btn:disabled{opacity:.55;cursor:not-allowed}.renew-plan-mode-icon{flex-shrink:0;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;border:1px solid rgba(103,232,179,.22);background:#ffffff0a;color:#6ee7b7;font-size:.85rem}.renew-plan-mode-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.renew-plan-mode-title{font-size:.82rem;font-weight:700;color:#ecfdf5;line-height:1.25}.renew-plan-mode-desc{font-size:.68rem;line-height:1.35;color:#94a3b8f2}.renew-auto-renew-badge{display:none;align-items:center;gap:.4rem;margin-top:0;padding:.28rem .65rem;border-radius:999px;border:1px solid rgba(52,211,153,.45);background:linear-gradient(135deg,#10b9812e,#064e3b1f);color:#a7f3d0;font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 0 14px #10b98126;white-space:nowrap;max-width:100%;flex-shrink:0}.renew-auto-renew-badge.is-on:not(.hidden){display:inline-flex}.renew-auto-renew-badge.hidden,.renew-auto-renew-badge:empty,.renew-auto-renew-badge:not(.is-on){display:none!important;padding:0!important;border:none!important;margin:0!important;box-shadow:none!important;background:none!important;min-width:0!important;width:0!important;height:0!important;overflow:hidden!important}.renew-auto-renew-badge-label{white-space:nowrap;line-height:1.2;color:#a7f3d0}.renew-auto-renew-badge-dot{width:.45rem;height:.45rem;border-radius:999px;background:#34d399;box-shadow:0 0 8px #34d399d9;animation:renew-auto-pulse 1.8s ease-in-out infinite}@keyframes renew-auto-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}.plan-period-progress-track{margin-top:.55rem;height:.35rem;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid rgba(103,232,179,.12)}.plan-period-progress-fill{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#059669,#34d399);box-shadow:0 0 12px #34d39973;transition:width .35s ease}