/* watchPaid member studio. Presentation only; application hooks stay in their existing templates. */
.we-member {
  --mp-bg: #f8fafc; --gp-bg: #f8fafc;
  --mp-card: #fff; --gp-card: #fff;
  --mp-ink: #0f172a; --gp-ink: #0f172a;
  --mp-muted: #64748b; --gp-muted: #64748b;
  --mp-line: #e2e8f0; --gp-line: #e2e8f0;
  --mp-primary: #2563eb; --gp-primary: #2563eb;
  --mp-soft: #eff6ff; --gp-soft: #eff6ff;
  --mp-card-shadow: none; --gp-card-shadow: none;
  font-family: Inter, sans-serif;
  background: var(--mp-bg); color: var(--mp-ink);
  overflow: visible;
}
.we-member *, .we-member *::before, .we-member *::after { box-sizing: border-box; }
.we-member [hidden] { display: none !important; }
.we-member .wp-member-app { height: auto; min-height: 100dvh; overflow: visible; background: var(--mp-bg); }
.we-member .wp-member-inner { width: 100%; max-width: 1680px; position: relative; }
.we-member .wp-member-header { margin-left: 242px; flex: none; min-height: 84px; background: var(--mp-card); backdrop-filter: none; border-bottom: 1px solid var(--mp-line); }
.we-member .wp-member-header-row { height: 84px; padding: 0 40px; }
.we-member .wp-member-header-left { gap: 12px; }
.we-member .wp-member-logo { display: none; width: 36px; height: 36px; flex: 0 0 36px; background: transparent; border-radius: 11px; }
.we-member .wp-member-logo img { width: 36px; height: 36px; }
.we-member .wp-header-brand-copy { flex-direction: column; align-items: start; gap: 4px; }
.we-member .we-header-kicker { font-size: 9px; font-weight: 700; letter-spacing: .16em; color: var(--mp-muted); }
.we-member .wp-greeting { max-width: 320px; font-size: 12px; }
.we-member .wp-page-title { margin: 0; font-family: Outfit, Inter, sans-serif; font-size: 20px; letter-spacing: -.035em; color: var(--mp-ink); }
.we-member .wp-member-header-actions { gap: 9px; }
.we-member .wp-header-icon-button, .we-member .wp-signout-button { width: 40px; height: 40px; border: 1px solid var(--mp-line); border-radius: 12px; color: var(--mp-muted); background: var(--mp-card); }
.we-member .wp-header-icon-button:hover, .we-member .wp-signout-button:hover { color: #2563eb; background: var(--mp-soft); }
.we-member .wp-member-content { display: block; padding: 0 0 0 242px; }
.we-member .wp-sidebar { position: fixed; left: 0; top: 0; bottom: 0; width: 242px; padding: 28px 20px 22px; border: 0; border-radius: 0; background: #0f172a; gap: 0; z-index: 45; scrollbar-width: thin; scrollbar-color: #334155 #0f172a; }
.we-member .wp-sidebar::-webkit-scrollbar { width: 5px; }
.we-member .wp-sidebar::-webkit-scrollbar-thumb { background: #334155; border-radius: 8px; }
.we-member .we-rail-brand { display: flex; align-items: center; gap: 10px; color: white; font-family: Outfit, Inter, sans-serif; font-size: 24px; font-weight: 600; letter-spacing: -.8px; margin: 0 8px 43px; }
.we-member .we-rail-brand img { width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; }
.we-member .we-rail-brand > span > span { color: #4ade80; }
.we-member .we-rail-label { margin: 0 13px 15px; color: #94a3b8; font-size: 9px; font-weight: 700; letter-spacing: .18em; }
.we-member .wp-sidebar-nav { gap: 6px; }
.we-member .wp-sidebar .wp-nav-link { min-height: 46px; padding: 0 13px; border-radius: 10px; color: #cbd5e1; font-size: 12px; font-weight: 500; gap: 12px; }
.we-member .wp-sidebar .wp-nav-icon { width: 20px; height: 20px; color: inherit; }
.we-member .wp-sidebar .wp-nav-link:hover { color: white; background: #1e293b; }
.we-member .wp-sidebar .wp-nav-link-active, .we-member .wp-sidebar .wp-nav-link[aria-current="page"] { background: #2563eb; color: white; box-shadow: 0 6px 20px -10px #2563eb; }
.we-member .we-rail-note { padding: 17px 14px; margin: auto 0 24px; border: 1px solid #334155; border-radius: 14px; }
.we-member .we-rail-note-icon { display: flex; width: 29px; height: 29px; color: #93c5fd; margin-bottom: 12px; }
.we-member .we-rail-note strong { display: block; font-size: 12px; color: #f1f5f9; line-height: 1.6; font-weight: 500; }
.we-member .we-rail-note p { margin: 8px 0 14px; color: #94a3b8; font-size: 11px; line-height: 1.65; }
.we-member .we-rail-note a { display: flex; justify-content: space-between; align-items: center; color: #bfdbfe; font-size: 11px; font-weight: 600; }
.we-member .wp-sidebar-account { margin-top: 0; padding: 18px 10px 0; border-color: #334155; color: #94a3b8; gap: 6px; }
.we-member .wp-sidebar-account strong { color: #e2e8f0; font-size: 12px; font-weight: 500; }
.we-member .wp-member-main { max-width: 1240px; margin: 0 auto; padding: 38px 40px 56px; overflow: visible; }
.we-member .wp-view, .we-member .wp-member-view, .we-member.dashboard-page .wp-dashboard { gap: 26px; width: 100%; max-width: none; padding: 0; margin: 0; }
.we-member .wp-view-heading { gap: 10px; margin-bottom: 6px; padding: 0; }
.we-member .we-section-eyebrow { margin: 0; color: #2563eb; font-size: 10px; font-weight: 700; letter-spacing: .16em; line-height: 1.5; }
.we-member .wp-view-title, .we-member .we-dashboard-intro h2 { font-family: Outfit, Inter, sans-serif; color: var(--mp-ink); font-size: clamp(30px, 3vw, 40px); font-weight: 600; line-height: 1.12; letter-spacing: -.045em; margin: 0; }
.we-member .wp-view-subtitle { max-width: 640px; color: var(--mp-muted); font-size: 13px; line-height: 1.75; }
.we-member .we-dashboard-intro { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 6px; }
.we-member .we-dashboard-intro h2 { margin: 10px 0; }
.we-member .we-dashboard-intro div > p:last-child { color: var(--mp-muted); font-size: 13px; line-height: 1.7; }
.we-member .we-intro-action { display: flex; align-items: center; justify-content: center; gap: 22px; min-height: 44px; flex-shrink: 0; padding: 12px 18px; border: 1px solid var(--mp-line); background: var(--mp-card); border-radius: 10px; color: var(--mp-ink); font-size: 12px; font-weight: 600; }
.we-member .we-intro-action:hover { color: #2563eb; border-color: #2563eb; }
.we-member .wp-card, .we-member .wp-standard-card, .we-member .wp-feed-card, .we-member .wp-wallet-card, .we-member .wp-plan-card, .we-member .wp-vault-card, .we-member .wp-rewards-card, .we-member .wp-referral-balance, .we-member .wp-referral-stat-card, .we-member .wp-referral-how, .we-member .wp-referral-list { border: 1px solid var(--mp-line); background: var(--mp-card); box-shadow: none; border-radius: 16px; }
.we-member .wp-section-title, .we-member .wp-card-title, .we-member .wp-section-heading h2 { color: var(--mp-ink); font-family: Outfit, Inter, sans-serif; font-size: 21px; font-weight: 600; letter-spacing: -.025em; }
.we-member .wp-action-button, .we-member .wp-plan-action, .we-member .wp-rewards-action, .we-member .wp-vault-action, .we-member .wp-watch-tasks-button, .we-member .wp-plan-activate { background: #2563eb; color: #fff; border: 1px solid transparent; border-radius: 10px; box-shadow: none; min-height: 43px; font-size: 12px; font-weight: 600; }
.we-member .wp-action-button:hover:not(:disabled), .we-member .wp-plan-action:hover:not(:disabled), .we-member .wp-rewards-action:hover:not(:disabled), .we-member .wp-vault-action:hover:not(:disabled), .we-member .wp-watch-tasks-button:hover, .we-member .wp-plan-activate:hover { background: #1d4ed8; color: white; filter: none; }
.we-member :is(button, a, input, select, textarea):focus-visible { outline: 3px solid #60a5fa; outline-offset: 4px; }
.we-member button:disabled { cursor: not-allowed; }
.we-member .wp-action-button:disabled, .we-member .wp-plan-action:disabled, .we-member .wp-vault-action:disabled { background: var(--mp-bg); border-color: var(--mp-line); color: var(--mp-muted); opacity: 1; }
.we-member .wp-secondary-button { background: var(--mp-card); color: var(--mp-ink); border: 1px solid var(--mp-line); border-radius: 10px; }
.we-member .wp-secondary-button:hover:not(:disabled) { background: var(--mp-soft); color: #2563eb; }
.we-member.dashboard-page .wp-dashboard { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 24px; }
.we-member.dashboard-page .wp-dashboard > * { grid-column: 1/-1; width: 100%; justify-self: stretch; }
.we-member.dashboard-page .wp-dashboard > .wp-balance-card { grid-column: span 8; }
.we-member.dashboard-page .wp-dashboard > .wp-active-plan-card { grid-column: span 4; }
.we-member .wp-balance-card, .we-member.dashboard-page .wp-balance-card, .we-member .wp-wallet-summary { position: relative; background: linear-gradient(120deg,#0f172a 15%,#1e3a8a 100%); border: 0; border-radius: 20px; padding: 28px; box-shadow: 0 16px 28px -24px #0f172a; color: white; overflow: hidden; }
.we-member.dashboard-page .wp-balance-card { min-height: 282px; }
.we-member .wp-balance-glow { display: none; }
.we-member .wp-balance-head { position: relative; z-index: 1; gap: 8px; }
.we-member .wp-balance-label-row { display: flex; align-items: start; flex-direction: column; gap: 8px; }
.we-member .wp-balance-label-row > p { color: #cbd5e1; font-size: 12px; font-weight: 500; }
.we-member.dashboard-page .wp-plan-badge { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); padding: 5px 8px; border-radius: 6px; }
.we-member.dashboard-page .wp-plan-badge > i { width: 17px; height: 17px; border: 0; color: #86efac; }
.we-member.dashboard-page .wp-plan-badge strong { font-size: 8px; font-weight: 500; }
.we-member.dashboard-page .wp-plan-badge small { font-size: 7px; color: #cbd5e1; }
.we-member .wp-balance-amount, .we-member.dashboard-page .wp-balance-amount, .we-member .wp-wallet-balance { font-family: Outfit, Inter, sans-serif; color: #fff; font-size: clamp(32px, 3.5vw, 46px); font-weight: 500; letter-spacing: -.045em; margin-top: 17px; line-height: 1.12; }
.we-member.dashboard-page .wp-balance-conversion, .we-member.dashboard-page .wp-vault-balance { color: #cbd5e1; font-size: 10px; line-height: 1.5; margin-top: 7px; }
.we-member .wp-balance-spark { color: #93c5fd; border: 1px solid rgba(255,255,255,.15); width: 40px; height: 40px; border-radius: 12px; padding: 10px; flex-shrink: 0; background: rgba(255,255,255,.04); }
.we-member.dashboard-page .wp-balance-actions { gap: 10px; margin-top: 23px; position: relative; z-index: 1; }
.we-member .wp-balance-button { flex: 0 1 auto; min-height: 39px; border-radius: 8px; padding: 10px 18px; font-size: 11px; font-weight: 600; }
.we-member .wp-balance-button-muted { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.25); color: #fff; }
.we-member .wp-balance-button-gold, .we-member.dashboard-page .wp-balance-button-gold { color: #166534; background: #fff; border: 1px solid white; }
.we-member.dashboard-page .wp-active-plan-card { padding: 24px; display: flex; flex-direction: column; align-items: stretch; justify-content: center; border-radius: 20px; }
.we-member .wp-active-plan-head { align-items: start; gap: 12px; }
.we-member.dashboard-page .wp-active-plan-head > div { gap: 12px; }
.we-member.dashboard-page .wp-active-plan-head span { font-size: 9px; letter-spacing: .13em; color: var(--mp-muted); }
.we-member.dashboard-page .wp-active-plan-head h2 { font-family: Outfit, Inter, sans-serif; font-size: 23px; font-weight: 500; line-height: 1.2; }
.we-member.dashboard-page .wp-active-plan-head a { font-size: 10px; color: #2563eb; padding-top: 1px; }
.we-member.dashboard-page .wp-active-task-row { display: grid; gap: 7px; margin-top: 23px; font-size: 11px; color: var(--mp-muted); }
.we-member .wp-active-task-row strong { font-weight: 600; color: var(--mp-ink); }
.we-member .wp-progress-track, .we-member .wp-task-progress-track { height: 6px; border-radius: 10px; background: var(--mp-line); }
.we-member .wp-progress-track > span, .we-member .wp-task-progress-track > span { background: #2563eb; border-radius: 10px; }
.we-member .wp-progress-track[aria-valuenow="100"] > span, .we-member .wp-task-progress-track.is-complete > span { background: #16a34a; }
.we-member .wp-watch-tasks-button { margin-top: 22px; width: 100%; }
.we-member.dashboard-page .wp-quick-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.we-member.dashboard-page .wp-quick-card { display: grid; grid-template-columns: 40px minmax(0,1fr); column-gap: 12px; row-gap: 4px; text-align: left; align-content: center; align-items: center; justify-items: start; min-height: 103px; padding: 18px 16px; border-radius: 14px; border: 1px solid var(--mp-line); background: var(--mp-card); box-shadow: none; }
.we-member.dashboard-page .wp-quick-card:hover { transform: translateY(-2px); border-color: #93c5fd; }
.we-member.dashboard-page .wp-folder-icon { grid-row: 1/3; width: 39px; height: 39px; border-radius: 11px; background: var(--mp-soft); color: #2563eb; margin: 0; box-shadow: none; }
.we-member.dashboard-page .wp-folder-icon::before { display: none; }
.we-member.dashboard-page .wp-folder-icon i { color: inherit; background: transparent; width: 19px; height: 19px; border-radius: 0; }
.we-member.dashboard-page .wp-folder-rewards { color: #16a34a; background: #f0fdf4; }
.we-member.dashboard-page .wp-quick-card strong { font-size: 12px; font-weight: 600; margin: 0; line-height: 1.4; }
.we-member.dashboard-page .wp-quick-card small { font-size: 10px; color: var(--mp-muted); line-height: 1.5; margin: 0; }
.we-member .wp-referral-banner { border-radius: 13px; padding: 19px 22px; margin-bottom: 0; background: var(--mp-card); border: 1px solid var(--mp-line); border-left: 3px solid #f59e0b; gap: 15px; box-shadow: none; }
.we-member .wp-referral-badge-image { width: 32px; height: 32px; filter: none; }
.we-member .wp-referral-banner strong { font-size: 12px; color: var(--mp-ink); line-height: 1.5; }
.we-member .wp-referral-banner span { color: var(--mp-muted); font-size: 10px; line-height: 1.6; }
.we-member .wp-referral-banner .wp-action-button { min-height: 35px; flex-shrink: 0; color: #2563eb; background: var(--mp-card); border-color: var(--mp-line); font-size: 10px; padding: 9px 14px; }
.we-member.dashboard-page .wp-section-heading { align-items: center; margin-bottom: 16px; }
.we-member.dashboard-page .wp-section-heading h2 { font-size: 23px; }
.we-member .wp-section-heading p { font-size: 11px; margin-top: 6px; color: var(--mp-muted); }
.we-member .wp-section-heading > a { font-size: 11px; color: #2563eb; }
.we-member.dashboard-page .wp-plan-strip { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.we-member.dashboard-page .wp-mini-plan { padding: 20px; border-radius: 15px; background: var(--mp-card); border: 1px solid var(--mp-line); box-shadow: none; min-height: 222px; }
.we-member.dashboard-page .wp-mini-plan-active { border-color: #2563eb; }
.we-member .wp-tier-row { color: #2563eb; font-size: 9px; letter-spacing: .1em; }
.we-member.dashboard-page .wp-mini-plan h3 { color: var(--mp-ink); font-family: Outfit, Inter, sans-serif; font-size: 20px; font-weight: 500; margin-top: 11px; }
.we-member.dashboard-page .wp-mini-price { font-size: 26px; color: var(--mp-ink); font-family: Outfit, Inter, sans-serif; font-weight: 500; }
.we-member .wp-plan-metrics { border-color: var(--mp-line); font-size: 10px; }
.we-member .wp-plan-metrics strong { color: #16a34a; }
.we-member .wp-plan-activate { margin-top: 18px; }
.we-member.dashboard-page .wp-dashboard > .wp-withdrawal-feed, .we-member.dashboard-page .wp-dashboard > .wp-community-feed { grid-column: span 6; }
.we-member .wp-feed-card { overflow: hidden; }
.we-member .wp-feed-title { padding: 20px; border-bottom: 1px solid var(--mp-line); }
.we-member .wp-feed-title h2 { font-size: 10px; font-weight: 600; letter-spacing: .06em; color: var(--mp-ink); }
.we-member .wp-feed-title > span { font-size: 9px; color: var(--mp-muted); }
.we-member .wp-feed-title i { background: #2563eb; box-shadow: none; width: 6px; height: 6px; }
.we-member .wp-feed-empty { min-height: 100px; color: var(--mp-muted); font-size: 12px; padding: 25px 20px; }
.we-member .wp-feed-footer { border-top: 1px solid var(--mp-line); background: var(--mp-bg); color: #2563eb; font-size: 9px; font-weight: 600; letter-spacing: .09em; padding: 14px; }
.we-member .wp-community-empty { color: var(--mp-muted); padding: 24px; }
.we-member .wp-community-empty strong { font-size: 12px; color: var(--mp-ink); }
.we-member .wp-community-empty p { font-size: 11px; }
.we-member .wp-community-empty .wp-icon-host { color: #2563eb; }
.we-member .wp-recent-heading { padding: 20px; }
.we-member .wp-recent-heading h2 { font-family: Outfit, Inter, sans-serif; font-size: 21px; font-weight: 500; }
.we-member .wp-recent-row, .we-member .wp-withdrawal-row, .we-member .wp-transaction-row { border-color: var(--mp-line); color: var(--mp-ink); }
/* Viewing cards use the existing player and reward state without changing their behavior. */
.we-member .wp-task-progress-card { padding: 24px 26px; border-radius: 15px; }
.we-member .wp-task-progress-copy { color: var(--mp-muted); font-size: 12px; margin-bottom: 17px; gap: 14px; }
.we-member .wp-task-progress-copy strong { color: var(--mp-ink); font-size: 13px; }
.we-member .wp-task-progress-copy b { color: #2563eb; }
.we-member .wp-task-plan-header { margin: 2px 0 17px; padding-bottom: 16px; border-bottom: 1px solid var(--mp-line); gap: 20px; }
.we-member .wp-task-plan-header h3 { font-family: Outfit, Inter, sans-serif; font-size: 23px; font-weight: 500; color: var(--mp-ink); }
.we-member .wp-task-plan-header p { color: var(--mp-muted); font-size: 11px; line-height: 1.6; }
.we-member .wp-task-plan-header > strong { font-size: 11px; color: #16a34a; }
.we-member .wp-daily-task-grid { gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.we-member .wp-daily-task-grid > .wp-task-plan-group { grid-column: 1/-1; }
.we-member .wp-daily-task-card { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0; border-radius: 15px; overflow: hidden; }
.we-member .wp-daily-task-card:hover { transform: translateY(-2px); box-shadow: 0 15px 25px -24px #0f172a; border-color: #93c5fd; }
.we-member .wp-task-youtube-icon { width: 100%; height: 146px; flex-shrink: 0; border-radius: 0; background: #eff6ff; color: #2563eb; display: grid; place-items: center; position: relative; border-bottom: 1px solid var(--mp-line); }
.we-member .wp-task-youtube-icon::before { width: 100px; height: 62px; border: 1px solid #bfdbfe; border-radius: 13px; background: #fff; transform: rotate(-6deg); }
.we-member .wp-task-youtube-icon > span { position: relative; display: grid; place-items: center; width: 46px; height: 46px; background: #2563eb; color: #fff; padding: 12px; border-radius: 50%; box-shadow: 0 6px 15px -8px #2563eb; }
.we-member .wp-task-youtube-icon .wp-icon { width: 22px; height: 22px; }
.we-member :is(.wp-watch-tasks-button, .wp-balance-button, .wp-action-button, .wp-plan-action, .wp-rewards-action, .wp-vault-action) .wp-icon { width: 16px; height: 16px; }
.we-member :is(.wp-watch-tasks-button, .wp-balance-button, .wp-action-button) .wp-icon-host { display: inline-grid; place-items: center; width: 16px; height: 16px; flex: 0 0 16px; }
.we-member .wp-daily-task-copy { padding: 21px 20px 16px; flex: 1; }
.we-member .wp-daily-task-title { font-family: Outfit, Inter, sans-serif; font-weight: 500; font-size: 19px; line-height: 1.3; color: var(--mp-ink); }
.we-member .wp-daily-task-copy p:not(.wp-daily-task-title) { color: var(--mp-muted); font-size: 11px; margin-top: 8px; }
.we-member .wp-daily-task-copy > strong { color: #16a34a; font-size: 11px; font-weight: 600; line-height: 1.5; margin-top: 17px; }
.we-member .wp-daily-task-copy > .wp-task-unavailable { color: var(--mp-muted); }
.we-member .wp-daily-task-card.is-complete .wp-task-unavailable { color: #16a34a; }
.we-member .wp-daily-task-watch { margin: 0 20px 20px; width: calc(100% - 40px); }
.we-member .wp-task-limit-card, .we-member .wp-loading-panel, .we-member .wp-loading-profile { padding: 40px 24px; border-style: dashed; min-height: 170px; }
.we-member .wp-task-limit-check { background: #f0fdf4; color: #16a34a; }
.we-member .wp-task-dialog { border: 1px solid var(--mp-line); border-radius: 20px; background: var(--mp-card); color: var(--mp-ink); max-height: calc(100dvh - 32px); }
.we-member .wp-task-dialog::backdrop { background: rgba(15,23,42,.7); backdrop-filter: blur(4px); }
.we-member .wp-task-dialog-inner { padding: 26px; }
.we-member .wp-task-dialog-header h2 { font-family: Outfit, Inter, sans-serif; font-weight: 500; }
.we-member .wp-task-player { border-radius: 12px; }
/* Wallet, membership and account pages share a quiet card and form language. */
.we-member .wp-wallet-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 32px; }
.we-member .wp-wallet-summary::after { width: 200px; height: 200px; background: rgba(255,255,255,.03); }
.we-member .wp-wallet-balance-label { color: #cbd5e1; font-size: 12px; }
.we-member .wp-wallet-balance-meta { display: grid; gap: 13px; align-content: center; font-size: 11px; color: #cbd5e1; padding-left: 32px; border-left: 1px solid rgba(255,255,255,.15); }
.we-member .wp-wallet-balance-meta strong { display: block; margin-top: 5px; color: #fff; font-size: 15px; font-weight: 500; }
.we-member .wp-wallet-balance-meta > span:first-child strong { color: #86efac; }
.we-member .wp-tab-list { border: 1px solid var(--mp-line); background: var(--mp-card); border-radius: 12px; gap: 6px; padding: 6px; }
.we-member .wp-tab-button { border-radius: 8px; min-height: 42px; font-size: 12px; color: var(--mp-muted); }
.we-member .wp-tab-button[aria-selected="true"] { color: white; background: #2563eb; box-shadow: none; }
.we-member .wp-wallet-card { padding: 28px; }
.we-member .wp-wallet-form { gap: 22px; }
.we-member .wp-input { min-height: 48px; border: 1px solid var(--mp-line); background: var(--mp-bg); border-radius: 10px; font-size: 14px; padding: 13px 15px; color: var(--mp-ink); }
.we-member .wp-label { font-size: 12px; font-weight: 600; color: var(--mp-ink); }
.we-member .wp-field-help, .we-member .wp-card-subtitle { font-size: 11px; color: var(--mp-muted); line-height: 1.7; }
.we-member .wp-amount-chip, .we-member .wp-network-option { border-radius: 8px; background: var(--mp-card); border-color: var(--mp-line); color: var(--mp-ink); font-size: 11px; min-height: 38px; }
.we-member .wp-network-option[aria-pressed="true"], .we-member .wp-amount-chip:hover { color: #2563eb; border-color: #2563eb; background: var(--mp-soft); }
.we-member .wp-financial-button { background: #16a34a; }
.we-member .wp-financial-button:hover:not(:disabled) { background: #15803d; }
.we-member .wp-plan-grid, .we-member .wp-vault-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.we-member .wp-plan-card, .we-member .wp-vault-card { padding: 25px; min-height: 100%; }
.we-member .wp-plan-card:hover, .we-member .wp-vault-card:hover { transform: translateY(-3px); box-shadow: none; border-color: #93c5fd; }
.we-member .wp-plan-card--popular { border-color: #2563eb; box-shadow: inset 0 3px 0 #2563eb; }
.we-member .wp-plan-popular-badge { background: #fef3c7; color: #92400e; border-radius: 6px; font-size: 9px; }
.we-member .wp-plan-tier, .we-member .wp-vault-term { color: #2563eb; font-size: 10px; letter-spacing: .06em; }
.we-member .wp-plan-tier-dot { background: #2563eb; }
.we-member .wp-plan-name, .we-member .wp-vault-name { font-family: Outfit, Inter, sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -.035em; color: var(--mp-ink); }
.we-member .wp-plan-price { color: var(--mp-ink); }
.we-member .wp-plan-price-value { font-family: Outfit, Inter, sans-serif; font-weight: 500; font-size: 39px; letter-spacing: -.04em; }
.we-member .wp-plan-benefits { margin-block: 24px; gap: 12px; }
.we-member .wp-plan-benefit { font-size: 11px; color: var(--mp-muted); line-height: 1.65; }
.we-member .wp-plan-benefit-icon { color: #16a34a; }
.we-member .wp-vault-value-row { border-color: var(--mp-line); }
.we-member .wp-vault-sparkles { color: #2563eb; }
.we-member .wp-rewards-balance { background: var(--mp-card); border: 1px solid var(--mp-line); border-radius: 16px; padding: 28px; }
.we-member .wp-rewards-balance-icon, .we-member .wp-referral-balance-icon { background: #f0fdf4; color: #16a34a; border-radius: 14px; box-shadow: none; }
.we-member .wp-rewards-balance-copy strong { font-family: Outfit, Inter, sans-serif; font-size: 23px; font-weight: 500; color: #16a34a; }
.we-member .wp-rewards-card { padding: 28px; }
.we-member .wp-rewards-card-title { color: var(--mp-ink); font-family: Outfit, Inter, sans-serif; font-weight: 500; font-size: 24px; }
.we-member .wp-rewards-icon-wrap { color: #2563eb; background: var(--mp-soft); box-shadow: none; }
.we-member .wp-rewards-streak { background: #fef3c7; color: #92400e; }
.we-member .wp-rewards-description { color: var(--mp-muted); font-size: 12px; line-height: 1.7; }
.we-member .wp-reward-day { border-radius: 11px; border: 1px solid var(--mp-line); background: var(--mp-bg); color: var(--mp-ink); }
.we-member .wp-reward-day--current { background: var(--mp-soft); border-color: #2563eb; color: #2563eb; }
.we-member .wp-reward-day--final { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.we-member .wp-referral-hero { padding: 30px; border: 1px solid #dbeafe; border-radius: 18px; background: var(--mp-soft); color: var(--mp-ink); }
.we-member .wp-referral-link-label { color: #2563eb; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.we-member .wp-referral-link-value { color: var(--mp-ink); font-size: 16px; overflow-wrap: anywhere; }
.we-member .wp-referral-copy-icon-button { background: var(--mp-card); border: 1px solid var(--mp-line); color: #2563eb; border-radius: 10px; }
.we-member .wp-referral-action--share { background: #2563eb; color: white; border-radius: 10px; box-shadow: none; font-size: 12px; }
.we-member .wp-referral-action--copy { background: var(--mp-card); color: #2563eb; border: 1px solid var(--mp-line); border-radius: 10px; font-size: 12px; }
.we-member .wp-referral-balance, .we-member .wp-referral-stat-card, .we-member .wp-referral-how, .we-member .wp-referral-list { padding: 25px; }
.we-member .wp-referral-balance-value { color: #16a34a; font-family: Outfit, Inter, sans-serif; font-size: 32px; font-weight: 500; }
.we-member .wp-referral-step-number { background: var(--mp-soft); color: #2563eb; border-radius: 10px; }
.we-member .wp-referral-step-title { font-size: 13px; color: var(--mp-ink); }
.we-member .wp-referral-step-description { color: var(--mp-muted); font-size: 11px; line-height: 1.75; }
.we-member .wp-profile-hero { padding: 28px; background: var(--mp-card); border: 1px solid var(--mp-line); border-radius: 18px; }
.we-member .wp-profile-avatar { width: 78px; height: 78px; background: #2563eb; color: white; border-radius: 22px; font-family: Outfit, Inter, sans-serif; font-weight: 500; box-shadow: none; }
.we-member .wp-profile-name { font-weight: 500; font-size: 30px; color: var(--mp-ink); }
.we-member .wp-profile-summary-card, .we-member .wp-profile-card { padding: 25px; border-radius: 15px; }
.we-member .wp-profile-detail-icon, .we-member .wp-quick-action-icon { color: #2563eb; background: var(--mp-soft); border-radius: 10px; }
.we-member .wp-profile-detail-label { font-size: 10px; color: var(--mp-muted); }
.we-member .wp-profile-detail-value { color: var(--mp-ink); font-size: 12px; }
.we-member .wp-quick-action { border-radius: 10px; border-color: var(--mp-line); color: var(--mp-ink); background: var(--mp-card); }
.we-member .wp-profile-summary-grid { gap: 18px; }
.we-member .wp-summary-value { font-family: Outfit, Inter, sans-serif; font-weight: 500; }
.we-member .wp-security-check { color: #16a34a; background: #f0fdf4; }
.member-dark .we-member, .growth-dark .we-member { --mp-bg:#111927; --gp-bg:#111927; --mp-card:#192436; --gp-card:#192436; --mp-ink:#f1f5f9; --gp-ink:#f1f5f9; --mp-muted:#aab6c8; --gp-muted:#aab6c8; --mp-line:#334155; --gp-line:#334155; --mp-soft:#21324c; --gp-soft:#21324c; }
.member-dark .we-member .we-section-eyebrow, .growth-dark .we-member .we-section-eyebrow { color: #93c5fd; }
.member-dark .we-member .wp-task-youtube-icon, .growth-dark .we-member .wp-task-youtube-icon { background: #21324c; }
@media (min-width:1680px) { .we-member .wp-sidebar { left: calc((100vw - 1680px) / 2); } }
@media (max-height:820px) and (min-width:901px) { .we-member .we-rail-note { margin-top: 28px; } }
@media (max-width:1200px) and (min-width:901px) {
  .we-member .wp-member-header-row { padding-inline: 28px; }
  .we-member .wp-member-main { padding: 32px 28px 50px; }
  .we-member.dashboard-page .wp-dashboard > .wp-balance-card { grid-column: span 7; }
  .we-member.dashboard-page .wp-dashboard > .wp-active-plan-card { grid-column: span 5; }
  .we-member.dashboard-page .wp-quick-grid, .we-member.dashboard-page .wp-plan-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .we-member .wp-plan-grid, .we-member .wp-vault-grid, .we-member .wp-daily-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .we-member .wp-member-header { margin-left: 0; min-height: 74px; }
  .we-member .wp-member-header-row { height: 74px; padding: 0 26px; }
  .we-member .wp-member-logo { display: grid; }
  .we-member .wp-sidebar { display: none; }
  .we-member .wp-member-content { display: block; padding: 0; }
  .we-member .wp-member-main { padding: 28px 26px 105px; }
  .we-member .wp-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; padding: 8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); border-top: 1px solid var(--mp-line); background: var(--mp-card); }
  .we-member .wp-bottom-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 51px; font-size: 9px; font-weight: 500; color: var(--mp-muted); border-radius: 10px; padding: 7px; }
  .we-member .wp-bottom-link span { width: 20px; height: 20px; }
  .we-member .wp-bottom-link-active, .we-member .wp-bottom-link[aria-current="page"] { background: var(--mp-soft); color: #2563eb; }
  .we-member .wp-bottom-link-active::before { display: none; }
  .we-member .wp-plan-grid, .we-member .wp-vault-grid, .we-member .wp-daily-task-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .we-member .we-rail-note { display: none; }
}
@media (max-width:680px) {
  .we-member .wp-member-header { min-height: 70px; }
  .we-member .wp-member-header-row { height: 70px; padding: 0 20px; }
  .we-member .wp-member-header-actions { gap: 5px; }
  .we-member .wp-header-icon-button { width: 37px; height: 37px; border-radius: 11px; }
  .we-member .wp-member-main, .we-member.dashboard-page .wp-member-main { padding: 27px 20px 103px; margin: 0; overflow: visible; }
  .we-member .wp-page-title { font-size: 17px; }
  .we-member .wp-greeting { max-width: 205px; font-size: 10px; }
  .we-member .wp-header-brand-copy { gap: 3px; }
  .we-member .we-header-kicker { font-size: 8px; }
  .we-member .wp-view, .we-member .wp-member-view, .we-member.dashboard-page .wp-dashboard { gap: 20px; }
  .we-member.dashboard-page .wp-dashboard { grid-template-columns: 1fr; }
  .we-member.dashboard-page .wp-dashboard > * { grid-column: 1 !important; }
  .we-member .we-dashboard-intro { display: block; padding-bottom: 3px; }
  .we-member .we-dashboard-intro h2 { margin-top: 9px; font-size: 33px; }
  .we-member .we-dashboard-intro div > p:last-child { font-size: 12px; max-width: 280px; }
  .we-member .we-intro-action { display: none; }
  .we-member .we-section-eyebrow { font-size: 9px; }
  .we-member .wp-view-title { font-size: 32px; }
  .we-member .wp-view-subtitle { font-size: 12px; }
  .we-member.dashboard-page .wp-balance-card { padding: 25px; min-height: 283px; border-radius: 18px; }
  .we-member .wp-balance-amount, .we-member.dashboard-page .wp-balance-amount { font-size: 41px; margin-top: 19px; }
  .we-member.dashboard-page .wp-balance-label-row { align-items: flex-start; gap: 9px; }
  .we-member .wp-balance-spark { display: grid; width: 35px; height: 35px; }
  .we-member.dashboard-page .wp-balance-actions { margin-top: 23px; gap: 10px; }
  .we-member .wp-balance-button { min-height: 41px; flex: 1; justify-content: center; padding: 10px; }
  .we-member.dashboard-page .wp-active-plan-card { padding: 22px; }
  .we-member.dashboard-page .wp-active-task-row { grid-template-columns: 1fr auto; align-items: center; gap: 12px; margin-top: 19px; font-size: 10px; }
  .we-member.dashboard-page .wp-active-plan-head h2 { font-size: 21px; }
  .we-member .wp-watch-tasks-button { margin-top: 18px; }
  .we-member.dashboard-page .wp-quick-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .we-member.dashboard-page .wp-quick-card { grid-template-columns: 1fr; min-height: 143px; padding: 17px; gap: 6px; }
  .we-member.dashboard-page .wp-folder-icon { grid-row: auto; width: 34px; height: 34px; margin-bottom: 7px; border-radius: 10px; }
  .we-member.dashboard-page .wp-quick-card strong { font-size: 12px; }
  .we-member.dashboard-page .wp-quick-card small { font-size: 10px; }
  .we-member .wp-referral-banner { display: grid; grid-template-columns: 29px minmax(0,1fr); gap: 11px; padding: 19px 17px; }
  .we-member .wp-referral-badge-image { width: 29px; height: 29px; }
  .we-member .wp-referral-banner .wp-action-button { grid-column: 2; justify-self: start; margin-top: 2px; }
  .we-member .wp-referral-banner strong { font-size: 11px; }
  .we-member.dashboard-page .wp-plan-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; overflow: visible; }
  .we-member.dashboard-page .wp-mini-plan { padding: 18px 15px; min-height: 235px; }
  .we-member.dashboard-page .wp-mini-plan h3 { font-size: 18px; }
  .we-member.dashboard-page .wp-mini-price { font-size: 23px; }
  .we-member.dashboard-page .wp-section-heading h2 { font-size: 23px; }
  .we-member .wp-section-heading p { max-width: 230px; line-height: 1.6; font-size: 10px; }
  .we-member .wp-section-heading > a { font-size: 10px; flex-shrink: 0; }
  .we-member .wp-plan-metrics { font-size: 9px; }
  .we-member .wp-plan-activate { font-size: 10px; }
  .we-member .wp-plan-grid, .we-member .wp-vault-grid, .we-member .wp-daily-task-grid { grid-template-columns: 1fr; gap: 17px; }
  .we-member .wp-task-youtube-icon { height: 160px; }
  .we-member .wp-daily-task-title { font-size: 21px; }
  .we-member .wp-task-progress-card { padding: 22px; }
  .we-member .wp-task-progress-copy { flex-wrap: wrap; font-size: 11px; gap: 7px; }
  .we-member .wp-task-plan-header { display: grid; gap: 7px; }
  .we-member .wp-task-plan-header h3 { font-size: 21px; }
  .we-member .wp-wallet-summary { grid-template-columns: 1fr; gap: 25px; padding: 26px; }
  .we-member .wp-wallet-balance { font-size: 40px; }
  .we-member .wp-wallet-balance-meta { border-left: 0; border-top: 1px solid rgba(255,255,255,.15); padding: 20px 0 0; gap: 15px; }
  .we-member .wp-wallet-balance-meta > span { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: 10px; }
  .we-member .wp-wallet-balance-meta strong { font-size: 12px; margin: 0; white-space: nowrap; }
  .we-member .wp-wallet-card, .we-member .wp-rewards-card, .we-member .wp-rewards-balance { padding: 22px; }
  .we-member .wp-card-title { font-size: 22px; }
  .we-member .wp-network-options { grid-template-columns: 1fr; }
  .we-member .wp-amount-presets { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .we-member .wp-plan-card, .we-member .wp-vault-card { padding: 26px; }
  .we-member .wp-rewards-days { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
  .we-member .wp-rewards-balance-copy strong { font-size: 21px; }
  .we-member .wp-referral-hero { padding: 23px; }
  .we-member .wp-referral-link-value { font-size: 13px; }
  .we-member .wp-referral-steps { grid-template-columns: 1fr; gap: 22px; }
  .we-member .wp-referral-stats { gap: 12px; }
  .we-member .wp-referral-stat-card { padding: 20px 15px; }
  .we-member .wp-referral-stat-value--state { font-size: 16px; }
  .we-member .wp-profile-hero { padding: 23px; gap: 16px; flex-wrap: wrap; }
  .we-member .wp-profile-avatar { width: 61px; height: 61px; font-size: 22px; border-radius: 18px; }
  .we-member .wp-profile-name { font-size: 24px; }
  .we-member .wp-profile-email { font-size: 11px; overflow-wrap: anywhere; }
  .we-member .wp-profile-badges { margin: 0; width: 100%; }
  .we-member .wp-profile-summary-grid { grid-template-columns: 1fr; gap: 12px; }
  .we-member .wp-profile-summary-card, .we-member .wp-profile-card { padding: 22px; }
  .we-member .wp-task-dialog { width: calc(100vw - 20px); }
  .we-member .wp-task-dialog-inner { padding: 21px; }
}
@media (max-width:370px) {
  .we-member .wp-member-main, .we-member.dashboard-page .wp-member-main { padding-inline: 15px; }
  .we-member .wp-member-header-row { padding-inline: 15px; }
  .we-member .wp-balance-amount, .we-member.dashboard-page .wp-balance-amount { font-size: 36px; }
  .we-member.dashboard-page .wp-mini-plan { padding-inline: 12px; }
}
@media (prefers-reduced-motion:reduce) { .we-member *, .we-member *::before, .we-member *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }