.pbb-progress{--wp-bg:#faf6ed;--wp-card:#fffdf8;--wp-text:#29251f;--wp-muted:#706552;--wp-gold:#936b23;--wp-line:#ded2ba;--wp-soft:#efe3c5;color:var(--wp-text);-webkit-text-fill-color:var(--wp-text);font-family:Inter,system-ui,sans-serif}
html[data-pbb-theme="dark"] .pbb-progress{--wp-bg:#1c1915;--wp-card:#29241e;--wp-text:#fff6e5;--wp-muted:#d3c4aa;--wp-gold:#efd18c;--wp-line:#786746;--wp-soft:#3c3222}
.pbb-progress button{font:500 14px Inter,system-ui,sans-serif;color:var(--wp-text);-webkit-text-fill-color:var(--wp-text);border:1px solid var(--wp-gold);background:var(--wp-soft);border-radius:12px;padding:12px 16px;min-height:44px;cursor:pointer}
.pbb-progress button:focus-visible{outline:3px solid var(--wp-gold);outline-offset:3px}
.pbb-progress-attachment{margin-top:14px;padding:14px;border:1px solid var(--wp-line);border-radius:14px;background:var(--wp-bg)}
.pbb-progress-attachment-title{display:block;font-size:14px;line-height:1.5}
.pbb-progress .pbb-progress-link{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;white-space:normal}
#pbb-weekly-progress-view{position:fixed;inset:0;z-index:300500;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--wp-bg);overflow:hidden;box-sizing:border-box}
.pbb-progress-header{flex:none;position:relative;border-bottom:1px solid var(--wp-gold);padding:calc(20px + var(--wp-safe-top,env(safe-area-inset-top,0px))) 64px 24px 24px;background:var(--wp-bg)}
.pbb-progress-header h2{max-width:420px;margin:auto;font:400 31px/1.08 Georgia,serif;letter-spacing:-.7px;text-align:left}
.pbb-progress-header h2 span{display:block}
.pbb-progress-header button{position:absolute;right:14px;top:calc(12px + var(--wp-safe-top,env(safe-area-inset-top,0px)));background:transparent;width:44px;height:44px;min-width:44px;padding:0;border:0;font-size:25px;font-weight:400}
.pbb-progress-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 24px calc(32px + var(--wp-safe-bottom,env(safe-area-inset-bottom,0px)));box-sizing:border-box}
.pbb-progress-inner{max-width:420px;margin:auto}
.pbb-progress-title{font:400 31px/1.08 Georgia,serif;margin:0 0 24px}
.pbb-progress-card{padding:23px 0;border-bottom:1px solid var(--wp-line);overflow-wrap:anywhere}
.pbb-progress-card h3{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 4px}
.pbb-progress-comparison{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:10px;align-items:end;margin-top:18px}
.wp-label{font-size:11px;line-height:1.5;letter-spacing:.055em;text-transform:uppercase;color:var(--wp-muted);-webkit-text-fill-color:var(--wp-muted);display:block;margin-bottom:8px;white-space:nowrap}
.wp-slot{height:64px;overflow:hidden}
.wp-value{display:block;font-size:23px;font-weight:500;line-height:31px;white-space:nowrap;color:var(--wp-text);-webkit-text-fill-color:var(--wp-text);transform-origin:left center}
.wp-next{color:var(--wp-gold);-webkit-text-fill-color:var(--wp-gold)}
.wp-weight{display:block;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0}
.wp-weight-change{display:block;position:relative;height:32px;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0}
.wp-weight-change>span{position:absolute;left:0;top:0;display:block}
.wp-weight-notice{font-size:11px;line-height:14px;font-weight:500;white-space:normal;color:var(--wp-gold);-webkit-text-fill-color:var(--wp-gold);visibility:hidden}
.wp-old-weight,.wp-weight-notice{opacity:0}
.wp-arrow{position:relative;display:block;height:64px;width:48px;color:var(--wp-gold)}
.wp-arrow-line{position:absolute;left:2px;top:15px;width:40px;height:1.5px;background:currentColor}
.wp-arrow-tip{position:absolute;right:6px;top:11px;width:10px;height:10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.wp-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.pbb-progress-demo{font-size:11px;color:var(--wp-muted);-webkit-text-fill-color:var(--wp-muted)}
.pbb-progress .wp-replay{font-size:12px;border:0;background:transparent;color:var(--wp-gold);-webkit-text-fill-color:var(--wp-gold);padding:8px 0}
.wp-motion .wp-value,.wp-motion .wp-exercise{opacity:0;transform:translateY(12px);clip-path:inset(100% 0 0)}
.wp-motion .wp-arrow{opacity:0;clip-path:inset(0 100% 0 0)}
.wp-playing .wp-exercise{animation:wp-number-in .5s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--wp-row)*4.5s + .15s)}
.wp-playing .wp-current{animation:wp-number-in .55s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--wp-row)*4.5s + .85s)}
.wp-playing .wp-arrow{animation:wp-arrow-draw .65s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(var(--wp-row)*4.5s + 1.5s)}
.wp-playing .wp-next{animation:wp-number-in .6s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--wp-row)*4.5s + 2.2s)}
.wp-motion .wp-new-weight{opacity:0;transform:translateY(-12px)}
.wp-playing .wp-old-weight{animation:wp-weight-away .75s ease both;animation-delay:calc(var(--wp-row)*4.5s + 2.2s)}
.wp-playing .wp-weight-notice{animation:wp-weight-notice .85s ease both;animation-delay:calc(var(--wp-row)*4.5s + 2.85s)}
.wp-playing .wp-new-weight{animation:wp-weight-drop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--wp-row)*4.5s + 3.7s)}
@keyframes wp-number-in{from{opacity:0;transform:translateY(12px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes wp-arrow-draw{0%{opacity:0;clip-path:inset(0 100% 0 0)}15%{opacity:1}100%{opacity:1;clip-path:inset(0)}}
@keyframes wp-weight-away{0%,65%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-7px)}}
@keyframes wp-weight-notice{0%{visibility:hidden;opacity:0;transform:translateY(5px)}1%{visibility:visible;opacity:0}20%,72%{visibility:visible;opacity:1;transform:translateY(0)}100%{visibility:hidden;opacity:0;transform:translateY(-5px)}}
@keyframes wp-weight-drop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.wp-value.wp-plain{font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.wp-slot:has(.wp-plain){height:auto;min-height:64px}
@media(max-width:800px){#pbb-weekly-progress-view{--wp-safe-top:max(42px,var(--pbb-replay-safe-top,env(safe-area-inset-top,0px)));--wp-safe-bottom:max(24px,var(--pbb-replay-safe-bottom,env(safe-area-inset-bottom,0px)))}}
@media(max-height:450px) and (orientation:landscape){#pbb-weekly-progress-view{--wp-safe-top:max(24px,var(--pbb-replay-safe-top,env(safe-area-inset-top,0px)))}}
@media(max-width:380px){.pbb-progress-header{padding-left:20px}.pbb-progress-header h2{font-size:28px}.pbb-progress-body{padding-left:20px;padding-right:20px}.pbb-progress-comparison{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:6px}.wp-arrow{width:38px}.wp-arrow-line{width:30px}.wp-value{font-size:22px}}
@media(prefers-reduced-motion:reduce){.wp-value,.wp-arrow,.wp-exercise{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}.wp-old-weight,.wp-weight-notice{display:none!important}.wp-new-weight{animation:none!important;opacity:1!important;transform:none!important}}