:root{--radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis-weight:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--ink:#f2efe9;--ink2:#f2efe99e;--ink3:#f2efe985;--glass:#ffffff0e;--edge:#ffffff1a;--facet:#ffffff0f;--chip:#ffffff12;--card:#3a38348c;--dialog-bg:#201e1bd1;--rose:#cd8569;--rose-deep:#b56a4e;--rose-tint-a:#cd856933;--rose-tint-b:#cd85690d;--shadow:0 18px 42px -24px #000000b3;--hero-shadow:0 16px 40px -18px #000000a6;--hi:#ffffff29;--grey-track:#fff3;--page-bg:radial-gradient(150% 70% at 50% -12%, #969ea80f 0%, #969ea800 60%), linear-gradient(180deg, #17150f 0%, #1c1a14 100%)}:root[data-theme=dark][data-accent=slate]{--accent:#8aa3bd;--accent-deep:#6c869f}:root[data-theme=dark][data-accent=teal]{--accent:#76ada3;--accent-deep:#5b8f86}:root[data-theme=dark][data-accent=sage]{--accent:#98b18f;--accent-deep:#7c9673}:root[data-theme=light]{--ink:#221f1b;--ink2:#221f1b99;--ink3:#221f1b80;--glass:#ffffff9e;--edge:#ffffffb3;--facet:#463e3412;--chip:#ffffff8c;--card:#ffffffb8;--dialog-bg:#faf8f4d1;--rose:#b06a4f;--rose-deep:#985338;--rose-tint-a:#b06a4f24;--rose-tint-b:#b06a4f0a;--shadow:0 14px 32px -20px #2d28204d;--hero-shadow:0 14px 34px -16px #2d28206b;--hi:#fff;--grey-track:#7878804d;--page-bg:radial-gradient(150% 70% at 50% -12%, #78828c0d 0%, #78828c00 60%), linear-gradient(180deg, #f6f4ef 0%, #efece5 100%)}:root[data-theme=light][data-accent=slate]{--accent:#3f5d7a;--accent-deep:#33495f}:root[data-theme=light][data-accent=teal]{--accent:#2f6f68;--accent-deep:#255853}:root[data-theme=light][data-accent=sage]{--accent:#5b7a57;--accent-deep:#496245}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:var(--page-bg) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.4;transition:background .3s,color .3s}button{font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;width:min(100%,460px);height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app__scroll{min-height:0;padding:max(16px, env(safe-area-inset-top)) 16px 2px;flex-direction:column;flex:auto;gap:13px;display:flex;overflow:hidden}.app__header{flex:none}.app__main{flex-direction:column;flex:none;gap:13px;display:flex}.timercard{display:none}@media (width>=1024px){.app{width:min(100%,1180px)}.app__scroll{grid-template:"header header""main history"minmax(0,1fr)/minmax(0,1.25fr) 380px;gap:22px 24px;padding:26px 34px 30px;display:grid}.app__header{grid-area:header}.app__main{grid-area:main;gap:18px;min-height:0}.timercard{flex:auto;display:flex}.timercard .hero{width:268px}.history{background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow), inset 0 1px 0 #fff3;-webkit-backdrop-filter:blur(24px)saturate(125%);border-radius:24px;grid-area:history;overflow:hidden}.history__head{padding:16px 16px 12px}.history__list{padding:2px 14px 16px}.timerbtn{display:none}}.app__header{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app__kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--ink3);margin:0;font-size:11px;font-weight:600}.app__title{letter-spacing:.2px;margin:2px 0 0;font-size:29px;font-weight:700}.iconbtn{background:var(--chip);border:1px solid var(--edge);width:40px;height:40px;color:var(--ink2);cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(125%);-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff4d}.iconbtn:active{color:var(--ink)}.watchchip{background:var(--chip);border:1px solid var(--edge);color:var(--ink2);-webkit-backdrop-filter:blur(18px)saturate(125%);border-radius:999px;flex:none;align-self:flex-start;align-items:center;gap:8px;padding:6px 13px 6px 10px;font-size:12.5px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff4d}.watchchip svg{color:var(--accent)}.watchchip .dot{background:var(--accent);border-radius:999px;width:5px;height:5px}.watchchip .muted{color:var(--ink3);font-weight:500}.status{border-radius:var(--radius);background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow), inset 0 1px 0 #ffffff2e;-webkit-backdrop-filter:blur(22px)saturate(125%);flex:none;padding:14px 14px 13px;transition:background .4s,border-color .4s}.status--met{background:linear-gradient(180deg, var(--rose-tint-a), var(--rose-tint-b));border-color:var(--rose)}.status__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.status__title{color:var(--ink);font-size:14px;font-weight:700}.status--met .status__title{color:var(--rose)}.status__head-right{align-items:center;gap:8px;display:flex}.status__count{color:var(--ink3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.badge{letter-spacing:.1em;background:var(--facet);color:var(--ink3);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.status--met .badge{background:var(--rose);color:#fff}.infobtn{background:var(--facet);border:1px solid var(--edge);width:26px;height:26px;color:var(--ink2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;display:grid}.meters{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.meter__val{align-items:baseline;gap:4px;display:flex}.meter__val b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.meter__val .check{color:var(--rose);display:inline-flex}.meter__bar{background:var(--facet);border-radius:999px;height:6px;margin:6px 0 5px;overflow:hidden}.meter__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.status--met .meter__fill{background:var(--rose)}.meter__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);font-size:11px;font-weight:600}.status__msg{color:var(--ink2);margin:11px 1px 0;font-size:12px;line-height:1.42}.status--met .status__msg{color:var(--rose)}.history{flex-direction:column;flex:auto;min-height:0;display:flex}.history__head{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 11px;display:flex}.history__head h2{margin:0;font-size:17px;font-weight:700;display:inline}.history__total{color:var(--ink3);font-variant-numeric:tabular-nums;margin-left:8px;font-size:13px;font-weight:600}.clearbtn{background:var(--chip);border:1px solid var(--edge);height:36px;color:var(--ink2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:5px;padding:0 14px 0 11px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.clearbtn svg{width:12px;height:12px}.clearbtn:active{color:var(--ink)}.history__actions{gap:8px;display:flex}.history__list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0;padding:2px 2px 10px;list-style:none;display:flex;overflow-y:auto}.row{background:var(--card);border:1px solid var(--edge);box-shadow:var(--shadow), inset 0 1px 0 #ffffff29;border-radius:16px;flex-direction:column;gap:9px;padding:10px 12px;display:flex}.row--in{animation:.34s both row-in}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.row__top{align-items:center;gap:10px;display:flex}.row__num{background:var(--facet);font-variant-numeric:tabular-nums;color:var(--ink2);border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.row__ts{font-variant-numeric:tabular-nums;flex:auto;font-size:14px;font-weight:600}.row__del{background:var(--facet);border:1px solid var(--edge);width:36px;height:36px;color:var(--ink2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.row__del:active{color:var(--rose)}.row__stats{gap:8px;display:flex}.row__stat{background:var(--facet);border-radius:11px;flex:1;align-items:baseline;gap:6px;padding:6px 11px;display:flex}.row__stat b{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.row__stat small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-size:10.5px;font-weight:600}.history--empty{text-align:center;min-height:0;color:var(--ink3);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;padding:24px;font-size:14px;line-height:1.5;display:flex}.history--empty b{color:var(--ink2)}.timercard{background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow), inset 0 1px 0 #ffffff38;-webkit-backdrop-filter:blur(24px)saturate(125%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none}.hero{aspect-ratio:1;color:#fff;cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(165deg, var(--accent), var(--accent-deep));width:min(252px,66vw);box-shadow:var(--hero-shadow), inset 0 1px 0 #ffffff38;border:1px solid #fff6;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .12s,background .35s;display:flex;position:relative;overflow:hidden}.hero:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(125% 80% at 30% 12%,#ffffff8c,#fff0 55%);position:absolute;inset:0}.hero:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -24px 44px -26px #00000080}.hero:active{transform:scale(.99)}.hero--active{background:linear-gradient(165deg, var(--rose), var(--rose-deep));animation:3.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1}50%{opacity:.93}}.hero__label{letter-spacing:.22em;text-transform:uppercase;opacity:.82;font-size:11px;font-weight:700;position:relative}.hero__time{font-variant-numeric:tabular-nums;text-shadow:0 1px 14px #0000002e;font-size:44px;font-weight:700;line-height:1;position:relative}.hero__time--active{font-size:52px}.hero__ms{opacity:.7;font-size:21px;font-weight:600}.hero__hint{opacity:.8;margin-top:3px;font-size:13px;font-weight:500;position:relative}.herostats{align-items:baseline;gap:26px;display:flex}.herostats__div{background:var(--edge);width:1px;height:34px}.herostat{text-align:center}.herostat b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;display:block}.herostat span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-top:4px;font-size:11px;font-weight:600;display:block}.timerbtn{margin:11px 16px max(14px, env(safe-area-inset-bottom));border:1px solid var(--edge);color:#fff;cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(165deg, var(--accent), var(--accent-deep));min-height:104px;box-shadow:var(--hero-shadow), inset 0 1px 0 #ffffff38;border-radius:28px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:20px 24px;transition:transform .12s,background .35s;display:flex;position:relative;overflow:hidden}.timerbtn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff38,#fff0 44%);position:absolute;inset:0}.timerbtn:active{transform:scale(.99)}.timerbtn--active{background:linear-gradient(165deg, var(--rose), var(--rose-deep));animation:3.6s ease-in-out infinite breathe}.timerbtn__label{letter-spacing:.22em;text-transform:uppercase;opacity:.78;font-size:11px;font-weight:700;position:relative}.timerbtn__time{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1;position:relative}.timerbtn--active .timerbtn__time{font-size:46px}.timerbtn__ms{opacity:.66;font-size:20px;font-weight:600}.timerbtn__hint{opacity:.78;margin-top:2px;font-size:13px;font-weight:500;position:relative}.undo{left:16px;right:16px;bottom:calc(130px + env(safe-area-inset-bottom));z-index:30;background:var(--dialog-bg);border:1px solid var(--edge);box-shadow:var(--shadow), inset 0 1px 0 #fff3;-webkit-backdrop-filter:blur(26px)saturate(140%);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:10px 10px 10px 16px;animation:.24s both toast-in;display:flex;position:absolute}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.undo span{color:var(--ink);font-size:13.5px;font-weight:600}.undo button{background:var(--facet);border:1px solid var(--edge);min-height:34px;color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:700}@media (width>=1024px){.undo{justify-content:flex-start;animation:none;bottom:26px;left:50%;right:auto;transform:translate(-50%)}}.overlay{z-index:50;position:absolute;inset:0}.scrim{-webkit-backdrop-filter:blur(3px);background:#08060466;animation:.2s both scrim-in;position:absolute;inset:0}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.dialog{z-index:60;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.dialog__card{background:var(--dialog-bg);border:1px solid var(--edge);-webkit-backdrop-filter:blur(34px)saturate(140%);border-radius:22px;width:272px;max-width:100%;animation:.26s cubic-bezier(.2,.9,.3,1) both dialog-in;position:relative;overflow:hidden;box-shadow:0 30px 60px -22px #00000080,inset 0 1px #ffffff47}.dialog__body{text-align:center;padding:19px 17px 16px}.dialog__title{letter-spacing:-.2px;font-size:17px;font-weight:600}.dialog__msg{color:var(--ink2);margin:5px 0 0;font-size:12.5px;line-height:1.4}.dialog__actions{border-top:1px solid var(--edge);display:flex}.dialog__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;padding:13px 8px;font-size:16px}.dialog__btn:active{background:var(--facet)}.dialog__btn--cancel{color:var(--accent);font-weight:600}.dialog__btn--danger{color:var(--rose);border-left:1px solid var(--edge);font-weight:400}.manual{z-index:56;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.manual__card{background:var(--dialog-bg);border:1px solid var(--edge);-webkit-backdrop-filter:blur(34px)saturate(140%);border-radius:22px;width:100%;max-width:336px;animation:.26s both dialog-in;position:relative;overflow:hidden;box-shadow:0 36px 80px -28px #0000008c,inset 0 1px #ffffff47}.manual__head{text-align:center;padding:20px 20px 6px}.manual__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.manual__title{margin-top:5px;font-size:18px;font-weight:700}.manual__body{flex-direction:column;gap:13px;padding:10px 20px 4px;display:flex}.manual__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.manual__row>span{font-size:14.5px;font-weight:600}.manual__time{appearance:none;color:var(--ink);background:var(--facet);border:1px solid var(--edge);-webkit-tap-highlight-color:transparent;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:15px;font-weight:600}:root[data-theme=dark] .manual__time{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light] .manual__time{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.manual__step{align-items:center;gap:9px;display:flex}.manual__stepbtn{background:var(--facet);border:1px solid var(--edge);width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;place-items:center;font-size:22px;line-height:1;display:grid}.manual__stepbtn:active{background:var(--edge)}.manual__dur{text-align:center;font-variant-numeric:tabular-nums;min-width:56px;font-size:19px;font-weight:700}.manual__foot{gap:10px;padding:16px 20px 18px;display:flex}.manual__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;flex:1;min-height:46px;font-family:inherit;font-size:15px;font-weight:600}.manual__btn--cancel{color:var(--ink);background:var(--facet);border:1px solid var(--edge)}.manual__btn--add{color:#fff;background:linear-gradient(165deg, var(--accent), var(--accent-deep));border:1px solid #ffffff47;font-weight:700}.intro{z-index:55;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.intro__card{background:var(--dialog-bg);border:1px solid var(--edge);-webkit-backdrop-filter:blur(34px)saturate(140%);border-radius:22px;width:100%;max-width:336px;animation:.26s both dialog-in;position:relative;overflow:hidden;box-shadow:0 36px 80px -28px #0000008c,inset 0 1px #ffffff47}.intro__head{text-align:center;padding:20px 20px 8px}.intro__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.intro__title{margin-top:5px;font-size:18px;font-weight:700}.intro__rows{flex-direction:column;gap:11px;padding:6px 20px 4px;display:flex}.intro__row{align-items:center;gap:12px;display:flex}.intro__num{background:var(--facet);width:30px;height:30px;color:var(--accent);border-radius:999px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.intro__row span:last-child{color:var(--ink2);font-size:13.5px;line-height:1.35}.intro__row b{color:var(--ink)}.intro__note{color:var(--ink3);text-align:center;margin:12px 20px 0;font-size:11.5px;line-height:1.4}.intro__foot{padding:14px 20px 16px}.intro__ok{background:linear-gradient(165deg, var(--accent), var(--accent-deep));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff47;border-radius:14px;width:100%;min-height:46px;font-size:15px;font-weight:700}.sheet{z-index:50;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.sheet__panel{background:var(--dialog-bg);border:1px solid var(--edge);-webkit-backdrop-filter:blur(36px)saturate(140%);border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;max-height:90%;animation:.3s cubic-bezier(.2,.9,.3,1) both sheet-in;display:flex;position:relative;box-shadow:0 -24px 60px -24px #00000080,inset 0 1px #ffffff40}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}.sheet__grab{background:var(--ink3);border-radius:999px;width:38px;height:5px;margin:9px auto 2px}.sheet__head{justify-content:space-between;align-items:center;padding:4px 18px 10px;display:flex}.sheet__head h2{margin:0;font-size:22px;font-weight:700}.sheet__done{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:16px;font-weight:700}.sheet__body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:18px;min-height:0;padding:4px 16px 24px;display:flex;overflow-y:auto}.sheet__group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:0 4px 7px;font-size:12px;font-weight:600}.sheet__card{background:var(--card);border:1px solid var(--edge);border-radius:16px;overflow:hidden}.sheet__rowitem{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:11px 14px;display:flex}.sheet__rowitem+.sheet__rowitem{border-top:1px solid var(--edge)}.sheet__rowitem .label{font-size:15px;font-weight:500}.sheet__rowitem .sub{color:var(--ink3);font-size:12px}.seg{background:var(--facet);border:1px solid var(--edge);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.seg button{color:var(--ink2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 11px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--hi);color:var(--ink);box-shadow:0 1px 3px #0000002e}.swatches{align-items:center;gap:13px;display:flex}.swatch{cursor:pointer;border:none;border-radius:999px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff40}.toggle{border:1px solid var(--edge);cursor:pointer;border-radius:999px;width:51px;height:31px;transition:background .2s;position:relative}.toggle .knob{background:#fff;border-radius:999px;width:25px;height:25px;transition:left .2s;position:absolute;top:2px;box-shadow:0 1px 3px #0000004d}.sheet__danger{text-align:left;width:100%;min-height:52px;color:var(--rose);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:13px 14px;font-size:15px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.hero--active,.timerbtn--active,.row--in,.scrim,.dialog__card,.intro__card,.manual__card,.sheet__panel,.undo{animation:none!important}}@media (width>=1024px){.timercard{display:flex}.timerbtn{display:none}}@media (width<=1023.98px){.timercard{display:none}.timerbtn{display:flex}}.rotatelock{display:none}@media (orientation:landscape) and (height<=540px) and (pointer:coarse){.rotatelock{z-index:100;text-align:center;background:var(--page-bg);flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:24px;display:flex;position:fixed;inset:0}.rotatelock__icon{width:46px;height:46px;color:var(--accent)}.rotatelock__title{color:var(--ink);font-size:20px;font-weight:700}.rotatelock__sub{color:var(--ink2);font-size:13.5px}}