:root{--num: "Bebas Neue", "Noto Sans TC", system-ui, sans-serif;--glass: rgba(255, 255, 255, .62);--glass-line: rgba(23, 78, 118, .1);--soft-shadow: 0 8px 24px rgba(23, 78, 118, .08)}body{background:#eaf2f9}@property --c{syntax: "<color>"; inherits: true; initial-value: #2b99ff;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #2b99ff;}.sk-half{transition:--c .5s ease,--c2 .5s ease}.sk-half,.lc{--ink-c: color-mix(in srgb, var(--c) 45%, #0c2033)}.sc{position:relative;margin:12px 0 0;height:calc(100svh - 80px - env(safe-area-inset-top));min-height:540px;max-height:840px;display:grid;grid-template-rows:1fr 1fr;gap:10px}.sk-half{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;padding:16px 18px 20px;border-radius:28px;background:color-mix(in srgb,var(--c) 7%,#fff);border:1px solid color-mix(in srgb,var(--c) 20%,#fff);box-shadow:0 12px 32px color-mix(in srgb,var(--c) 12%,transparent),inset 0 1px #ffffffe6}.sk-sil{--r: 35deg;position:absolute;z-index:-1;opacity:.13;transform:translate(-50%,-50%) rotate(var(--r));animation:sk-sway 7s ease-in-out infinite alternate;pointer-events:none}@keyframes sk-sway{0%{transform:translate(-50%,-50%) rotate(var(--r))}to{transform:translate(-50%,calc(-50% - 8px)) rotate(calc(var(--r) + 4deg))}}.sk-fill{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--c) 10%,transparent);transform:translate(-100%);transition:transform .8s cubic-bezier(.34,1.3,.64,1);will-change:transform}.sk-shine{position:absolute;top:0;bottom:0;left:0;width:30%;background:#fff9;transform:translate(-120%) skew(-20deg)}.sk-float{position:absolute;z-index:3;pointer-events:none;font:400 38px/1 var(--num);letter-spacing:1px;color:var(--c);text-shadow:0 2px 0 #fff,0 0 14px rgba(255,255,255,.95);white-space:nowrap}.sk-confetti{position:absolute;z-index:3;width:8px;height:12px;border-radius:2px;pointer-events:none}@media (prefers-reduced-motion: reduce){.sk-fill{transition:none}.sk-sil{animation:none}}.sk-name,.sk-main,.sk-quick{position:relative}.sk-name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:.5px;color:var(--ink-c)}.sk-name:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--c) 55%,var(--c2) 55%);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent);margin:0 4px}.sk-name em{font-style:normal;font-size:12px;color:var(--on);background:var(--c);border-radius:999px;padding:3px 10px;box-shadow:0 4px 12px color-mix(in srgb,var(--c) 40%,transparent)}.sk-main{display:grid;grid-template-columns:64px 1fr 64px;align-items:center}.sk-num{display:block;text-align:center;font:400 clamp(128px,40vw,200px)/.82 var(--num);padding-top:.08em;color:var(--ink-c);font-variant-numeric:tabular-nums;letter-spacing:1px;will-change:transform;transition:opacity .25s ease}.sk-num.zero{opacity:.22}.sk-pm{width:64px;height:64px;border:1px solid color-mix(in srgb,var(--c) 22%,#fff);border-radius:50%;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 16px color-mix(in srgb,var(--c) 14%,transparent),inset 0 1px #fff;color:var(--ink-c);font:300 38px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sk-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sk-quick button{height:46px;border:1px solid color-mix(in srgb,var(--c) 22%,#fff);border-radius:999px;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px color-mix(in srgb,var(--c) 10%,transparent),inset 0 1px #fff;color:var(--ink-c);font:400 24px/1 var(--num);letter-spacing:1px;padding-top:3px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sk-pm,.sk-quick button{transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .15s ease,color .15s ease,box-shadow .15s ease}.sk-pm:active,.sk-quick button:active{transform:scale(.88)}.sk-pm:active,.sk-quick button:active{background:var(--c);border-color:var(--c);color:var(--on);box-shadow:0 6px 18px color-mix(in srgb,var(--c) 40%,transparent)}.sk-reset{position:absolute;left:50%;top:50%;z-index:2;width:52px;height:52px;margin:-26px 0 0 -26px;border:1px solid var(--glass-line);border-radius:50%;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--brand-ink);display:grid;place-items:center;box-shadow:0 8px 22px #174e7629;cursor:pointer}.sk-reset svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sk-bar{display:grid;gap:8px;margin-top:16px}.sk-row{display:flex;align-items:center;gap:10px}.sk-seg{--i: 0;position:relative;flex:1;display:grid;grid-template-columns:repeat(var(--k),1fr);gap:4px;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--soft-shadow)}.sk-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px - (var(--k) - 1) * 4px) / var(--k));border-radius:999px;background:var(--pd-blue);box-shadow:0 6px 16px #2b99ff59;transform:translate(calc(var(--i) * (100% + 4px)));transition:transform .5s cubic-bezier(.34,1.4,.64,1)}.sk-seg button{position:relative;border:0;border-radius:999px;padding:9px 4px;font:800 14px var(--sans);color:var(--brand-ink);opacity:.6;background:none;cursor:pointer;transition:color .3s ease,opacity .3s ease,transform .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sk-seg button.on{color:#fff;opacity:1}.sk-seg button:active{transform:scale(.93)}.sk-bar .sk-reset{position:static;margin:0;flex:none;box-shadow:var(--soft-shadow)}.sk-reset[hidden]{display:none}.sk-ico{flex:none;width:52px;height:52px;border:1px solid var(--glass-line);border-radius:50%;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--brand-ink);display:grid;place-items:center;box-shadow:var(--soft-shadow);cursor:pointer}.sk-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sk-reset,.sk-ico{transition:transform .18s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sk-reset:active,.sk-ico:active{transform:scale(.86)}.sk-pack{flex:1;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 10px;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--soft-shadow);color:var(--brand-ink);font:800 14px var(--sans);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sk-pack small{margin-left:auto;font-size:12px;opacity:.55}.sk-pack svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.sk-sw{display:inline-flex;flex:none}.sk-sw i{width:26px;height:26px;border-radius:50%;background:repeating-linear-gradient(-35deg,var(--c) 0 7px,var(--c2) 7px 10px);border:2px solid #fff;box-shadow:0 2px 6px #174e762e}.sk-sw i+i{margin-left:-8px}.sk-sheet{width:min(520px,100%);max-width:100%;max-height:min(80svh,640px);margin:auto auto 0;padding:14px 14px calc(env(safe-area-inset-bottom) + 16px);border:0;border-radius:28px 28px 0 0;background:#f6f9fc;color:var(--brand-ink);box-shadow:0 -12px 40px #174e7633;overflow:auto}.sk-sheet::backdrop{background:#0c203359;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sk-sheet[open]{animation:sk-up .36s cubic-bezier(.2,.8,.3,1)}@keyframes sk-up{0%{transform:translateY(40%);opacity:0}}@media (min-width: 600px){.sk-sheet{margin:auto;border-radius:28px;padding-bottom:16px}}@media (prefers-reduced-motion: reduce){.sk-sheet[open]{animation:none}}.sk-sheet-hd{display:flex;align-items:center;justify-content:space-between;padding:0 2px 10px 8px;font-size:16px}.sk-sheet-x{width:40px;height:40px}.sk-sheet-x:focus:not(:focus-visible){outline:none}.sk-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.sk-packs button{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--glass-line);border-radius:18px;background:#fff;color:var(--brand-ink);text-align:left;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sk-packs button:active{transform:scale(.96)}.sk-packs button[aria-pressed=true]{border-color:var(--pd-blue);box-shadow:0 0 0 2px var(--pd-blue),0 6px 16px #2b99ff33}.sk-pk-l{display:grid;gap:2px;min-width:0}.sk-pk-l b{font:800 14px var(--sans)}.sk-pk-l small{font-size:12px;opacity:.6}.sk-wrap.full .sk-pack-row{display:none}.sc.many{grid-template-rows:repeat(var(--n),1fr);min-height:calc(var(--n) * 196px);max-height:none;height:auto;gap:8px}.sc.many .sk-half{padding:12px 14px 14px;border-radius:24px}.sc.many .sk-main{grid-template-columns:52px 1fr 52px}.sc.many .sk-pm{width:52px;height:52px;font-size:30px}.sc.many .sk-num{font-size:clamp(76px,24vw,112px)}.sc.many .sk-quick button{height:40px;font-size:21px}.sk-tot{margin-left:auto;display:flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:999px;background:#ffffffb3;border:1px solid color-mix(in srgb,var(--c) 20%,#fff);box-shadow:0 4px 12px color-mix(in srgb,var(--c) 10%,transparent);transform-origin:right center}.sk-tot small{font-size:11px;font-weight:800;color:var(--ink-c);opacity:.6;letter-spacing:.5px}.sk-tot b{min-width:38px;padding:4px 8px 1px;border-radius:999px;background:var(--c);color:var(--on);text-align:center;font:400 26px/1 var(--num);letter-spacing:1px;font-variant-numeric:tabular-nums}.sc.many .sk-tot b{font-size:22px;min-width:34px}.sk-float.big{font-size:56px;z-index:4}.sk-settle{position:absolute;left:50%;top:50%;z-index:2;width:96px;height:96px;translate:-50% -50%;border:4px solid #eaf2f9;border-radius:50%;background:var(--pd-blue);color:#fff;display:grid;place-items:center;align-content:center;gap:1px;line-height:1.1;box-shadow:0 12px 30px #2b99ff73;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .3s ease,color .3s ease,box-shadow .3s ease,scale .18s cubic-bezier(.34,1.56,.64,1)}.sk-settle span{font:900 19px var(--sans);letter-spacing:1px}.sk-settle small{font:700 11px var(--sans);opacity:.8}.sk-settle:disabled{background:#ffffffeb;color:var(--mute);box-shadow:0 8px 22px #174e761f;cursor:default}.sk-settle:not(:disabled):active{scale:.9}.sk-settle:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:2px solid var(--pd-blue);opacity:0;pointer-events:none}.sk-settle.ready:after{animation:sk-ring 1.8s cubic-bezier(.2,.7,.3,1) infinite}@keyframes sk-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.55);opacity:0}}@media (prefers-reduced-motion: reduce){.sk-settle.ready:after{animation:none}}.sc.round:not(.many) .sk-half.a{padding-bottom:56px}.sc.round:not(.many) .sk-half.b{padding-top:48px}.sc.many .sk-settle{position:relative;left:auto;top:auto;translate:none;grid-column:1 / -1;width:auto;height:60px;border:0;border-radius:999px;grid-auto-flow:column;gap:10px}.sc.many .sk-settle small{font-size:12px}.sc.many.round{grid-template-rows:repeat(var(--n),1fr) auto}.sk-tie{position:absolute;z-index:4;pointer-events:none;font:900 24px var(--sans);color:#7a5a00;background:#ffe58a;border-radius:999px;padding:4px 18px;white-space:nowrap;box-shadow:0 8px 22px #ffbe2859}.sk-log{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.sk-log[hidden]{display:none}.sk-log li{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--soft-shadow);overflow:hidden}.lr{flex:none;min-width:4.6em;font-size:12px;font-weight:800;color:var(--brand-ink);opacity:.6}.lp{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.lc{display:inline-flex;align-items:center;gap:6px;font:400 24px/1 var(--num);letter-spacing:1px;padding-top:2px;color:var(--ink-c)}.lc i{width:9px;height:9px;border-radius:50%;margin-top:-3px;background:linear-gradient(135deg,var(--c) 55%,var(--c2) 55%);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}.lc b{font:400 17px/1 var(--num);color:var(--on);background:var(--c);border-radius:999px;padding:3px 8px 1px;margin-top:-2px}.lt{font-size:12px;font-weight:800;color:#7a5a00;background:#ffe58a;border-radius:999px;padding:2px 10px}.sk-undo{flex:none;width:40px;height:40px;border:1px solid var(--glass-line);border-radius:50%;background:#fff;color:var(--brand-ink);display:grid;place-items:center;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sk-undo:active{transform:scale(.86)}.sk-undo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}html.sk-lock,html.sk-lock body{overflow:hidden;overscroll-behavior:none}.sk-wrap.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 12px);background:#eaf2f9}.sk-wrap.full .sk-bar{margin:0}.sk-wrap.full .sc{flex:1;min-height:0;max-height:none;height:auto;margin:0}.sk-wrap.full .sk-log{display:none}.sk-wrap.full .sc:not(.many) .sk-num{font-size:clamp(128px,38vmin,320px)}.sk-wrap.full .sc.many .sk-half{padding:8px 12px 10px}.sk-wrap.full .sc.many .sk-num{font-size:clamp(56px,min(22vw,calc((100svh - 220px) / var(--n) * .5)),140px)}.sk-wrap.full .sc.many .sk-quick button{height:36px}.sk-wrap.full .sc.many .sk-settle{height:54px}@media (min-aspect-ratio: 5/4){.sk-wrap.full .sc:not(.many){grid-template-rows:1fr;grid-template-columns:1fr 1fr}.sk-wrap.full .sc.round:not(.many) .sk-half.a{padding-bottom:20px;padding-right:56px}.sk-wrap.full .sc.round:not(.many) .sk-half.b{padding-top:16px;padding-left:56px}.sk-wrap.full .sc.many{grid-template-columns:repeat(var(--n),1fr);grid-template-rows:1fr}.sk-wrap.full .sc.many.round{grid-template-rows:1fr auto}.sk-wrap.full .sc.many .sk-num{font-size:clamp(72px,26vh,220px)}.sk-wrap.full .sk-bar{grid-template-columns:1fr 1fr}}
