.wr-page{max-width:420px;margin:0 auto;padding:32px 20px 64px;text-align:center}.wr-title{font-size:1.4rem;color:var(--gold)}.wr{background:linear-gradient(180deg,#0e1116,#1c2025);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;min-height:420px;display:flex;flex-direction:column;justify-content:space-between}.wr-bars{display:flex;gap:4px}.wr-bars span{flex:1 1;height:3px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden;position:relative}.wr-bars .done,.wr-bars .now:after{background:var(--gold)}.wr-bars .now:after{content:"";position:absolute;inset:0;transform-origin:left;animation:wr-fill 3.5s linear forwards}.wr:focus-within .wr-bars .now:after,.wr:hover .wr-bars .now:after{animation-play-state:paused}@keyframes wr-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wr-slide{animation:wr-in .5s ease both;padding:48px 8px}@keyframes wr-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.wr-label{color:var(--muted);font-size:1.05rem}.wr-value{color:var(--gold);font-size:3.4rem;font-weight:800;line-height:1.1;margin:8px 0;overflow-wrap:anywhere}.wr-sub{font-size:1.15rem}.wr-nav{display:flex;justify-content:space-between}.wr-nav button{background:#242a31;color:var(--text);border:0;border-radius:10px;padding:8px 14px;font:inherit;cursor:pointer}.wr-nav button:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.wr-bars .now:after,.wr-slide{animation:none}.wr-bars .now:after{transform:none}}