.annual-upgrade{--paper:#f7f3ed;--ink:#111;--muted:#625e58;--line:#e7e1d8;width:min(100%,390px);max-width:390px;max-height:100dvh;margin:auto;padding:0;border:0;background:var(--paper);color:var(--ink);font:400 14px/1.4 FixelText,Arial,sans-serif;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;text-align:center}
.annual-upgrade::backdrop{background:rgba(17,17,17,.55)}
.annual-upgrade *{box-sizing:border-box}
.annual-upgrade [hidden]{display:none!important}
.annual-upgrade button{font-family:FixelText,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.annual-upgrade button:focus-visible{outline:2px solid #111;outline-offset:4px}
.annual-hero{position:relative;height:242px;background:#362a20}
.annual-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.annual-logo{position:absolute;left:24px;top:max(20px,env(safe-area-inset-top));filter:brightness(0) invert(1);object-fit:contain}
.annual-badge{position:absolute;right:24px;bottom:14px;padding:11px 17px 10px;background:#9788fd;border-radius:16px}
.annual-badge strong{display:block;font:700 27px/1.05 FixelText,Arial,sans-serif;letter-spacing:-.7px}
.annual-badge span{display:block;font-size:10px;line-height:1.3;letter-spacing:.45px;margin-top:4px}
.annual-content{padding:22px 24px max(20px,env(safe-area-inset-bottom))}
.annual-active{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:20px}
.annual-active span{font-size:20px}
.annual-upgrade h2{font:400 36px/1.12 'Feature Deck',Georgia,serif;letter-spacing:-.5px;margin:0;outline:none}
.annual-subtitle{font-size:17px;line-height:1.4;margin:9px 0 0}
.annual-deadline{font-size:14px;line-height:20px;margin:22px 0 18px}
.annual-deadline [data-timer]{font-weight:600;font-variant-numeric:tabular-nums;display:inline-block;min-width:42px}
.annual-price{border:1px solid var(--line);border-radius:20px;padding:17px 18px;margin:0;text-align:left}
.annual-price>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;line-height:23px}
.annual-price>div+div{margin-top:11px}
.annual-price dt,.annual-price dd{margin:0}
.annual-price dd{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.annual-price dd s{color:var(--muted);font-size:13px;font-weight:400;margin-right:8px;text-decoration-thickness:1px}
.annual-price dd strong{font-weight:600}
.annual-price .annual-total{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;font-weight:600}
.annual-total dd{font-size:28px;line-height:32px;font-weight:700;letter-spacing:-.6px}
.annual-credit{font-size:12px;line-height:18px;color:var(--muted);margin:11px 0 20px}
.annual-primary{display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:60px;min-height:51px;width:100%;padding:14px 16px;background:#111;color:white;font-weight:400;font-size:16px;line-height:23px}
.annual-primary:disabled{background:#d5d0c8;color:#5c5751;cursor:default}
.annual-terms{font-size:12px;line-height:18px;color:var(--muted);margin:11px 0 8px}
.annual-skip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 4px;border:0;background:transparent;color:var(--ink);font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.annual-next{font-size:12px;line-height:18px;color:var(--muted);margin:1px 0 0}
.annual-message{font-size:13px;line-height:20px;color:var(--muted);margin:12px 0}
.annual-message:empty{display:none}
.annual-payment{margin:16px 0}
.annual-confirm-copy{font-size:14px;line-height:21px;margin:16px 0}
@media(max-width:599px){.annual-upgrade{width:100%;max-width:430px;min-height:100dvh;margin:0 auto}}
@media(max-width:360px){.annual-hero{height:212px}.annual-content{padding-inline:18px}.annual-logo{left:18px}.annual-badge{right:18px}.annual-upgrade h2{font-size:32px}.annual-price{padding:15px}.annual-price>div{font-size:14px}.annual-price dd s{font-size:12px;margin-right:5px}.annual-credit{font-size:11px}}
@media(hover:hover){.annual-primary:not(:disabled):hover{background:#292929}}