/* Time leaves each clock and returns to one shared, deliberately compact reserve. */
.time-recovery{--free-fill:0%;position:relative;background:radial-gradient(ellipse at 80% 100%,#284c6940,transparent 75%),#0d192a}
.recovery-rows{padding:0 20px}.recovery-row{position:relative;padding:10px 0 11px;border-bottom:1px solid #a9c9ff19}.recovery-row:last-child{border-bottom:0}
.recovery-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aec6e2;font-size:11px;line-height:1.3}
.recovery-button{flex-shrink:0;display:flex;align-items:center;gap:9px;justify-content:center;min-width:91px;min-height:30px;padding:5px 9px;border:1px solid #a8ccf53a;border-radius:5px;background:#a4c8f211;color:#d3e7ff;font:inherit;font-size:10px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.recovery-button:hover:not(:disabled){background:#b8d9ff24;border-color:#a8ccf585}.recovery-button:focus-visible,.recovery-reset:focus-visible{outline:2px solid #cee5ff;outline-offset:3px}.recovery-button:disabled{color:#95cbbd;border-color:#9dccbc2b;background:#89c8b309;cursor:default}
.recovery-comparison{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;min-height:45px;margin-top:3px}.recovery-before,.recovery-after{display:flex;justify-content:center;align-items:center;gap:11px;min-width:0;transition:opacity .8s,color .8s;position:relative}
.recovery-comparison strong{font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:450}.recovery-before{color:#c6d9ef}.recovery-after{color:#acdcca;opacity:.28}.recovery-arrow{color:#6684a5;text-align:center;font-size:21px;transition:color .6s,transform .6s}.is-reclaimed .recovery-arrow{color:#b9d9fa;transform:translateX(2px)}
.recovery-comparison svg{width:39px;height:39px;flex-shrink:0;overflow:visible;fill:none}.clock-outline{stroke:currentColor;stroke-width:.7;opacity:.22}.clock-ticks{stroke:currentColor;stroke-width:1;opacity:.55}.clock-dial{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:24px 24px;transition:stroke-dashoffset 1.05s cubic-bezier(.2,.75,.2,1),opacity .8s}.clock-hand{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform-origin:24px 24px;transition:transform 1.05s cubic-bezier(.2,.75,.2,1)}.clock-hub{fill:currentColor;stroke:none}
.recovery-after .clock-dial{stroke-dashoffset:87}.recovery-after .clock-hand{transform:rotate(35deg)}.is-reclaimed .recovery-before{color:#7b97b7;opacity:.55}.is-reclaimed .recovery-before .clock-dial{stroke-dashoffset:92}.is-reclaimed .recovery-before .clock-hand{transform:rotate(720deg)}.is-reclaimed .recovery-after{opacity:1}.is-reclaimed .recovery-after svg{filter:drop-shadow(0 0 6px #96dcc03c)}
.recovery-transfer{position:absolute;right:5px;top:54px;width:2px;height:15px;border-radius:2px;background:#bbe4ff;opacity:0;box-shadow:0 0 10px #85c9ff;pointer-events:none}.is-reclaimed .recovery-transfer{animation:reclaimed-time .75s cubic-bezier(.35,.05,.7,.5) both}@keyframes reclaimed-time{0%{opacity:0;transform:translateY(-5px) scaleY(.3)}25%{opacity:.8}100%{opacity:0;transform:translateY(48px) scaleY(1.5)}}
.free-time{padding:12px 20px 18px;border-top:1px solid #a9c9ff25;background:linear-gradient(110deg,#172b41a6,#102339b3)}.free-time-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.free-time-heading>span:first-child{display:flex;align-items:center;gap:7px}.free-time-heading svg{width:19px;height:19px;fill:none;color:#bcdcff}.free-time-heading strong{font-size:12px;font-weight:550;letter-spacing:-.01em;color:#cfe4ff}.free-time-state{margin-left:auto;font-size:9px;color:#819fbf;transition:color .6s}.recovery-reset{border:0;background:none;color:#8cabc9;font-size:17px;line-height:1;padding:3px;cursor:pointer}.recovery-reset:disabled{opacity:.3;cursor:default}
.free-time-meter{position:relative;height:24px;margin-right:10px}.free-time-track{position:absolute;inset:0;overflow:hidden;border:1px solid #a9c9ff36;border-radius:5px;background:#081421;box-shadow:inset 0 2px 9px #0005}.free-time-fill{height:100%;width:var(--free-fill);background:linear-gradient(90deg,#36567e,#82b9d4 75%,#b4e5d7);border-radius:3px;box-shadow:0 0 18px #88bbdb4d;transition:width 1s cubic-bezier(.2,.75,.2,1);position:relative}.free-time-fill>span{position:absolute;right:0;top:0;bottom:0;width:2px;background:#e4fff2;box-shadow:0 0 8px #d5ffed}.free-time-marks{position:absolute;inset:2px;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),#0b1d3770 calc(5% - 1px) 5%);pointer-events:none}
.free-time-overflow{position:absolute;inset:0;pointer-events:none}.free-time-overflow i{position:absolute;right:0;top:5px;width:15px;height:15px;color:#b3e9dc;opacity:0}.free-time-overflow svg{width:100%;height:100%;fill:none}.is-abundant .free-time-state{color:#b0e3d2}.is-abundant .free-time-track{border-color:#a8e1d091;box-shadow:0 0 15px #8ed8c02a}.is-abundant .free-time-overflow i{animation:free-time-spill 1.1s cubic-bezier(.12,.6,.4,1) both;animation-delay:calc(.6s + var(--i)*60ms)}@keyframes free-time-spill{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:.95}75%{opacity:.7}100%{opacity:0;transform:translate(calc(15px + var(--i)*3px),var(--y)) rotate(calc(var(--r)*55deg)) scale(.7)}}
.is-abundant .free-time-meter:after{content:'';position:absolute;right:-12px;top:4px;bottom:4px;width:18px;background:linear-gradient(90deg,#b2e5d795,transparent);border-radius:0 50% 50% 0;box-shadow:0 0 12px #a1dfc938;animation:free-time-edge .7s ease-out .65s both}@keyframes free-time-edge{from{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:1;transform:scaleX(1)}}
.recovery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){.recovery-rows{padding:0 14px}.recovery-row{padding:10px 0}.recovery-row-top{font-size:11px}.recovery-button{min-height:35px;min-width:82px;font-size:10px;padding-inline:7px}.recovery-comparison{min-height:43px}.recovery-comparison strong{font-size:25px}.recovery-comparison svg{width:34px;height:34px}.recovery-before,.recovery-after{gap:8px}.free-time{padding:12px 14px 16px}.free-time-heading strong{font-size:12px}.free-time-state{font-size:9px}.free-time-heading{gap:7px}}
@media(prefers-reduced-motion:reduce){.time-recovery *{animation:none!important;transition:none!important}.is-abundant .free-time-meter:after{opacity:1}}.motion-paused .time-recovery *{animation:none!important;transition:none!important}.motion-paused .is-abundant .free-time-meter:after{opacity:1}

/* One continuously highlighted clock anchors the shift from work to reclaimed time. */
.recovery-comparison{grid-template-columns:40px minmax(0,1fr) 16px minmax(0,1fr);gap:8px;max-width:326px;min-height:45px;margin:5px auto 0}
.recovery-clock{display:flex;align-items:center;justify-content:center;color:#c6d9ef;filter:drop-shadow(0 0 5px #a8cfff26);transition:color 1.05s ease,filter 1.05s ease}.recovery-clock .clock-outline{opacity:.55}.recovery-clock .clock-ticks{opacity:.8}
.recovery-before,.recovery-after{transition:transform 1.05s cubic-bezier(.2,.75,.2,1),color 1.05s ease,opacity 1.05s ease}.recovery-before{transform:scale(1.08)}.recovery-after{transform:scale(.8);opacity:.35}
.is-reclaimed .recovery-before{transform:scale(.82);opacity:.55}.is-reclaimed .recovery-after{transform:scale(1.08);opacity:1}.is-reclaimed .recovery-clock{color:#acdcca;filter:drop-shadow(0 0 7px #9ee9cc45)}.is-reclaimed .recovery-clock .clock-dial{stroke-dashoffset:0}.is-reclaimed .recovery-clock .clock-hand{transform:rotate(720deg)}
@media(max-width:760px){.recovery-comparison{grid-template-columns:34px minmax(0,1fr) 14px minmax(0,1fr);gap:5px;max-width:290px}.recovery-button{min-width:96px}.recovery-row-top{gap:6px}.recovery-comparison strong{font-size:24px}}