.membership-change-card{border:1px solid var(--app-border);border-radius:calc(var(--app-radius-card) * .75);background:var(--app-surface-muted);color:var(--app-text);margin-top:1rem;padding:1rem 1.125rem}.membership-change-card h3{margin:0 0 .375rem;font-size:1rem;font-weight:600}.membership-change-card p{margin:0 0 .75rem}.membership-change-preview dl{gap:.375rem;margin:0 0 .75rem;display:grid}.membership-change-preview dl>div{justify-content:space-between;gap:1rem;display:flex}.membership-change-preview dd{font-variant-numeric:tabular-nums;margin:0}.membership-change-total{border-top:1px solid var(--app-border);padding-top:.375rem;font-weight:600}.membership-change-link,.settings-page button.membership-change-link{min-height:0;color:var(--app-text-muted);text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.membership-change-link:hover,.settings-page button.membership-change-link:hover{color:var(--app-text)}.membership-cancel fieldset{border:0;min-width:0;margin:0;padding:0}.membership-cancel legend{margin-bottom:.25rem;font-weight:600}.membership-cancel-options{gap:.5rem;margin:.5rem 0 .875rem;display:grid}.membership-cancel-options label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.membership-cancel-comment{gap:.375rem;margin-bottom:.75rem;display:grid}.membership-cancel-comment textarea{border:1px solid var(--app-border);background:var(--app-surface);width:100%;color:var(--app-text);font:inherit;resize:vertical;border-radius:.5rem;padding:.5rem .625rem}.membership-change-nudge{color:var(--app-text-muted);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:.75rem 0 0;font-size:.875rem;display:flex}.membership-change-nudge a{color:var(--app-text);text-underline-offset:3px;text-decoration:underline}.membership-pause-suggest{border:1px solid var(--app-border);background:var(--app-surface);border-radius:.625rem;margin:0 0 .875rem;padding:.875rem 1rem}.membership-pause-suggest[data-emphasis=true]{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent)}.membership-pause-suggest>p{margin:0 0 .5rem}.membership-pause-suggest .membership-pause{margin-top:0}.membership-pause fieldset{border:0;min-width:0;margin:0;padding:0}.membership-pause-options{flex-wrap:wrap;gap:.5rem 1.25rem;margin:.375rem 0 .75rem;display:flex}.membership-pause-options label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.membership-pause-facts{gap:.375rem;margin:0 0 .875rem;padding-left:1.125rem;display:grid}.membership-paused h3{font-size:1.0625rem}.membership-change-links{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.25rem;margin-top:1rem;display:flex}.membership-change-links>.membership-change-card{flex-basis:100%;margin-top:0}.membership-change-card input[type=radio]{width:auto;min-height:0;accent-color:var(--app-text);flex:none;margin:0;padding:0}.membership-change-card .membership-cancel-options label,.membership-change-card .membership-pause-options label{width:auto;font-size:inherit;flex-direction:row;align-items:center;gap:.5rem}.membership-yearly-compare{background:var(--app-surface)}.membership-yearly-plans{grid-template-columns:1fr 1fr;gap:.625rem;margin:.75rem 0 1rem;display:grid}.membership-yearly-plan{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:.75rem;gap:.125rem;padding:.875rem 1rem;display:grid;position:relative}.membership-yearly-plan span{color:var(--app-text-muted);font-size:.75rem}.membership-yearly-plan strong{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.membership-yearly-plan small{color:var(--app-text-muted);font-size:.75rem}.membership-yearly-plan.is-yearly{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent);background:var(--app-surface)}.membership-yearly-plan em{background:var(--app-accent);color:var(--app-accent-ink);border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-style:normal;font-weight:600;position:absolute;top:-.625rem;right:.75rem}@media(max-width:480px){.membership-yearly-plans{grid-template-columns:1fr;gap:.875rem}}.membership-change-card.membership-pause{background:var(--app-surface)}.membership-pause h3{margin-bottom:.75rem}.membership-pause-segment{grid-template-columns:repeat(var(--count,3),1fr);border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:999px;padding:3px;display:grid;position:relative}.membership-pause-segment button,.settings-page .membership-pause-segment button{z-index:1;min-height:0;color:var(--app-text-muted);background:0 0;border:0;border-radius:999px;padding:.5rem .75rem;font-weight:500;position:relative}.membership-pause-segment button[aria-checked=true]{color:var(--app-text)}.membership-pause-thumb{width:calc((100% - 6px) / var(--count,3));background:var(--app-surface);border-radius:999px;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001f}.membership-pause-note{color:var(--app-text-muted);font-size:.875rem;margin:.875rem 0 1rem!important}.membership-pause-timeline{grid-template-columns:repeat(3,1fr);margin:1.125rem 0 0;padding:0;list-style:none;display:grid}.membership-pause-timeline li{gap:.125rem;padding-top:1.125rem;display:grid;position:relative}.membership-pause-timeline li:before{content:"";background:var(--app-accent);border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:0;left:0}.membership-pause-timeline li:not(:last-child):after{content:"";background:var(--app-border);height:2px;position:absolute;top:.25rem;left:.875rem;right:.25rem}.membership-pause-timeline li:nth-child(2):before{background:var(--app-surface);box-shadow:inset 0 0 0 2px var(--app-accent)}.membership-pause-timeline b{font-weight:600}.membership-pause-timeline span{color:var(--app-text-muted);font-size:.75rem}.membership-pause-timeline+.membership-pause-note{margin-top:.75rem!important}.membership-pause-small{color:var(--app-text-muted);font-size:.75rem;margin:.625rem 0 0!important}.settings-page .member-update-composer{grid-column:1/-1;padding:0;overflow:hidden}.settings-page .member-update-toggle{text-align:left;width:100%;color:var(--app-text);background:0 0;border:0;align-items:center;gap:14px;padding:22px 24px;display:flex}.settings-page .member-update-toggle>span:nth-child(2){flex:1;min-width:0}.settings-page .member-update-toggle strong{font-size:15px;font-weight:600;display:block}.settings-page .member-update-toggle small{color:var(--app-text-muted);margin-top:4px;font-size:12px;display:block}.settings-page .member-update-icon{background:var(--app-surface-muted);width:42px;height:42px;color:var(--app-text);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.settings-page .member-update-chevron{transition:transform .2s}.settings-page .member-update-composer.is-open .member-update-chevron{transform:rotate(180deg)}.settings-page .member-update-layout{border-top:1px solid var(--app-border);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:28px;margin-top:0;padding:24px;display:grid}.settings-page .member-update-fields{border:0;gap:10px;min-width:0;padding:0;display:grid}.settings-page .member-update-kinds{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.settings-page .member-update-kinds button{border:1px solid var(--app-border);color:var(--app-text-muted);background:0 0;border-radius:100px;padding:7px 12px;font-size:12px}.settings-page .member-update-kinds button[aria-pressed=true]{background:var(--app-text,#331e1b);border-color:var(--app-text,#331e1b);color:var(--app-surface,#fff)}.settings-page .member-update-fields>label:not(.member-update-discord){flex-direction:row;justify-content:space-between;align-items:baseline;margin:8px 0 0;font-size:12px;font-weight:600;display:flex}.settings-page .member-update-fields>label>span{color:var(--app-text-muted);font-size:11px;font-weight:400}.settings-page .member-update-fields>input,.settings-page .member-update-fields textarea{border:1px solid var(--app-border);width:100%;color:var(--app-text);background:var(--app-surface);border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.6}.settings-page .member-update-fields textarea{resize:vertical;min-height:128px}.settings-page .member-update-hint{color:var(--app-text-muted);margin:0;font-size:11px}.settings-page .member-update-discord{border:1px solid var(--app-border);cursor:pointer;border-radius:12px;flex-direction:row;align-items:center;gap:11px;margin:8px 0 0;padding:14px;display:flex}.settings-page .member-update-discord input{accent-color:#331e1b;flex-shrink:0;width:16px;height:16px;min-height:16px;padding:0}.settings-page .member-update-discord span{flex:1;min-width:0}.settings-page .member-update-discord strong{color:var(--app-text);font-size:12px;font-weight:600;display:block}.settings-page .member-update-discord small{color:var(--app-text-muted);margin-top:3px;font-size:11px;line-height:1.5;display:block}.settings-page .member-update-discord svg{color:var(--app-text-muted);flex-shrink:0}.settings-page .member-update-submit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.settings-page .member-update-submit>span{color:var(--app-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.settings-page .member-update-submit>button{border-radius:100px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:inline-flex}.settings-page .member-update-preview{background:var(--app-surface-muted);border-radius:16px;align-self:start;min-width:0;padding:20px}.settings-page .member-update-preview-label{color:var(--app-text-muted);align-items:center;gap:7px;margin:0 0 18px;font-size:11px;display:flex}.settings-page .member-update-preview-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:13px;padding:20px}.settings-page .member-update-preview-bell{background:var(--app-surface-muted);border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}.settings-page .member-update-preview-card>strong{overflow-wrap:anywhere;font-size:15px;line-height:1.5;display:block}.settings-page .member-update-preview-card>p{color:var(--app-text-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 20px;font-size:12px}.settings-page .member-update-preview-link{align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.settings-page .member-update-preview-note{color:var(--app-text-muted);margin:16px 0 0;font-size:11px;line-height:1.7}.settings-page .member-update-result{border:1px solid var(--app-border);border-radius:10px;grid-column:1/-1;margin:0;padding:12px 16px}.settings-page .member-update-result.is-error{color:#993b28}.settings-page .member-update-retry{background:0 0;border:0;padding:0;text-decoration:underline}.settings-page .member-update-fields:disabled{opacity:.65}@media(max-width:700px){.settings-page .member-update-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px}.settings-page .member-update-toggle{gap:11px;padding:18px}.settings-page .member-update-preview{padding:16px}.settings-page .member-update-submit>button{justify-content:center;width:100%}}@media(max-width:767px){.settings-page .member-update-fields>input,.settings-page .member-update-fields textarea{font-size:16px}}.member-popup .membership-design-header{text-align:center}.member-popup .membership-design-header>p:last-child{color:var(--app-text-muted);justify-content:center;align-items:center;gap:8px;display:flex}.member-popup-dot{background:#3f9d63;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #3f9d632e}.member-popup .membership-billing-detail{min-height:0}.member-popup .membership-plan-panel>.membership-primary-cta{align-self:stretch}.member-popup .owner-toggle{margin-bottom:14px}.member-popup-current{border:1px solid var(--app-border);color:var(--app-text-muted);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-size:11px;display:flex}.member-popup-current strong{color:var(--app-text);font-size:15px;font-weight:500;line-height:1.9}.member-popup-links{border-top:1px solid var(--app-border);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:14px;padding-top:14px;display:flex}.member-popup-links>.membership-change-card,.member-popup-links>form{text-align:left;flex-basis:100%}@media(max-width:560px){.member-popup-current{flex-direction:column;align-items:stretch}}.app-theme.membership-dialog,[role=dialog].app-theme{scrollbar-width:none}.app-theme.membership-dialog::-webkit-scrollbar{display:none}[role=dialog].app-theme::-webkit-scrollbar{display:none}.app-theme .settings-page .member-popup .membership-primary-cta,.app-theme .settings-page .member-popup .membership-secondary-cta{border-radius:7px;min-height:43px;padding:13px 17px;font-size:12px;font-weight:600}.app-theme .settings-page .member-popup .membership-primary-cta{background:var(--membership-espresso);color:#fffaf4;border:0}.app-theme .settings-page .member-popup .membership-secondary-cta{border:1px solid var(--app-border-strong);color:var(--app-text);background:0 0}.member-popup .membership-monthly-row{border:1px solid var(--app-border);border-radius:14px;margin-top:12px;padding:16px 18px;font-size:12px}.member-popup .membership-monthly-row strong,.member-popup-current strong{font-size:18px;font-weight:500;line-height:1.6}.member-popup-current{font-size:12px}