.account-dialog .subscription-heading{padding-top:18px}
.account-dialog .subscription-heading>span{display:block;color:#a9c9ae;font-size:11px;font-weight:800;letter-spacing:.12em}
.account-dialog .subscription-heading h2{margin:8px 0 5px!important}
.account-dialog .subscription-heading p{margin:0 0 23px;color:#c5d2c7;font-size:14px}
.account-dialog .subscription-plans{display:grid;gap:12px}
.account-dialog .subscription-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:98px;padding:18px;border:1px solid #526b57;border-radius:17px;background:linear-gradient(145deg,#25362a,#1c2921);box-shadow:0 8px 24px #0003,inset 0 1px #ffffff12}
.account-dialog .subscription-plan h3{margin:0 0 6px;color:#f6faf5;font-size:18px;line-height:1.15}
.account-dialog .subscription-plan span{color:#b7c9b9;font-size:12px}
.account-dialog .subscription-price{display:grid;justify-items:end;gap:4px;text-align:right;white-space:nowrap}
.account-dialog .subscription-price strong{color:#e1f2dc;font-size:22px;line-height:1;font-weight:900;letter-spacing:-.04em}
.account-dialog .subscription-price small{color:#adc5b2;font-size:11px}
.account-dialog .subscription-price em{font-style:normal;font-size:10px;font-weight:800;color:#d7edc9;white-space:normal}
.account-dialog .subscription-pending{margin:20px 0 0;color:#b9cbbd;font-size:12px}
.account-dialog .subscription-checkout{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:7px;padding:8px 13px;border:1px solid #76a784;border-radius:11px;background:#245e3d;color:#fff;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 5px 14px #0003,inset 0 1px #ffffff25}
.account-dialog .subscription-checkout:hover,.account-dialog .subscription-checkout:focus-visible{background:#30744a;color:#fff;transform:translateY(-1px)}
.account-dialog .subscription-checkout:active{transform:translateY(1px)}
html[data-theme=light] .account-dialog .subscription-heading>span{color:#287248}
html[data-theme=light] .account-dialog .subscription-heading p{color:#536257}
html[data-theme=light] .account-dialog .subscription-plan{background:linear-gradient(145deg,#fff,#f3f8f3);border-color:#d6e4d7;box-shadow:0 8px 22px #163c2111,inset 0 1px #fff}
html[data-theme=light] .account-dialog .subscription-plan h3{color:#1a2b20}
html[data-theme=light] .account-dialog .subscription-plan span{color:#5d6d61}
html[data-theme=light] .account-dialog .subscription-price strong{color:#1b5b39}
html[data-theme=light] .account-dialog .subscription-price small{color:#5e7363}
html[data-theme=light] .account-dialog .subscription-price em{color:#266744}
html[data-theme=light] .account-dialog .subscription-pending{color:#68796b}
html[data-theme=light] .account-dialog .subscription-checkout{color:#fff;background:#236841;border-color:#458c5f;box-shadow:0 5px 14px #1d5a2c25,inset 0 1px #ffffff40}
@media(max-width:420px){.account-dialog .subscription-plan{padding:15px;min-height:82px}.account-dialog .subscription-plan h3{font-size:17px}.account-dialog .subscription-price strong{font-size:20px}}
.account-dialog .subscription-current{display:grid;gap:5px;margin:0 0 16px;padding:17px 18px;border:1px solid #577760;border-radius:16px;background:linear-gradient(140deg,#254731,#19271f);color:#f6faf5}
.account-dialog .subscription-current strong{font-size:17px}.account-dialog .subscription-current span{font-size:14px}.account-dialog .subscription-current small{color:#bed1c0;font-size:12px}
.account-dialog .subscription-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 10px}
.account-dialog .subscription-actions .subscription-checkout{margin:0}
.account-dialog .subscription-instruction,.account-dialog .subscription-caution{margin:0 0 18px;color:#c6d6ca;font-size:12px;line-height:1.5}
.account-dialog .subscription-caution{margin:16px 0 0;padding:12px 14px;border-radius:12px;border:1px solid #8d7d46;background:#4b3e2126}
.account-dialog .subscription-retry{margin-top:12px;padding:9px 14px;border:1px solid #79a183;border-radius:10px;background:#245e3d;color:#fff;font-weight:700}
html[data-theme=light] .account-dialog .subscription-current{border-color:#cfe3d2;background:linear-gradient(140deg,#edf7ef,#fff);color:#203427}
html[data-theme=light] .account-dialog .subscription-current small,html[data-theme=light] .account-dialog .subscription-instruction{color:#526b59}
html[data-theme=light] .account-dialog .subscription-caution{color:#5a4b22;background:#fff9e9;border-color:#e9dba9}
@media(max-width:420px){.account-dialog .subscription-actions{display:grid}.account-dialog .subscription-actions .subscription-checkout{width:100%;min-height:39px}}
.account-dialog button.subscription-checkout{cursor:pointer;font-family:inherit}
.account-dialog button.subscription-checkout:disabled{opacity:.6;cursor:default;transform:none}
.account-dialog .subscription-stop-confirm{margin:2px 0 12px;padding:13px 15px;border:1px solid #8d7d46;border-radius:13px;background:#4b3e2126;color:#eef4eb;font-size:13px;line-height:1.5}
.account-dialog .subscription-stop-confirm[hidden]{display:none}
.account-dialog .subscription-stop-confirm p{margin:0 0 10px}
.account-dialog .subscription-link{margin:0 0 0 12px;padding:7px 4px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.account-dialog .subscription-stop-result{margin:0 0 9px;color:#dbe9db;font-size:12px}
html[data-theme=light] .account-dialog .subscription-stop-confirm{background:#fff9e9;color:#493f23;border-color:#e9dba9}
html[data-theme=light] .account-dialog .subscription-stop-result{color:#385942}
.account-dialog .subscription-renewal-state{display:block;margin-top:5px;font-size:13px;line-height:1.45}
.account-dialog .subscription-renewal-state[data-renewal=off]{color:#b9e4c5}
.account-dialog .subscription-renewal-state[data-renewal=on]{color:#f1d6a0}
html[data-theme=light] .account-dialog .subscription-renewal-state[data-renewal=off]{color:#17633a}
html[data-theme=light] .account-dialog .subscription-renewal-state[data-renewal=on]{color:#795916}
.account-dialog .subscription-price .subscription-checkout{box-sizing:border-box;width:132px;margin-top:8px;padding-inline:8px;text-align:center;justify-self:end}
.account-dialog .subscription-pending{max-width:420px;margin:20px auto 0;text-align:center;line-height:1.5}