:root{color:#5e5345;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--page-left:max(24px, calc(var(--safe-left) + 16px));--page-right:max(24px, calc(var(--safe-right) + 16px));background:#fff;font-family:PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:2px solid #b28c60}.app-shell{height:100svh;min-height:360px;padding:var(--safe-top) var(--page-right) var(--safe-bottom) var(--page-left);grid-template-rows:auto minmax(0,1fr);display:grid}.progress{text-align:center;padding-top:clamp(52px,8svh,72px)}.progress-label{color:#82796c;letter-spacing:.1em;margin:0 0 8px;font-size:12px}.count-anchor{display:inline-block;position:relative}.counter-button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;display:block}.counter-button:disabled{cursor:default;opacity:1}.progress-total{font-size:min(51px, calc((100vw - var(--page-left) - var(--page-right)) / var(--count-digits,1) / .65));font-variant-numeric:tabular-nums;font-weight:400;line-height:1.2;display:block}.count-correction{color:#6c655c;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:48px;margin-left:-24px;font-size:21px;line-height:1.2;position:absolute;bottom:calc(100% + 28px);left:50%}.storage-status{color:#876b58;overflow-wrap:anywhere;max-width:320px;margin:12px auto 0;font-size:13px;line-height:1.7}.storage-status p{margin:0 0 6px}.storage-status button{color:#625a50;cursor:pointer;background:#faf7f0;border:1px solid #d8cdbd;border-radius:10px;min-width:64px;min-height:44px;padding:6px 14px}.character-stage{justify-content:center;align-items:flex-end;min-width:0;min-height:0;padding:54px 0 clamp(24px,5svh,44px);display:flex;position:relative}.character-button{min-width:0;max-width:100%;height:100%;max-height:535px;aspect-ratio:var(--character-aspect-ratio);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;display:block}.character-button:disabled{cursor:default;opacity:1}.character-art{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:100%;height:100%;max-height:535px;display:block;position:relative}.character-fallback{object-fit:contain;width:100%;height:100%;display:block}.character-rig{transform:translate(-50%, -50%) scale(var(--character-scale,0));transform-origin:50%;pointer-events:none;position:absolute;top:50%;left:50%}.character-layer,.character-idle,.character-upper,.character-shadow-clip{width:100%;height:100%;position:absolute;inset:0}.character-layer{max-width:none}.character-visual{opacity:0}.character-visual.is-visible{opacity:1}.character-shadow-clip{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.character-status{text-align:center;color:#82796c;font-size:12px;line-height:1.5;position:absolute;bottom:0;left:0;right:0}.character-status button{color:#625a50;cursor:pointer;background:#faf7f0;border:0;border-radius:8px;min-width:64px;min-height:44px;margin-left:8px;padding:4px 8px}.backup-status{color:#82796c;text-align:center;overflow-wrap:anywhere;max-width:320px;margin:0 auto;font-size:12px;line-height:1.6;position:absolute;top:6px;left:0;right:0}.backup-status[data-kind=error]{color:#876b58}.pwa-status-stack{z-index:2;bottom:calc(var(--safe-bottom) + 10px);left:var(--page-left);right:var(--page-right);width:calc(100vw - var(--page-left) - var(--page-right));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.offline-status,.version-status{color:#625a50;overflow-wrap:anywhere;pointer-events:auto;background:#faf7f0;border:1px solid #e4dcd1;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;width:fit-content;min-width:0;max-width:min(360px,100%);margin:0 auto;padding:8px 12px;font-size:12px;line-height:1.6;display:flex}.offline-status>span,.version-status>span{min-width:0;max-width:100%}.offline-status[hidden],.version-status[hidden]{display:none}.offline-status button,.version-status button{min-width:72px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px}.version-status button:disabled{opacity:.55;cursor:default}.restore-dialog{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);width:min(360px, calc(100vw - var(--page-left) - var(--page-right)));max-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 32px);color:#5e5345;overflow-wrap:anywhere;background:#fff;border:1px solid #e4dcd1;border-radius:16px;margin:auto;padding:24px;font-size:14px;line-height:1.6;overflow:auto}.restore-dialog::backdrop{background:#32281e47}.restore-dialog h2{margin:0 0 16px;font-size:20px;font-weight:500}.restore-file{margin:0 0 4px}.restore-date{color:#82796c;margin:0;font-size:12px}.restore-totals{gap:12px;margin:20px 0;display:grid}.restore-totals div{gap:2px;display:grid}.restore-totals dt{color:#82796c;font-size:12px}.restore-totals dd{font-size:min(24px, calc((100vw - var(--page-left) - var(--page-right) - 50px) / var(--restore-count-digits,1) / .65));font-variant-numeric:tabular-nums;margin:0}.restore-dialog>p:last-of-type{margin:0 0 20px}.restore-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.restore-actions button{min-height:44px;color:inherit;cursor:pointer;background:#fff;border:1px solid #d8cdbd;border-radius:10px;padding:8px 16px}.restore-actions [data-restore=confirm]{background:#f5efe5}.speech-bubble{z-index:1;color:#625a50;text-align:center;overflow-wrap:anywhere;background:#faf7f0;border:1px solid #d8cdbd;border-radius:19px;width:max-content;padding:13px 14px;font-size:15px;line-height:1.55;display:block;position:absolute}.speech-bubble:before{content:"";background:#faf7f0;border-bottom:1px solid #d8cdbd;border-left:1px solid #d8cdbd;width:8px;height:12px;position:absolute;bottom:22px;left:-5px;transform:skewY(-35deg)}.speech-bubble[hidden]{display:none}.speech-bubble p{margin:0}.backup-drawer{z-index:1;top:calc(var(--safe-top) + 16px);left:var(--safe-left);width:calc(var(--drawer-distance) + 24px);height:56px;transform:translateX(calc(-1 * var(--drawer-distance)));background:#f8f5ef;border:1px solid #e2dbd0;border-left:0;border-radius:0 14px 14px 0;transition:transform .22s;display:flex;position:fixed}.backup-drawer.is-open{transform:translate(0)}.backup-drawer.is-dragging{transition:none}.backup-tools{order:0;flex:0 0 var(--drawer-distance);align-items:center;gap:6px;padding:5px 6px;display:flex}.backup-tool{color:#8d8273;background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.backup-tool:disabled{opacity:.65}.backup-tool svg{width:21px;height:23px}.drawer-handle{color:#9a8e7c;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:0 0 44px;order:1;align-items:center;width:44px;height:54px;padding:0 0 0 6px;display:flex;position:relative}.drawer-handle:before{content:"";background:#e2dbd0;width:1px;position:absolute;top:10px;bottom:10px;left:0}.drawer-handle svg{width:12px;height:16px}.is-open .drawer-handle svg{transform:rotate(180deg)}.is-dragging .drawer-handle{cursor:grabbing}.backup-drawer svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.backup-drawer{transition:none}}