.pm-stage{padding:10px}.pm-scene{aspect-ratio:160/96;width:100%;image-rendering:pixelated;box-shadow:0 0 0 1px var(--f-line);border-radius:10px;display:block}.pm-pet{flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 4px 0;display:flex}.pm-name{font:700 15px var(--f-font);color:var(--f-deep)}.pm-lv{color:var(--f-muted);font-size:12px}.pm-wool{background:var(--f-mint);width:90px;height:10px;box-shadow:inset 0 0 0 1px var(--f-line);border-radius:99px;position:relative;overflow:hidden}.pm-wool i{background:repeating-linear-gradient(90deg,#fffdf6 0 4px,#e6e0d2 4px 5px);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 0 0 1px #c9b8a8}.pm-say{min-height:1.4em;color:var(--f-moss);flex:100%;font-size:13px}.pm-timer{text-align:center}.pm-mode{letter-spacing:4px;margin:0}.pm-on[data-kind=break] .pm-mode{color:var(--f-berry-d)}.pm-clock{font:64px/1 var(--f-pixel);color:var(--f-deep);letter-spacing:4px;text-shadow:3px 3px 0 var(--f-mint);margin:2px 0 8px}.pm-on[data-kind=break] .pm-clock{color:#c47a3a}.pm-bar{background:repeating-linear-gradient(90deg, var(--f-mint) 0 14px, #fff 14px 16px);max-width:420px;height:12px;box-shadow:inset 0 0 0 1px var(--f-line);border-radius:4px;margin:0 auto 14px;overflow:hidden}.pm-bar i{background:repeating-linear-gradient(90deg, var(--f-moss) 0 14px, #8cc077 14px 16px);width:0;height:100%;transition:width .25s linear;display:block}.pm-on[data-kind=break] .pm-bar i{background:repeating-linear-gradient(90deg,#e0a93a 0 14px,#f6d76b 14px 16px)}.pm-ctl{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pm-ctl .fz-btn{padding:9px 22px;font-size:15px}.pm-setup{border-top:1px dashed var(--f-line);gap:8px;margin-top:14px;padding-top:12px;transition:opacity .2s;display:grid}.pm-setup.dim{opacity:.55}.pm-note{text-align:center}.pm-tags,.pm-lens,.pm-len{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.pm-lens{color:var(--f-muted);font-size:12px}.pm-len .chip{padding:2px 9px}.pm-snd{align-items:center;gap:4px;margin-left:8px;display:inline-flex}.card h2 .pm-setgoal{margin-left:auto}.pm-toms{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.pm-toms i{background:#eee;border-radius:50% 50% 46% 46%;width:22px;height:22px;position:relative;box-shadow:inset -3px -3px #00000014}.pm-toms i.on{box-shadow:inset -3px -3px 0 #c4503d, 0 0 0 2px color-mix(in srgb, var(--c) 60%, #fff);background:#e2735f}.pm-toms i:before{content:"";background:#7fb56d;border-radius:2px;width:6px;height:4px;position:absolute;top:-3px;left:8px}.pm-stats{background:var(--f-mint);border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:10px;display:grid}.pm-stats .stat b{font-size:15px}.pm-week{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:90px;display:grid}.pm-wk{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.pm-wk i{background:repeating-linear-gradient(transparent 0 3px, #ffffff4d 3px 4px), var(--f-moss);border-radius:3px 3px 0 0;width:60%;min-height:2px}.pm-wk small{color:var(--f-muted);font-size:11px}.pm-wk.now small{color:var(--f-berry-d);font-weight:700}.pm-yarn p{margin:6px 0}.pm-balls{color:var(--f-muted);font-size:13px}.pm-balls .ball{vertical-align:-2px;background:repeating-linear-gradient(45deg,#fffdf6 0 2px,#e6e0d2 2px 3px);border-radius:50%;width:12px;height:12px;margin:0 1px;display:inline-block;box-shadow:0 0 0 1px #c9b8a8}.pm-shear:disabled{filter:grayscale(.8);opacity:.55;cursor:not-allowed}.pm-shop{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:8px;display:grid}.pm-item{box-shadow:0 0 0 1px var(--f-line);background:#fff;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.pm-item p{white-space:nowrap;align-items:center;gap:6px;margin:0;display:flex}.pm-item b{color:var(--f-deep);font-size:14px}.pm-item small{color:var(--f-muted);flex:1;font-size:11px}.pm-item .sw{background:var(--c);border-radius:4px;width:14px;height:14px}.pm-item .chip:disabled{opacity:.45;cursor:not-allowed}.pm-colors{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.pm-col{background:repeating-linear-gradient(45deg, var(--c) 0 3px, color-mix(in srgb, var(--c) 75%, #fff) 3px 5px);width:26px;height:26px;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--f-line);cursor:pointer;border:0;border-radius:50%}.pm-col:hover{transform:scale(1.12)}.pm-log{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pm-log li{border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.pm-log li:hover{background:var(--f-mint)}.pm-log li>i{background:var(--c);border-radius:50%;width:10px;height:10px}.pm-log li span{flex:1;min-width:0}.pm-log li small{color:var(--f-muted);font-size:11px}.pm-log li.quit{opacity:.6}.pm-log li.quit span{text-decoration:line-through}@media (width<=560px){.pm-clock{font-size:48px}}
