/* A single dark purchase surface with a legible annual offer. */
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog{width:min(480px,calc(100vw - 28px))!important;max-width:480px!important;max-height:calc(100dvh - 28px)!important;margin:auto!important;padding:0 0 22px!important;border:1px solid #526051!important;border-radius:22px!important;background:#101813!important;color:#edf2e7!important;box-shadow:0 28px 100px #000a!important;color-scheme:dark!important;overflow:auto!important;box-sizing:border-box!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog::backdrop{background:#020704bd!important;backdrop-filter:blur(12px)!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-hero{margin:0!important;padding:18px 28px 30px!important;min-height:190px!important;box-sizing:border-box!important;background:linear-gradient(180deg,#0c1b14a8,#0c1b14eb),url("./covers/forest.jpg") center 44%/cover!important;border-radius:21px 21px 0 0!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-hero::after{display:none!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-top{margin:0 0 22px!important;gap:12px!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-top .eyebrow{color:#d6e4ce!important;font:8px/1.5 system-ui!important;letter-spacing:.18em!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-star{font-size:20px!important;color:#dfebd6!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-close{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #d2e4c33b!important;border-radius:50%!important;background:#07130f55!important;color:#fff!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog h2{font-family:Georgia,"Songti SC",serif!important;font-size:29px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:.02em!important;color:#f4f6ed!important;margin:0 0 10px!important;text-wrap:balance}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-description{font-size:12px!important;line-height:1.7!important;color:#c7d4c3!important;margin:0!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-features{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 28px 24px!important;padding:18px 0!important;border-bottom:1px solid #2e3e31!important;color:#d7e3cf!important;text-align:center!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-features span{font-size:11px!important;white-space:nowrap}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-features span::before{content:"✓"!important;color:#bfd5ae!important;padding:0 6px 0 0!important;font-size:11px!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plans{display:block!important;grid-template-columns:1fr!important;gap:0!important;margin:0 28px 18px!important;padding:0!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plans button[data-plan=annual]{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;box-sizing:border-box!important;width:100%!important;min-height:0!important;padding:0!important;background:transparent!important;color:#f3f6ec!important;border:0!important;border-radius:0!important;box-shadow:none!important;letter-spacing:0!important;opacity:1!important;transform:none!important;text-align:center!important;cursor:pointer}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plans button[data-plan=annual]:disabled{opacity:1!important;cursor:default!important;filter:none!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plan-name{font-size:12px!important;font-weight:500!important;color:#b8c8b1!important;margin:0!important;line-height:1.5!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plans strong{font:500 54px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.045em!important;color:#f3f7e9!important;margin:10px 0 10px!important;opacity:1!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plan-note{font-size:12px!important;line-height:1.6!important;opacity:1!important;color:#acbda6!important;margin:0!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plan-action{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-height:48px!important;margin:24px 0 0!important;padding:13px 16px!important;background:#dfebd3!important;color:#172617!important;border:1px solid #dfebd3!important;border-radius:24px!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog button[data-plan=annual]:disabled .membership-plan-action{background:#24372b!important;color:#d1dfc8!important;border-color:#3f5945!important;opacity:1!important;font-weight:400!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #membership-state{margin:0 28px 14px!important;color:#e4d7aa!important;font-size:12px!important;line-height:1.6!important;min-height:0!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #membership-state:empty{display:none!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-redeem{margin:0 28px!important;padding:12px 0 0!important;border:0!important;border-top:1px solid #2b3e2f!important;background:transparent!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-redeem summary{min-height:30px!important;padding:0!important;color:#b5c8af!important;font-size:11px!important;outline:none!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-redeem summary:focus-visible{outline:2px solid #d1e2c6!important;outline-offset:4px!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-redeem .fine{color:#91a28b!important;font-size:10px!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-disclaimer{margin:12px 28px 0!important;font-size:9px!important;line-height:1.6!important;color:#8e9e89!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #membership-recovery{margin:0 28px 12px!important;color:#d2dfc8!important;border-color:#53694c!important}
@media(max-width:440px){html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-hero{padding:16px 22px 24px!important;min-height:174px!important}html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog h2{font-size:26px!important}html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-features,html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plans,html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-redeem{margin-left:22px!important;margin-right:22px!important}html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-plans strong{font-size:48px!important}html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-features{gap:3px!important}html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-features span{font-size:10px!important}}

/* Center the complete WeChat payment section. */
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #wechat-payment{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;margin:0 28px 14px!important;text-align:center!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #wechat-payment img{display:block!important;width:260px!important;height:auto!important;max-width:100%!important;margin:0 auto!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #wechat-payment p{width:100%!important;box-sizing:border-box!important;margin:0!important;text-align:center!important;line-height:1.7!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #wechat-payment button{align-self:center!important;margin:0!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog #wechat-payment ~ #membership-state{text-align:center!important}

/* Keep checkout focused on the offer and payment result. */
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-redeem,html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-dialog .membership-disclaimer{display:none!important}

/* A persistent, focused success confirmation after verified activation. */
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui dialog#membership-success{position:fixed!important;inset:0!important;box-sizing:border-box!important;width:min(400px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;margin:auto!important;padding:42px 28px 30px!important;border:1px solid #63765d!important;border-radius:24px!important;background:#101b14!important;color:#f3f7ed!important;text-align:center!important;box-shadow:0 28px 100px #0009!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-success::backdrop{background:#020704c9!important;backdrop-filter:blur(12px)!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-success:not([open]){display:none!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-success .membership-success-close{position:absolute!important;right:14px!important;top:12px!important;width:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#c4d0bf!important;font:26px/1 system-ui!important;cursor:pointer!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-success .membership-success-icon{display:grid!important;place-items:center!important;width:76px!important;height:76px!important;margin:4px auto 24px!important;border-radius:50%!important;background:#dfebd3!important;color:#294528!important;font:500 42px/1 system-ui!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-success h2{font:600 27px/1.45 system-ui!important;letter-spacing:0!important;color:#f6f8f0!important;text-align:center!important;margin:0 0 28px!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-success .membership-success-start{width:100%!important;min-height:50px!important;margin:0!important;padding:14px 20px!important;border:0!important;border-radius:26px!important;background:#dfebd3!important;color:#182718!important;font:600 15px/1.4 system-ui!important;cursor:pointer!important}
html:not(#legacy-theme):not(#legacy-theme-override):not(#light-theme):not(#record-theme):not(#old-layout) body.workspace-ui #membership-success button:focus-visible{outline:2px solid #f1f6e8!important;outline-offset:4px!important}