/* Paid-readiness screens (method, energy, retention, settings, onboarding). Text ≥13px, AA contrast, 320px safe. */
:root{--pu-ink:#2f2724;--pu-muted:#6b5d56;--pu-soft:#fbf3ec;--pu-line:#eadfd5;--pu-accent-strong:color-mix(in srgb,var(--accent) 78%,#000);--pu-ok:#2f6b4c;--pu-care:#fff4e8}
.pu-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.pu-card-head h2,.pu-card-head h3{margin:0}
.pu-eyebrow{display:block;color:var(--pu-accent-strong);font-weight:800;font-size:13px;letter-spacing:.2px}
.pu-text-btn{background:transparent;color:var(--pu-accent-strong);padding:8px 4px;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.pu-link{color:var(--pu-accent-strong);font-weight:700;font-size:14px}
.pu-note{color:var(--pu-muted);font-size:14px;line-height:1.6;margin:6px 0}
.pu-fine{color:var(--pu-muted);font-size:13px;line-height:1.6;margin:10px 0 0}
.pu-warning{background:#fff1e3;border-inline-start:4px solid #c9682f;padding:8px 12px;border-radius:10px;font-size:14px;margin:8px 0}
.pu-limit{background:var(--pu-soft);padding:8px 12px;border-radius:10px;font-size:14px}
.pu-highlight{font-size:16px;font-weight:700;color:var(--pu-ink)}
.pu-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pu-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.pu-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.pu-button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 18px;font-weight:700;font-size:14px;text-decoration:none;background:#f3e9df;color:var(--pu-ink)}
.pu-energy-screen,.pu-energy-screen>.card{display:grid;gap:14px}
.pu-energy .pu-stats,.pu-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 10px}
.pu-stats.one{grid-template-columns:1fr}
.pu-stat{background:var(--pu-soft);border-radius:14px;padding:10px;display:grid;gap:2px;min-width:0}
.pu-stat summary{list-style:none;cursor:pointer;display:grid;gap:2px}.pu-stat summary::-webkit-details-marker{display:none}
.pu-stat small{font-size:13px;color:var(--pu-muted)}
.pu-stat strong{font-size:clamp(20px,6vw,28px);color:var(--pu-ink);font-variant-numeric:tabular-nums}
.pu-stat.neutral strong{color:#4b5b6b}
.pu-remaining{border-top:1px solid var(--pu-line);padding-top:8px;margin-top:2px}
.pu-protein{margin-top:10px;display:grid;gap:6px}
.pu-bar{height:9px;background:#f1e6dc;border-radius:99px;overflow:hidden}.pu-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}
.pu-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pu-chips span{background:var(--pu-soft);border-radius:99px;padding:5px 10px;font-size:13px}
.pu-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.pu-phase h2{font-size:22px}.pu-days{color:var(--pu-accent-strong);font-size:16px}
.pu-timeline{list-style:none;display:flex;gap:6px;padding:0;margin:10px 0}
.pu-timeline li{flex:1;display:grid;gap:6px;font-size:13px;color:var(--pu-muted);min-width:0}
.pu-timeline li span{height:6px;border-radius:99px;background:#efe3d8}
.pu-timeline li.active{color:var(--pu-ink);font-weight:800}.pu-timeline li.active span{background:var(--accent)}
.pu-checkin{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0;font-size:14px}.pu-checkin button{padding:8px 12px}
.pu-soft{background:var(--pu-soft)}
.pu-care{background:var(--pu-care);border-color:#f3d6bb}.pu-care h2{font-size:20px}
.pu-streak{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#fff;border:1px solid var(--pu-line);border-radius:99px;padding:8px 14px;font-size:14px;width:fit-content;max-width:100%}
.pu-streak b{font-size:18px}.pu-streak small{flex-basis:100%;font-size:13px;color:var(--pu-muted)}
.pu-streak.soft{border-color:#f0c9a4;background:#fff8f0}.pu-flame{color:var(--accent)}
.pu-rcard{position:relative;padding-inline-end:44px}.pu-rcard h2{font-size:19px;margin-bottom:4px}.pu-rcard ul{margin:6px 0;padding-inline-start:20px}
.pu-rcard.tone-celebrate{background:#fff7ec}.pu-rcard.tone-care{background:var(--pu-care)}
.pu-dismiss{position:absolute;inset-inline-end:8px;top:8px;background:transparent;color:var(--pu-muted);font-size:22px;padding:4px 10px;line-height:1}
.pu-home-stack{display:grid;gap:12px;margin:12px 0}
[dir=rtl] .pu-home-stack,[dir=rtl] .dashboard>.pu-copy-hint{direction:rtl}
/* Playground */
.pu-playground h2{font-size:22px}
.pu-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0}
.pu-preset{display:grid;gap:2px;text-align:start;background:#fff;color:var(--pu-ink);border:2px solid var(--pu-line);padding:10px}
.pu-preset small{font-size:13px;color:var(--pu-muted)}.pu-preset.on{border-color:var(--accent);background:var(--pu-soft)}.pu-preset:disabled{opacity:.7;cursor:not-allowed}
.pu-slider-wrap{display:grid;gap:6px;margin:8px 0}
.pu-slider-row{display:flex;gap:8px;align-items:center}
.pu-step{min-width:44px;min-height:44px;padding:0;font-size:22px}
.pu-slider-row input[type=range]{flex:1;padding:0;border:0;background:transparent;accent-color:var(--pu-accent-strong);height:44px;-webkit-appearance:none;appearance:none}
.pu-slider-row input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:99px;background:var(--pu-track,#eee)}
.pu-slider-row input[type=range]::-moz-range-track{height:12px;border-radius:99px;background:var(--pu-track,#eee)}
.pu-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--pu-ink);box-shadow:0 2px 6px #0003}
.pu-slider-row input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--pu-ink)}
.pu-slider-row input[type=range]:focus-visible{outline:3px solid var(--pu-ink);outline-offset:2px;border-radius:12px}
.pu-zones{display:flex;gap:4px;font-size:13px;color:var(--pu-muted)}.pu-zones span{display:grid;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pu-zones i{height:4px;border-radius:99px}
.pu-zone-line{font-weight:700;font-size:14px}
.pu-days-pick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0;font-size:14px}
.pu-chip{background:#fff;color:var(--pu-ink);border:1.5px solid var(--pu-line);border-radius:99px;padding:8px 14px;font-size:14px;font-weight:700;min-height:40px}
.pu-chip.on{border-color:var(--pu-accent-strong);background:var(--pu-soft);color:var(--pu-ink)}
.pu-preview{background:var(--pu-soft);border-radius:16px;padding:12px;margin:8px 0;display:grid;gap:6px}
.pu-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pu-preview-grid div{display:grid}.pu-preview-grid strong{font-size:26px}
[data-pg-propose],[data-start],[data-confirm-plan],[data-intensive],.pu-actions>button:not(.secondary):not(.ghost),.pu-wizard-nav>button[type=submit],[data-allow-all]{background:var(--pu-accent-strong)}
.pu-confirm{display:grid;gap:10px}
.pu-compare{width:100%;border-collapse:collapse;font-size:14px}.pu-compare th,.pu-compare td{padding:7px 6px;border-bottom:1px solid var(--pu-line);text-align:start}.pu-compare thead th{color:var(--pu-muted);font-size:13px}
.pu-ack{display:flex;gap:10px;align-items:flex-start;background:var(--pu-care);padding:12px;border-radius:12px;font-size:15px;color:var(--pu-ink)}.pu-ack input{width:22px;height:22px;flex:none;margin-top:2px}
/* Energy screen */
.pu-dayrow{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:space-between}.pu-dayrow label{flex:1;min-width:160px}
.pu-stack{display:flex;height:16px;border-radius:99px;overflow:hidden;margin:8px 0}
.pu-parts{list-style:none;padding:0;margin:0;display:grid;gap:4px}.pu-parts summary{cursor:pointer;font-size:14px;padding:6px 0}.pu-parts p{font-size:14px;margin:0 0 6px}
.pu-dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-inline-end:6px;vertical-align:middle}
.pu-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:8px 0}.pu-targets>div{background:var(--pu-soft);border-radius:12px;padding:10px;display:grid;gap:2px}.pu-targets small{font-size:13px;color:var(--pu-muted)}.pu-targets b{font-size:18px}
.pu-booster{border:1px solid var(--pu-line);border-radius:16px;padding:12px;display:grid;gap:8px;margin-top:10px}.pu-booster legend{font-weight:800;padding:0 6px}
.pu-radio{display:flex;gap:10px;align-items:flex-start;color:var(--pu-ink);font-size:14px}.pu-radio input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--pu-accent-strong)}.pu-radio span{display:grid;gap:2px}
.pu-checklist{padding-inline-start:20px;font-size:14px}
.pu-seg{display:flex;gap:6px}
.pu-chart-scroll{overflow-x:auto;max-width:100%}.pu-chart-scroll svg{display:block;max-width:none}
.pu-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--pu-muted);margin:6px 0}.pu-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-end:5px;vertical-align:middle}.pu-legend i.dash{background:repeating-linear-gradient(90deg,#4f8a6a 0 5px,transparent 5px 9px);height:3px}
/* Action sheet */
#modal.pu-bottom-sheet{margin-bottom:0;border-radius:24px 24px 0 0;width:min(560px,100%);max-width:100%}
.pu-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:10px}
.pu-sheet-item{display:flex;gap:10px;align-items:center;background:var(--pu-soft);color:var(--pu-ink);min-height:56px;font-size:15px;text-align:start}.pu-sheet-item svg{width:22px;height:22px;flex:none;color:var(--pu-accent-strong)}
.pu-fav-list{list-style:none;padding:0;display:grid;gap:8px}.pu-fav-list li{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--pu-line);border-radius:14px;padding:6px}
.pu-fav{flex:1;min-width:160px;display:grid;text-align:start;background:transparent;color:var(--pu-ink)}.pu-fav small{color:var(--pu-muted);font-size:13px}
.pu-copy-list{border:0;padding:0;display:grid;gap:6px;margin:8px 0}
.pu-offline-badge{display:inline-flex;gap:6px;align-items:center;background:#eef1f6;color:#33405a;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:700}
.pu-offline-bar{position:sticky;top:0;z-index:30;background:#33405a;color:#fff;padding:8px 14px;font-size:14px;text-align:center}
/* Progress */
.pu-weight-chart{margin:8px 0}.pu-weight-chart svg{width:100%;height:auto}
.pu-weight-list{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px;max-height:260px;overflow:auto}.pu-weight-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;font-size:14px;padding:6px 2px;border-bottom:1px solid var(--pu-line)}.pu-weight-list small{color:var(--pu-muted);min-width:44px;text-align:end}
.pu-weigh{display:grid;gap:8px;justify-items:start}.pu-big{font-size:40px}.pu-big small{font-size:16px}
.pu-table-wrap{overflow-x:auto}.pu-measure{border-collapse:collapse;font-size:14px;min-width:100%}.pu-measure th,.pu-measure td{padding:6px;border-bottom:1px solid var(--pu-line);text-align:start;white-space:nowrap}.pu-measure td small{display:block;color:var(--pu-muted);font-size:13px}
.pu-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:6px 0 12px}
.pu-photo{position:relative;display:grid;gap:2px;text-align:center;font-size:13px}.pu-photo-open{padding:0;background:transparent;border-radius:12px;overflow:hidden;border:3px solid transparent}.pu-photo.on .pu-photo-open{border-color:var(--pu-accent-strong)}
.pu-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.pu-photo-del{position:absolute;top:2px;inset-inline-end:2px;background:#fffc;color:var(--pu-ink);padding:2px 8px;border-radius:99px}
.pu-photo-full{width:100%;border-radius:16px}
.pu-compare-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pu-compare-photos img{width:100%;border-radius:12px;aspect-ratio:3/4;object-fit:cover}.pu-compare-photos figure{margin:0;text-align:center;font-size:14px}
/* Settings */
.pu-big-line{font-size:17px;font-weight:700;margin:6px 0}
.pu-prices{padding-inline-start:20px;font-size:14px;margin:6px 0}
.pu-history{list-style:none;padding:0;margin:6px 0;display:grid;gap:4px;font-size:14px}.pu-history li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:5px 0;border-bottom:1px solid var(--pu-line)}
.pu-switch-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--pu-line)}.pu-switch-row details{font-size:14px;color:var(--pu-muted)}.pu-switch-row small{display:block;font-size:13px;color:var(--pu-muted)}
.pu-switch{flex:none;width:54px;height:32px;padding:3px;border-radius:99px;background:#cfc3b9;display:flex;justify-content:flex-start}.pu-switch span{width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0004;transition:transform .15s}
.pu-switch.on{background:var(--pu-ok)}[dir=ltr] .pu-switch.on span{transform:translateX(22px)}[dir=rtl] .pu-switch.on span{transform:translateX(-22px)}
.pu-links{list-style:none;padding:0;display:grid;gap:6px;font-size:15px}.pu-links small{color:var(--pu-muted);font-size:13px}
.pu-banner{background:#fff6e8;border:1px solid #f0d2a8;border-radius:14px;padding:10px 12px;margin-bottom:12px;display:grid;gap:8px}
.pu-safety-row{display:flex;justify-content:space-between;width:100%;margin-top:14px;background:var(--pu-soft);color:var(--pu-ink)}
.pu-danger{color:#9d2f22}.pu-danger-fill{background:#9d2f22}
.pu-call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border-radius:14px;background:var(--pu-ok);color:#fff;font-weight:800;text-decoration:none}
.pu-support{display:grid;gap:8px}
.pu-credit-chip{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:var(--pu-ink);background:var(--pu-soft);border-radius:99px;padding:5px 12px;text-decoration:none;margin:4px 0}.pu-credit-chip.warn{background:#fff1e3;color:#7a3a14}
.chat-crisis{background:#f4f8f5;border:1px solid #cfe2d6;border-radius:18px;padding:14px;display:grid;gap:8px;margin:8px 0}
/* Onboarding */
.pu-progress{height:8px;border-radius:99px;background:#f1e6dc;overflow:hidden;margin-bottom:12px}.pu-progress i{display:block;height:100%;background:var(--pu-accent-strong);border-radius:inherit;transition:width .3s}
.pu-wizard form{display:grid;gap:14px}.pu-wizard h2{font-size:clamp(22px,6vw,30px);outline:none}
.pu-wizard-nav{display:flex;flex-direction:column;gap:8px}.pu-wizard-nav button{min-height:50px;font-size:16px}
.pu-lead{font-size:17px}
.pu-options{display:grid;gap:8px}.pu-option{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--pu-line);border-radius:16px;padding:14px;color:var(--pu-ink);font-size:16px;cursor:pointer;background:#fff}.pu-option.on{border-color:var(--pu-accent-strong);background:var(--pu-soft)}.pu-option input{width:22px;height:22px;flex:none;accent-color:var(--pu-accent-strong)}.pu-option span{display:grid;gap:2px}.pu-option small{font-size:13px}
.pu-option:focus-within{outline:3px solid var(--pu-ink);outline-offset:2px}
.pu-big-input{font-size:26px;text-align:center;max-width:220px}
.pu-phase-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;list-style:none;margin:6px 0}.pu-phase-mini li{background:var(--pu-soft);border-radius:12px;padding:8px;display:grid;gap:2px;font-size:14px}.pu-phase-mini small{font-size:13px}
.pu-story blockquote{margin:8px 0;padding:10px 12px;border-inline-start:4px solid var(--accent);background:var(--pu-soft);border-radius:10px}.pu-story small{display:block;margin-top:6px}
.pu-paths{display:grid;gap:10px;margin:12px 0}.pu-path-card{display:grid;gap:4px;border:2px solid var(--pu-line);border-radius:18px;padding:14px;color:var(--pu-ink);cursor:pointer;background:#fff;position:relative}.pu-path-card input{position:absolute;opacity:0;pointer-events:none}.pu-path-card.on{border-color:var(--pu-accent-strong);background:var(--pu-soft)}.pu-path-card.off{opacity:.75;cursor:not-allowed}.pu-path-card:focus-within{outline:3px solid var(--pu-ink);outline-offset:2px}
.pu-path-title{display:flex;gap:8px;align-items:center;font-size:18px}.pu-path-title em{font-style:normal;font-size:13px;background:var(--pu-accent-strong);color:#fff;border-radius:99px;padding:2px 10px}
.pu-path-nums{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px}.pu-path-nums b{font-size:17px}.pu-why{color:#7a3a14}
.pu-window{border:1px solid var(--pu-line);border-radius:16px;padding:12px;display:grid;gap:8px}.pu-window legend{font-weight:800;padding:0 6px}
.pu-meter{display:grid;gap:4px}.pu-meter-bar{height:6px;border-radius:99px;background:#f1e6dc;overflow:hidden}.pu-meter-bar i{display:block;height:100%;width:0;background:#c9682f;transition:width .2s}.pu-meter-bar i[data-score="2"]{background:#a07a1c}.pu-meter-bar i[data-score="3"]{background:var(--pu-ok)}
.auth-check{font-size:14px;color:var(--pu-ink);align-items:flex-start;display:flex;gap:8px}.auth-check a{color:var(--pu-accent-strong)}
.pu-recap blockquote{margin:6px 0;padding:8px 12px;background:var(--pu-soft);border-radius:12px}
.pu-weekly h2{font-size:22px}
.pu-consent section{margin-bottom:8px}.pu-consent h3{font-size:17px}
.pu-cancel fieldset{border:0;padding:0;display:grid;gap:6px;margin:8px 0}.pu-cancel legend{font-weight:800;margin-bottom:6px}
.pu-queued{opacity:.85}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--pu-ink);outline-offset:2px}
@media(max-width:420px){.pu-stats{gap:6px}.pu-stat{padding:8px}.pu-preview-grid strong{font-size:22px}.pu-phase-mini{grid-template-columns:1fr}.pu-compare{font-size:13px}.pu-history li{grid-template-columns:1fr auto}.pu-history li span:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.pu-progress i,.pu-switch span,.pu-meter-bar i{transition:none}}
/* Smart self-chosen target ("יעד שבחרת") */
.pu-chosen{font-size:13px;color:var(--pu-ink);background:var(--pu-soft);border-radius:99px;padding:2px 8px}
.pu-self-mark{margin:8px 0;padding:8px 10px;border-radius:10px;background:var(--pu-soft);font-size:14px}
.pu-self-mark.flagged{background:var(--pu-care)}
.pu-self-form label{display:block;font-size:15px}
.pu-self-form input[type=number]{width:100%;max-width:220px;font-size:18px;margin-top:4px}
.pu-target-recommend{display:grid;gap:5px;padding:16px;margin:12px 0 18px;border:1px solid #ecd9e7;border-radius:16px;background:linear-gradient(115deg,#fff4ec,#f6efff)}
.pu-target-recommend small{font-size:13px;color:#705f75;font-weight:700}.pu-target-recommend strong{font-size:28px;color:var(--ink);line-height:1.2}.pu-target-recommend p{font-size:14px;line-height:1.55;margin:2px 0 0}
.pu-self-form label[for=daily-target-slider]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-weight:700}.pu-self-form label[for=daily-target-slider] strong{font-size:23px;color:var(--accent);white-space:nowrap}
.pu-self-form input[type=range]{display:block;width:100%;height:42px;margin:8px 0 0;accent-color:var(--accent);cursor:pointer}.pu-target-scale{display:flex;justify-content:space-between;color:var(--pu-muted);font-size:13px;direction:ltr}.pu-self-form #target-guidance{min-height:3em;margin:12px 0;line-height:1.55}
@media(max-width:650px){.pu-self-form label[for=daily-target-slider]{flex-wrap:wrap}.pu-self-form .pu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pu-self-form .pu-actions button{font-size:14px;padding:11px 7px;min-height:46px}}