:root{--yellow:#ffd63c;--green:#86ee5c;--red:#ff7a7a;--blue:#4c8dff;--g-yellow:linear-gradient(150deg, #fff04d, #ffa62e);--g-green:linear-gradient(150deg, #b6fb5c, #34cf74);--g-blue:linear-gradient(150deg, #4facfe, #3b4fd8);--gt-yellow:linear-gradient(180deg, #fff04d, #ffa62e);--gt-blue:linear-gradient(180deg, #4facfe, #3b4fd8);--on:#fff;--accent:#34cf74;--accent-g:linear-gradient(150deg, #b6fb5c, #34cf74);--dark:#17181c;--tabbar:#111216;--pill:#2b2d34;--list-bg:#111216;--list-head:#17181c;--section:#1f2026;--sep:#25262c;--grey-text:#7c7c7c;--font:"Bebas Neue", "Oswald", "Arial Narrow", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--head-h:64.5px;--rb:46px;--ecc:#ff6a5e;--g-ecc:linear-gradient(150deg, #ff7466, #e33a50);--conc:var(--blue);--x:#ff2d3a;--g-x:linear-gradient(150deg, #ff4a42, #e0102a);--pause:#8a8d96;--empty:var(--dark);--idle:var(--yellow);--btn:#25272e;--side:#0a0c1052;--pill-ink:#34363d;--btn-ink:#fff;--tab-h:53.5px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Bebas Neue;src:url(./BebasNeue-Bold-BNACCf4z.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:block}@font-face{font-family:Bebas Neue Saisie;src:url(./BebasNeue-Bold-Saisie-Dhe7f3tu.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:block}:root[data-flat=true]{--g-yellow:#ffd63c;--g-green:#34cf74;--g-ecc:#e33a50;--g-blue:#4c8dff;--g-x:#e0102a;--gt-yellow:#ffa62e;--gt-blue:#4c8dff}*,:before,:after{box-sizing:border-box}html,body{background:var(--tabbar);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:#fff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;font-weight:400}button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.icon{width:100%;height:100%;display:block;overflow:visible}#app{background:var(--tabbar);flex-direction:column;display:flex;position:fixed;inset:0}#screen{flex:auto;min-height:0;position:relative;overflow:hidden}.t1{white-space:nowrap;line-height:1}.tabbar{height:var(--tab-h);background:var(--tabbar);z-index:5;flex:none;justify-content:center;padding:0 12px;display:flex;position:relative}.tab{max-width:260px;height:var(--tab-h);color:#8e8e8e;flex:1 1 0;position:relative}.tab.is-active{color:#fff}.tab:before{content:"";background:var(--pill);opacity:0;border-radius:17px;height:34px;margin-top:-17px;position:absolute;top:50%;left:6px;right:6px}.tab.is-active:before{opacity:1}.tab .tab-label{text-align:center;font-size:19px;position:absolute;top:calc(50% - .4em);left:0;right:0}.timer{background:var(--dark);flex-direction:column;display:flex;position:absolute;inset:0}.t-head{height:calc(var(--head-h) + var(--safe-top));padding-top:var(--safe-top);background:var(--dark);color:#fff;z-index:2;flex:none;position:relative;box-shadow:inset 0 -.5px #00001f}.t-head .icon-btn{top:calc(var(--safe-top) + (var(--head-h) - var(--rb)) / 2);width:var(--rb);height:var(--rb);background:var(--btn);color:var(--btn-ink);border-radius:50%;place-items:center;transition:color .2s;display:grid;position:absolute}.t-head .icon-btn.is-on{color:var(--green)}.t-head .icon-btn .icon{width:27px;height:27px}.t-head .btn-settings{left:calc(12px + var(--safe-left))}.t-head .btn-edit{left:calc(12px + var(--rb) + 12px + var(--safe-left))}.t-head .btn-list{left:auto;right:calc(12px + var(--rb) + 12px + var(--safe-right))}.t-title{left:calc(var(--safe-left) + 28px + 2 * var(--rb));right:calc(var(--safe-right) + 28px + 2 * var(--rb));top:var(--safe-top);height:var(--head-h);text-align:center;pointer-events:none;position:absolute;overflow:hidden}.t-name,.t-total{left:0;right:0;top:calc(var(--head-h) / 2 - .4em);transition:transform .35s cubic-bezier(.3,0,.2,1);position:absolute}.t-name{white-space:nowrap;text-overflow:ellipsis;margin-top:-.2em;padding-top:.2em;font-size:20px;overflow:hidden}.t-total{transform:translateY(var(--head-h));font-size:20px}.t-title.is-total .t-name{transform:translateY(calc(-1 * var(--head-h)))}.t-title.is-total .t-total{transform:none}@media (prefers-reduced-motion:reduce){.t-name,.t-total{transition:none}}.reset-btn{right:calc(12px + var(--safe-right));top:calc(var(--safe-top) + (var(--head-h) - var(--rb)) / 2);width:var(--rb);height:var(--rb);background:var(--btn);color:var(--btn-ink);z-index:3;border-radius:50%;place-items:center;display:grid;position:absolute}.reset-btn .icon{width:27px;height:27px}.t-body{touch-action:none;flex:auto;grid-template:"main"388fr"next"194fr"ctrl"350fr/100%;min-height:0;display:grid;position:relative}.timer[data-mode=tempo] .t-body{transition:grid-template-rows .35s cubic-bezier(.25,1,.5,1)}.timer.is-tall .t-body{grid-template-rows:582fr 0fr 350fr}.ref-out{pointer-events:none;animation:.15s forwards ref-out}.ref-wait{opacity:0}.ref-in{animation:.35s ref-in}@keyframes ref-out{to{opacity:0}}@keyframes ref-in{0%{opacity:0}}.panel{min-width:0;min-height:0;color:var(--ink,#000);--k:1;position:relative;overflow:hidden}.s-wrap{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.timer.is-active .s-full{display:block}.s-wrap{animation:1.5s s-in}@keyframes s-in{0%{opacity:0}}.timer.is-active .s-refl{display:block;-webkit-mask-image:linear-gradient(#000,#0000008c 14%,#0003 27%,#0000000d 35%,#0000 40%);mask-image:linear-gradient(#000,#0000008c 14%,#0003 27%,#0000000d 35%,#0000 40%)}.s-refl .stripes{top:calc(-1 * var(--above,0px) - var(--sy))}.stripes{--sx:calc(var(--sw,70px) * 2 / .9397);--sy:calc(var(--sw,70px) * 2 / .342);inset:calc(-1 * var(--sy)) calc(-1 * var(--sx));background:repeating-linear-gradient(110deg, #ffffff21 0 var(--sw,70px), transparent var(--sw,70px) calc(2 * var(--sw,70px)));animation:4s linear infinite paused stripes;position:absolute}.timer.is-running .stripes{animation-play-state:running}@keyframes stripes{to{transform:translateX(var(--sx))}}@media (prefers-reduced-motion:reduce){.stripes{animation:none}}.fade{opacity:0;pointer-events:none;position:absolute;inset:0}.fade.on{animation:1.5s forwards fade-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.panel-main{background:var(--phase-bg,var(--g-yellow));grid-area:main}.panel-next{background:var(--phase-bg,var(--g-green));grid-area:next}.panel-main .ref,.panel-next .ref{text-shadow:0 2px 12px #0000002e}.panel[data-tone=light] .ref{text-shadow:0 1px 6px #0003}.panel-ctrl{--pk:calc(var(--k) * 1.244);background:var(--dark);color:#fff;grid-area:ctrl;box-shadow:inset 0 .5px #000020}.ref{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-main .ref{width:calc(785px * var(--k));height:calc(388px * var(--k))}.timer.is-tall .panel-main .ref{height:calc(582px * var(--k))}.panel-next .ref{width:100%;height:calc(194px * var(--k))}.panel-ctrl .ref{width:calc(785px * var(--k));height:calc(350px * var(--k))}.panel-main .ref,.panel-next .ref{flex-direction:column;justify-content:center;align-items:center;display:flex}.p-label,.p-time{text-align:center;white-space:nowrap;margin-top:-.05em;margin-bottom:-.25em;line-height:1}.p-label{margin-bottom:.17em}.colon{position:relative;top:-.107em}.panel-main .p-label{font-size:var(--label-size,calc(52px * var(--k)));margin-bottom:.45em}.panel-main .p-time{font-size:var(--time-size,calc(330px * var(--k)))}.panel-next .p-label,.t-name{letter-spacing:-.012em}.panel-next .p-label{font-size:calc(var(--pill-size,calc(35px * var(--k))) * .57)}.panel-next .ref{grid-template-rows:1fr auto 1fr;place-items:center;display:grid;position:relative}.panel-next .p-time{transition:font-size .35s ease var(--grow-delay,0s);grid-row:2}.panel-next .p-label{opacity:0;pointer-events:none;grid-row:3;align-self:start;margin:.35em 0 0;transition:opacity .25s}.panel-next.is-hint .p-label{opacity:1}.n-side{opacity:0;visibility:hidden;transition:opacity .15s var(--side-delay,0s), visibility .15s var(--side-delay,0s);position:absolute;top:50%;transform:translateY(-50%)}.panel-next.has-sides .n-side{opacity:1;visibility:visible}.n-side-l{left:var(--gap,12px)}.n-side-r{right:var(--gap,12px)}.n-pill{text-align:center;background:var(--side);color:#fff;width:2.741em;line-height:1.455;font-size:var(--pill-size,calc(60px * var(--k)));text-shadow:0 1px 3px #0000002e;border-radius:99px;padding:.2em 0 0;position:relative}.timer[data-mode=cycle] .n-pill,.timer[data-mode=cycle] .l-pill{color:var(--pill-ink);text-shadow:none;background:#ffffffd1}.n-pill:before{content:"";position:absolute;inset:-.6em -.25em}.n-lab{font-size:calc(var(--pill-size,35px) * .57);text-align:center;white-space:nowrap;opacity:0;pointer-events:none;margin-top:.35em;line-height:.95;transition:opacity .25s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.n-side.is-hint .n-lab{opacity:1}.panel-next .p-time{font-size:var(--time-size,calc(132px * var(--k)))}.c-col{width:calc(252px * var(--k));position:absolute;top:0;bottom:0}.c-left,.c-right{width:calc(234.5px * var(--k))}.c-left{left:0}.c-mid{left:calc(266.5px * var(--k))}.c-right{left:calc(550.5px * var(--k))}.c-count{left:0;right:0;top:calc(175px * var(--k) - .4em);font-size:calc(220px * var(--k));text-align:center;position:absolute}.c-left .c-count,.c-right .c-count{background:var(--text-bg);color:#0000;-webkit-background-clip:text;background-clip:text}.c-left .c-count{--text-bg:var(--gt-blue)}.c-right .c-count{--text-bg:var(--gt-yellow)}.c-left .c-count.is-wide{transform:translate(-.06em)}.c-right .c-count.is-wide{transform:translate(.04em)}.c-slot{width:100%;position:absolute;inset:0}.c-slot[hidden]{display:none}.play{left:50%;top:calc(175px * var(--k));width:calc(209px * var(--pk));height:calc(209px * var(--pk));margin-left:calc(-104.5px * var(--pk));margin-top:calc(-104.5px * var(--pk));background:0 0;border-radius:50%;transition:transform .12s ease-out;position:absolute}.play.is-pressed{transform:scale(.95)}.play .logo{width:100%;height:100%;position:absolute;inset:0}.play{--ring-a:#ffe94a;--ring-b:#9cf552;--ring-m:#ffe94a}.play[data-ring=green]{--ring-a:#b6fb5c;--ring-b:#34cf74;--ring-m:#86ee5c}.play[data-ring=blue]{--ring-a:#4facfe;--ring-b:#3b4fd8;--ring-m:#4c8dff}.play[data-ring=red]{--ring-a:#ff7466;--ring-b:#e33a50;--ring-m:#ff6a5e}.play[data-ring=gray]{--ring-a:#b3b6bf;--ring-b:#5d6069;--ring-m:#8a8d96}.play[data-ring=x]{--ring-a:#ff4a42;--ring-b:#e0102a;--ring-m:#ff2d3a}.ring-a{stop-color:var(--ring-a);transition:stop-color .6s}.ring-b{stop-color:var(--ring-b);transition:stop-color .6s}.play-ring{width:100%;height:100%;display:none;position:absolute;inset:0}.play-ring .ring-track,.play-ring .ring-arc{fill:none;stroke-width:22.2px}.ring-track{stroke:var(--pill)}.ring-arc{stroke:url(#ring-arc);stroke-linecap:round;stroke-dasharray:0 1000}.play.is-ring{color:var(--ring-m);transition:color .6s}.play.is-ring .play-ring{display:block}.play .play-face{position:absolute;inset:0}.reset-anim{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.play.is-resetting .play-ring,.play.is-resetting .play-face,.l-play.is-resetting>svg:not(.reset-anim){visibility:hidden}.play .stop-glyph{width:calc(70px * var(--pk));height:calc(70px * var(--pk));margin:calc(-35px * var(--pk)) 0 0 calc(-35px * var(--pk));border-radius:calc(10px * var(--pk));background:currentColor;position:absolute;top:50%;left:50%}.beta-tag{left:50%;top:calc(327.5px * var(--k));z-index:1;color:#fff;font-size:calc(22px * var(--k));text-shadow:none;background:#ffffff24;border-radius:99px;padding:.3em .75em .2em;position:absolute;transform:translate(-50%,-50%)}.beta-tag.is-checking{animation:1s ease-in-out infinite beta-check}.beta-tag.is-new{background:var(--accent)}.beta-tag.is-none{animation:2.5s ease-out forwards beta-none}.beta-tag.is-error{animation:2.5s ease-out forwards beta-error}@keyframes beta-check{50%{opacity:.35}}@keyframes beta-none{6%,35%{background:#e33a50}}@keyframes beta-error{6%,35%{background:#ff9f1c}}.play:active{filter:brightness(.92)}.flash{pointer-events:none;opacity:0;z-index:50;background:#fff;position:fixed;inset:0}.flash.on{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.list-screen{background:var(--list-bg);flex-direction:column;display:flex;position:absolute;inset:0}.l-head{height:calc(70px + var(--safe-top));padding-top:var(--safe-top);background:var(--list-head);z-index:1;flex:none;position:relative}.l-title{left:100px;right:100px;top:calc(var(--safe-top) + 35px - .6em);text-align:center;text-overflow:ellipsis;padding-top:.2em;font-size:26px;position:absolute;overflow:hidden}.l-btn{top:calc(var(--safe-top) + 35px - .4em);height:1em;padding:0;font-size:26px;line-height:1;position:absolute}.l-btn.left{left:calc(16px + var(--safe-left));color:var(--grey-text)}.l-btn.right{right:calc(16px + var(--safe-right))}.l-btn.right,.row.setting .r-value,.row.opt .opt-value,.row.choice.is-selected .c-inner,.ex-card.is-active .ex-name{background:var(--accent-g);color:#0000;-webkit-background-clip:text;background-clip:text;margin-block:-.25em;padding-block:.25em}.row.setting .r-value,.row.choice.is-selected .c-inner{padding-top:.3em}.l-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-bottom:24px;overflow-y:auto}.l-section{background:var(--section);color:#9a9ca3;text-align:left;height:74px;padding:calc(37px - .4em) 16px 0;font-size:26px}.row{text-align:left;color:#fff;border-bottom:1px solid var(--sep);grid-template-columns:0 minmax(0,1fr) auto 22px;grid-template-areas:"dot title value chev"".sub value chev";align-content:center;align-items:center;gap:0;width:100%;min-height:74px;padding:0 10px 0 16px;display:grid;position:relative}.row.has-dot{grid-template-columns:30px minmax(0,1fr) auto 22px}.row .r-dot{background:var(--dot);border-radius:50%;grid-area:dot;width:15px;height:15px}.row .r-title{grid-area:title;padding-top:.05em;font-size:26px;line-height:.8}.row .r-sub{color:var(--grey-text);text-overflow:ellipsis;grid-area:sub;min-width:0;margin-top:calc(7px - .2em);margin-bottom:-.2em;padding-block:.2em;font-size:16px;line-height:.8;overflow:hidden}.row .r-value{grid-area:value;padding-top:.05em;padding-left:12px;font-size:44px;line-height:.8}.row .r-chev{color:#6d6d6d;grid-area:chev;justify-self:end;width:8px;height:14px}.sv-row{text-align:left;color:#fff;border-bottom:1px solid var(--sep);grid-template-columns:minmax(0,1fr) 34px;grid-template-areas:"name icon""sub icon";align-content:center;align-items:center;column-gap:12px;width:100%;min-height:74px;padding:10px 21.5px 10px 16px;display:grid}.sv-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;margin-block:-.2em;padding:.25em 0 .2em;font-size:26px;line-height:.8;overflow:hidden}.sv-sub{color:var(--grey-text);white-space:nowrap;text-overflow:ellipsis;grid-area:sub;margin-top:calc(7px - .2em);margin-bottom:-.2em;padding-block:.2em;font-size:16px;line-height:.8;overflow:hidden}.sv-sub .dot{vertical-align:.27em;background:currentColor;border-radius:50%;width:.2em;height:.2em;margin:0 .4em;display:inline-block}.sv-icon{color:#4a4c55;grid-area:icon;width:34px;height:34px}.sv-icon .icon{width:100%;height:100%}.sv-row.is-active .sv-icon,.sv-row.is-active .sv-name{color:var(--green)}.sv-add{background:var(--btn)}.sv-add .sv-icon{color:#fff}.sv-entry{background:var(--btn);border-bottom:1px solid var(--sep);grid-template-columns:minmax(0,1fr) 34px;align-items:center;column-gap:12px;height:74px;padding-right:21.5px;display:grid}.sv-field{color:#fff;caret-color:#fff;width:100%;height:100%;font-family:"Bebas Neue Saisie", var(--font);text-align:left;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;outline:none;padding:0 0 0 16px;font-size:26px;line-height:1;display:block}.sv-ok{width:34px;height:34px;color:var(--green)}.sv-ok .icon{width:100%;height:100%}.sv-field:focus-visible{outline:none}.sv-field::placeholder{color:#6d6f76}.drop{z-index:3;pointer-events:none;grid-area:1/1/4;position:relative;overflow:hidden}.drop-sheet{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:var(--list-bg);will-change:transform;visibility:hidden;transition:transform .3s cubic-bezier(.55,0,.75,.2),visibility 0s .3s;position:absolute;inset:0;overflow-y:auto;transform:translateY(-100%)}.drop.is-open{pointer-events:auto}.drop.is-open .drop-sheet{visibility:visible;transition:transform .35s cubic-bezier(.25,1,.5,1);transform:none}.drop-page{padding-bottom:24px}@media (prefers-reduced-motion:reduce){.drop-sheet,.drop.is-open .drop-sheet{transition:none}}.ex-section{position:relative}.ex-edit{color:#fff;width:34px;height:34px;margin-top:-17px;position:absolute;top:50%;right:21.5px}.ex-edit.on{color:var(--red)}.ex-edit .icon,.ex-check .icon,.ex-del .icon{width:100%;height:100%}.ex-card{border-bottom:.5px solid var(--sep);margin:0 9.5px;position:relative}.ex-pick{text-align:left;width:100%;height:124px;display:block;position:relative}.ex-name{text-overflow:ellipsis;max-width:80%;padding-block:.2em;font-size:21px;position:absolute;top:calc(16px - .25em);left:4.5px;overflow:hidden}.ex-grid{grid-template-columns:92px 64px 104px auto;row-gap:7px;font-size:16.5px;display:grid;position:absolute;top:52px;left:4.5px}.ex-grid>:nth-child(odd){color:#6a6a6a}.ex-check,.ex-del{color:#4a4c55;width:34px;height:34px;margin-top:-17px;position:absolute;top:50%;right:12px}.ex-card.is-active .ex-check,.ex-card.is-active .ex-name{color:var(--green)}.ex-del{color:var(--red);border-radius:50%;transition:color .15s}.ex-del.confirm{color:#fff;background:radial-gradient(circle closest-side, var(--red) 86%, transparent 86.5%)}.row.setting .r-value{font-size:26px}.toggle{--ease:cubic-bezier(.25, 1, .5, 1);background:#3a3c44;border-radius:16px;grid-area:value/3/value/5;justify-self:end;width:58px;height:32px;position:relative}.toggle:before{content:"";border-radius:inherit;background:var(--accent-g);opacity:0;transition:opacity .3s var(--ease);position:absolute;inset:0}.toggle:after{content:"";width:26px;height:26px;transition:transform .3s var(--ease), width .2s var(--ease), background-color .3s var(--ease);background:#8a8d96;border-radius:13px;position:absolute;top:3px;left:3px}.toggle.on:before{opacity:1}.toggle.on:after{background:#fff;transform:translate(26px)}.toggle:active:after{width:32px}.toggle.on:active:after{transform:translate(20px)}.row.slider-row{grid-template-columns:26px 1fr 26px;grid-template-areas:"low slider high";column-gap:14px}.slider-row .spk{color:#fff;width:20px;height:18px}.slider-row .spk.low{grid-area:low}.slider-row .spk.high{grid-area:high}.slider{appearance:none;--pct:50%;background:0 0;grid-area:slider;width:100%;height:32px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), #4a4c54 var(--pct));border-radius:2px;height:3px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent-g);border-radius:50%;width:28px;height:28px;margin-top:-12.5px}.slider::-moz-range-track{background:#4a4c54;height:3px}.slider::-moz-range-progress{background:var(--accent);height:3px}.slider::-moz-range-thumb{background:var(--accent-g);border:0;border-radius:50%;width:28px;height:28px}.about{flex-direction:column;align-items:center;gap:8px;padding:30px 0 24px;display:flex}.about-icon{border-radius:16px;width:72px;height:72px;margin-bottom:6px}.version{text-align:center;color:var(--grey-text);font-size:18px}.audio-status{white-space:normal;margin-top:8px;padding:0 16px;font-size:14px;line-height:1.25}.row.choice{grid-template-columns:1fr auto;grid-template-areas:"text check";padding-right:22px}.row.choice .c-inner{white-space:nowrap;text-overflow:ellipsis;grid-area:text;margin-block:-.2em;padding:.25em 0 .2em;font-size:26px;line-height:.8;overflow:hidden}.row.choice .c-check{width:34px;height:34px;color:var(--green);grid-area:check;display:none}.row.choice .c-check .icon{width:100%;height:100%}.row.choice.is-selected .c-check{display:block}.sheet{z-index:20;position:fixed;inset:0}.picker-backdrop{z-index:30;background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.picker{background:var(--list-head);width:min(100%,520px);padding-bottom:var(--safe-bottom);animation:.28s cubic-bezier(.2,.8,.2,1) sheet-in}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}.picker-head{border-bottom:1px solid var(--sep);height:70px;position:relative}.picker-head .l-title{top:calc(35px - .6em);left:110px;right:110px}.picker-head .l-btn{top:calc(35px - .4em)}.wheels{justify-content:center;gap:12px;height:220px;padding:0 20px;display:flex;position:relative}.wheels:before{content:"";pointer-events:none;background:#2b2d34;height:44px;position:absolute;top:88px;left:16px;right:16px}.wheel-wrap{align-items:center;gap:6px;display:flex;position:relative}.wheel{scroll-snap-type:y mandatory;scrollbar-width:none;width:84px;height:220px;position:relative;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.wheel::-webkit-scrollbar{display:none}.wheel-item{text-align:center;scroll-snap-align:center;color:#fff;height:44px;font-size:34px;line-height:44px}.wheel-pad{height:88px}.wheel-unit{color:var(--grey-text);width:36px;font-size:19px;position:relative}@media (prefers-reduced-motion:reduce){.sheet,.picker,.picker-backdrop,.flash.on{animation:none}}body.immersive .tabbar,.land,.timer.is-immersive .t-head,.timer.is-immersive .t-body,.timer.is-immersive>.reset-btn{display:none}.timer.is-immersive .land{color:var(--ink);text-shadow:0 2px 12px #0000002e;display:block;position:absolute;inset:0;container-type:size}.land[data-tone=light]{text-shadow:0 1px 6px #0003}.l-zone{background:var(--phase-bg,var(--g-yellow));position:absolute;inset:0 0 17.5cqh;overflow:hidden}.l-play{z-index:1;width:18cqh;height:18cqh;color:var(--ink);filter:drop-shadow(0 1px 4px #0000002e);position:absolute;top:1cqh;right:3.4cqw}.l-play .icon{width:100%;height:100%}.l-track,.l-arc{fill:none;stroke:currentColor;stroke-width:8px}.l-track{opacity:.3}.l-arc{stroke-linecap:round}.l-name .dot{vertical-align:.29em;background:currentColor;border-radius:50%;width:.16em;height:.16em;margin:0 .32em;display:inline-block}.l-name{font-size:var(--l-name,7cqh);position:absolute;top:calc(10cqh - .4em);left:3.4cqw}.l-label{text-align:center;font-size:var(--l-label,15.2cqh);position:absolute;top:calc(10cqh - .4em);left:0;right:0}.l-time{text-align:center;font-size:var(--l-time,64.4cqh);position:absolute;top:calc(49cqh - .4em);left:0;right:0}.l-zone.is-moving .l-time{top:calc(41.25cqh - .4em)}.l-bottom{background:var(--next,var(--btn));height:17.5cqh;color:var(--ink);font-size:var(--l-bottom,12.7cqh);grid-template-columns:11cqw 1fr 11cqw;place-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.l-count span,.l-next-text{position:relative;top:.1em}.l-next{justify-content:center;justify-self:stretch;align-items:center;gap:3cqw;min-width:0;display:flex}.l-pill{background:var(--side);color:#fff;border-radius:99px;padding:.3em .45em .04em;font-size:.78em;display:none}.l-bottom.has-sides .l-pill{display:block}.l-bottom.has-sides .l-next{grid-template-columns:auto 1fr auto;justify-items:center;padding:0 1.5cqw;display:grid}.l-bar{background:#ffffff1a;border-radius:99px;width:100%;height:7cqh;display:none;position:relative;overflow:hidden}.l-bar i{border-radius:99px;position:absolute;top:0;bottom:0}.l-bottom.has-bar .l-bar{display:block}.l-bottom.has-bar .l-next-text{display:none}.l-name,.l-label,.l-time{pointer-events:none}@media (width<=599px){:root{--head-h:70px;--tab-h:48px;--rb:50px}.t-name,.t-total{font-size:25.7px}.t-body{grid-template-rows:295fr 188fr 216fr}.timer.is-tall .t-body{grid-template-rows:483fr 0fr 216fr}.panel-main .ref,.panel-ctrl .ref{width:calc(375px * var(--k))}.panel-main .ref{height:calc(295px * var(--k))}.timer.is-tall .panel-main .ref{height:calc(483px * var(--k))}.panel-next .ref{width:100%;height:calc(188px * var(--k))}.panel-ctrl .ref{height:calc(216px * var(--k))}.panel-main .p-label{font-size:var(--label-size,calc(34px * var(--k)))}.panel-main .p-time{font-size:var(--time-size,calc(200px * var(--k)))}.panel-next .p-time{font-size:var(--time-size,calc(112px * var(--k)))}.c-col{width:calc(124.7px * var(--k))}.c-left,.c-right{width:calc(104.5px * var(--k))}.c-left{left:0}.c-mid{left:calc(125.15px * var(--k))}.c-right{left:calc(270.5px * var(--k))}.c-count{top:calc(108px * var(--k) - .4em);font-size:calc(121px * var(--k))}.n-pill{font-size:var(--pill-size,calc(35px * var(--k)))}.panel-ctrl{--pk:calc(var(--k) * .6124)}.play{top:calc(108px * var(--k))}.beta-tag{top:calc(194px * var(--k));font-size:calc(15px * var(--k))}.tabbar{--lift:min(12px, var(--safe-bottom));padding:0 6px}.tab:before{left:0;right:0;top:calc(50% - var(--lift) / 2);border-radius:15px;height:30px;margin-top:-15px}.tab .tab-label{top:calc(50% - var(--lift) / 2 - .4em);letter-spacing:.02em;font-size:17px}}:root:not([data-flat=true]) .timer[data-mode=tempo]{--g-ecc:linear-gradient(180deg, #ff7466, #e33a50);--g-blue:linear-gradient(180deg, #4facfe, #3b4fd8);--g-x:linear-gradient(180deg, #ff4a42, #e0102a)}.timer[data-mode=tempo] .panel-main.is-moving,.timer[data-mode=tempo] .l-zone.is-moving{background:linear-gradient(to top, transparent var(--fill), var(--empty) var(--fill)), var(--phase-bg,var(--g-yellow));text-shadow:0 1px 10px #0000004d}.p-time [data-adjust]{text-align:center;vertical-align:top;width:.44em;display:inline-block}.p-label:empty{display:none}.timer[data-mode=tempo] .panel-main.is-moving .p-label{font-size:var(--label-size,calc(52px * var(--k)));margin-bottom:.45em}.timer[data-mode=tempo] .panel-main.is-moving .p-time{font-size:60vw}.row.opt{grid-template-areas:"dot title value chev"}.row.opt .seg{background:#2b2d34;border-radius:8px;grid-area:value/3/value/5;justify-self:end;padding:3px;display:flex}.seg button{color:#8e8e8e;border-radius:6px;padding:9px 11px 6px;font-size:18px}.seg button.on{color:#fff;background:#3d4049}.row.opt .opt-value{grid-area:value;padding-right:8px;font-size:22px}:root[data-dark=true]{--on:#17181cf2}:root[data-dark=true] .panel .ref,:root[data-dark=true] .timer .land,:root[data-dark=true] .timer .l-zone{text-shadow:0 1px 2px #00000026}:root[data-dark=true] .l-play{filter:drop-shadow(0 1px 2px #00000026)}.panel-main.has-legend .p-label{visibility:hidden}.panel-main .p-time [data-lab]{position:relative}.panel-main .p-time [data-lab]:after{content:attr(data-lab);margin-bottom:calc(var(--label-size,34px) * .62);font-size:calc(var(--label-size,34px) * .62);white-space:nowrap;color:#fff;background:radial-gradient(circle at .35em .38em, var(--dot,transparent) .25em, #fff .27em, #fff .37em, transparent .39em) no-repeat;padding-left:.95em;line-height:1;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.panel-main .p-time [data-adjust=ecc]{--dot:#ff7466}.panel-main .p-time [data-adjust=conc]{--dot:#4facfe}.panel-next.has-opts .p-time{visibility:hidden;transition:none}.n-opts{font-size:calc(var(--pill-size,35px) * .5875);opacity:0;visibility:hidden;gap:.55em;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-next.has-opts .n-opts{opacity:1;visibility:visible}.n-seg{flex-direction:column;align-items:center;gap:.15em;display:flex}.n-cap{font-size:calc(var(--pill-size,35px) * .4);color:#fff;line-height:1}.n-box{background:var(--side);border-radius:1.05em;flex-direction:column;gap:.2em;width:3.4em;padding:.2em;display:flex;position:relative}.n-box button{color:#fff9;height:2.4em;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.85em;justify-content:center;align-items:center;gap:.2em;padding:.12em 0 0;transition:color .3s,text-shadow .3s;display:flex;position:relative}.n-box button.on{color:var(--dark);text-shadow:none}.n-thumb{background:#fff;border-radius:.85em;height:2.4em;transition:transform .3s;position:absolute;top:.2em;left:.2em;right:.2em;box-shadow:0 .1em .3em #00000026}.n-box.is-second .n-thumb{transform:translateY(2.6em)}.n-box i{background:#fff9;border-radius:50%;width:.45em;height:.45em;margin-top:-.12em;transition:background-color .3s}.n-box .n-ecc.on{color:#e33a50}.n-box .n-conc.on{color:#3b4fd8}.n-box .n-ecc.on i{background:#ff7466}.n-box .n-conc.on i{background:#4facfe}.l-pill{transition:opacity .15s,visibility .15s}.l-pill.is-off,.timer[data-mode=tempo] .panel-next.has-sides .n-side.is-off{opacity:0;visibility:hidden}.arrow{vertical-align:.1em;fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:.62em;height:.5em;margin:0 .06em;display:inline-block}.roll{vertical-align:top;height:1em;line-height:1;display:inline-block;overflow:hidden}.roll>span{display:block}.roll i{height:1em;font-style:normal;display:block}@media (prefers-reduced-motion:no-preference){.n-side.is-hint .roll>span,.p-sub .roll>span{animation:2.1s infinite roll}}@keyframes roll{0%,38%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:translateY(0)}50%,88%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:translateY(-1em)}to{transform:translateY(-2em)}}.p-sub{font-size:var(--label-size,calc(34px * var(--k)));margin-top:.45em;line-height:1}.p-sub:empty{display:none}.metro{background:var(--dark);position:absolute;inset:0;overflow:clip}.m-in{flex-direction:column;height:100%;margin:0 auto;display:flex;position:relative;overflow:clip}.m-in *,.m-in :before,.m-in :after{box-sizing:border-box}.t-head .btn-sound{right:calc(12px + var(--rb) + 12px + var(--safe-right))}.m-panel{touch-action:none;background:linear-gradient(#55a6ff 0%,#4579f0 55%,#3d5ae0 100%);grid-area:1/1/3;min-height:0;position:relative;overflow:hidden;container-type:size}.m-track{width:300%;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0}.m-track.is-drag{transition:none}.m-view{flex-direction:column;justify-content:center;align-items:center;width:33.3333%;height:100%;display:flex;position:relative}.m-ink{text-shadow:0 2px 10px #0a1e781a}.m-ink .m-unit,.m-ink .m-rval,.m-ink .m-mini span{text-shadow:0 1px 4px #0a1e781f}.m-pager{z-index:2;justify-content:center;gap:6px;display:flex;position:absolute;bottom:4.2cqh;left:0;right:0}.m-pager button{background:#fff6;border-radius:3px;width:6px;height:6px;transition:width .35s cubic-bezier(.2,.8,.2,1),background .35s}.m-pager button.on{background:#fff;width:18px}.m-cad{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:7cqh;display:flex}.m-top{flex-direction:column;align-items:center;padding-bottom:5cqh;display:flex}.m-bot{flex-direction:column;align-items:center;padding-top:6cqh;display:flex}.m-view:first-child .m-bot{padding-top:3cqh}.m-view:nth-child(2) .m-top{padding-bottom:6.5cqh}.m-view:nth-child(2) .m-bot{padding-top:7.2cqh}.m-big{font-size:min(calc(200 * var(--u)), 38cqh);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:ns-resize;justify-content:center;padding-top:.07em;line-height:.78;display:flex}.m-bpm{font-size:min(calc(180 * var(--u)), 34cqh)}.m-secs{font-size:min(calc(84 * var(--u)), 17cqh)}@property --m-a{syntax:"<length>";inherits:false;initial-value:0}@property --m-b{syntax:"<length>";inherits:false;initial-value:0}@property --m-c{syntax:"<length>";inherits:false;initial-value:0}.m-g{display:inline-flex}.m-od{--m-a:.3em;--m-b:.39em;--m-c:1.21em;height:1.3em;-webkit-mask-image:linear-gradient(180deg, transparent var(--m-a), #000 var(--m-b), #000 var(--m-c), transparent 1.3em);-webkit-mask-image:linear-gradient(180deg, transparent var(--m-a), #000 var(--m-b), #000 var(--m-c), transparent 1.3em);mask-image:linear-gradient(180deg, transparent var(--m-a), #000 var(--m-b), #000 var(--m-c), transparent 1.3em);margin:-.49em 0 -.03em;padding-top:.3em;transition:--m-a .25s ease-out,--m-b .25s ease-out,--m-c .25s ease-out;display:inline-block;position:relative;overflow:hidden}.m-od.is-spin{--m-a:0em;--m-b:.4em;--m-c:1.14em}.m-strip-d{flex-direction:column;transition:transform .45s cubic-bezier(.25,.9,.3,1);display:flex}.m-strip-d.is-now{transition:none}.m-strip-d b{text-align:center;height:1.16em;font-weight:400;line-height:1.16em;transition:height .25s ease-out;display:block}.m-od.is-spin b{height:.74em}.m-unit{font-size:min(calc(22 * var(--u)), 5cqh);white-space:nowrap;margin-top:2.4cqh}.m-unit em{opacity:.75;font-style:normal}.m-beats{width:calc(220 * var(--u));height:calc(24 * var(--u));padding:0 calc(3 * var(--u));justify-content:space-between;align-items:center;display:flex}.m-beats i,.m-hrail,.m-rail{background:linear-gradient(#08125061,#0812504d);box-shadow:inset 0 1px 2px #060e3c24}.m-beats i{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;position:relative}.m-beats i:after{content:"";opacity:0;background:linear-gradient(#cdfb94,#9cf552);border-radius:50%;position:absolute;inset:0}.m-beats i.a:after{background:linear-gradient(#fff4a6,#ffe94a)}.m-beats i.pod:after{opacity:1}.m-beats.is-fading i:after{transition:opacity .2s}.m-hrail{width:calc(220 * var(--u));height:calc(30 * var(--u));border-radius:999px;position:relative}.m-rail{width:min(calc(66 * var(--u)), 15cqh);border-radius:999px;height:64cqh;position:relative}.m-bob{width:calc(100% - 14 * var(--u));aspect-ratio:1;background:linear-gradient(#fff 0%,#eef0f4 45%,#cfd4de 100%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.m-hrail .m-bob{width:auto;height:calc(100% - 6 * var(--u));top:50%;left:0}.m-ruler{width:calc(300 * var(--u));touch-action:none;cursor:ew-resize;flex-direction:column;align-items:center;gap:1.6cqh;display:flex}.m-rval{cursor:pointer;font-size:min(calc(36 * var(--u)), 8cqh);padding-top:.08em;line-height:1}.m-rwin{width:100%;height:min(calc(40 * var(--u)), 9cqh);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%)}.m-rstrip{will-change:transform;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:50%}.m-rstrip i{width:calc(4 * var(--u));margin:0 calc(5 * var(--u));opacity:.4;background:#fff;border-radius:99px;flex:none;height:34%;transition:height .15s,opacity .15s}.m-rstrip i.five{opacity:.52;height:52%}.m-rstrip i.ten{opacity:.66;height:68%}.m-rstrip i.zero{opacity:.8;height:76%}.m-rstrip i.on{opacity:1;height:100%;width:calc(5 * var(--u));margin:0 calc(4.5 * var(--u))}.m-mini{cursor:pointer;flex-direction:column;align-items:center;margin:-5cqh 0 2.4cqh;display:flex}.m-mini b{font-weight:400;font-size:min(calc(50 * var(--u)), 10.5cqh);font-variant-numeric:tabular-nums;padding-top:.08em;line-height:.8}.m-mini span{font-size:min(calc(19 * var(--u)), 4.4cqh);margin-top:1cqh}.metro .panel-ctrl{--sb:calc(127.37px * var(--pk))}.metro .ring-arc{stroke:url(#m-ring-arc)}.m-side{top:calc(175px * var(--k));width:var(--sb);height:var(--sb);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.m-side-l{left:calc(25% - 52.25px * var(--pk))}.m-side-r{left:calc(75% + 52.25px * var(--pk))}@media (width<=599px){.m-side{top:calc(108px * var(--k))}}.m-waves{pointer-events:none;position:absolute;inset:0}.m-sb{width:var(--sb);height:var(--sb);background:var(--btn);touch-action:none;border-radius:50%;place-items:center;transition:transform .22s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative}.m-sb.press{transition:transform 60ms ease-out;transform:scale(.84)}.m-sb svg{width:calc(var(--sb) * 36 / 78);height:calc(var(--sb) * 36 / 78);z-index:1;position:relative;overflow:visible}.m-rec{filter:drop-shadow(0 0 4px #ff463cd9)drop-shadow(0 0 9px #ff3c3c73)}.m-wave{border:calc(var(--sb) * 6 / 78) solid #fff3;pointer-events:none;border-radius:50%;animation:.45s cubic-bezier(.2,.7,.3,1) forwards m-wave;position:absolute;inset:0}@keyframes m-wave{0%{opacity:1;border-width:calc(var(--sb) * 6 / 78);border-color:#fff3;transform:scale(1)}25%{border-color:#a0a6b229}to{opacity:0;border-width:calc(var(--sb) * 3.5 / 78);border-color:#8c929e1f;transform:scale(1.3)}}.sv-row.m-snd{grid-template-columns:minmax(0,1fr) 34px 34px;grid-template-areas:"name fav icon""sub fav icon"}.m-fav{color:#4a4c55;grid-area:fav;width:34px;height:34px}.m-fav .icon{width:100%;height:100%}.m-fav.on{color:#ffe94a}.sv-row.is-del .sv-icon{color:var(--red);border-radius:50%;transition:color .15s}.sv-row.is-del .sv-icon.confirm{color:#fff;background:radial-gradient(circle closest-side, var(--red) 86%, transparent 86.5%)}.sv-row.is-del .sv-name{color:#fff}.row.opt .m-seg button{padding-inline:9px}@media (prefers-reduced-motion:reduce){.m-track,.m-strip-d,.m-strip-d b,.m-od{transition:none}}