.float-timer{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);width:min(17rem,100vw - 2rem);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#fffffff2;border-radius:1rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;position:fixed;bottom:1rem;left:1rem}.float-timer:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-900) / .95)}.float-timer--idle{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1))}.float-timer--idle:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1))}.float-timer--running{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-400) / var(--tw-border-opacity,1));--tw-shadow:0 0 0 4px #6366f12e,0 16px 40px -8px #4f46e573;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color), 0 16px 40px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.float-timer--running:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-500) / var(--tw-border-opacity,1));--tw-shadow:0 0 0 4px #818cf833,0 16px 40px -8px #0009;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color), 0 16px 40px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.float-timer--paused{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.float-timer--paused:is(.dark *){--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1))}@keyframes pulse{50%{opacity:.5}}.float-timer--urgent{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1));--tw-shadow:0 0 0 4px #f43f5e38,0 16px 40px -8px #e11d4880;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color), 0 16px 40px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.float-timer--urgent:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1))}.float-timer--done{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1));animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.float-timer--done:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-600) / var(--tw-border-opacity,1))}.float-timer__launcher{z-index:60;cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#fffffff2;border-radius:9999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:fixed;bottom:1rem;left:1rem}.float-timer__launcher:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1))}.float-timer__launcher:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-900) / .95);--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.float-timer__launcher:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.float-timer__pill{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#fffffff2;border-width:1px;border-radius:9999px;position:fixed;bottom:1rem;left:1rem;overflow:hidden}.float-timer__pill:is(.dark *){background-color:rgb(var(--palette-slate-900) / .95)}.float-timer__pill-bar{pointer-events:none;height:.25rem;width:var(--float-timer-left);background-color:#ffffffb3;transition-property:width;transition-duration:.3s;transition-timing-function:linear;position:absolute;bottom:0;left:0}.float-timer__pill--idle{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-300) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1))}.float-timer__pill--idle:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-700) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.float-timer__pill--running{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-500) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 0 0 4px #6366f140;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.float-timer__pill--running:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-500) / var(--tw-bg-opacity,1))}.float-timer__pill--urgent{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));--tw-shadow:0 0 0 4px #f43f5e4d;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.float-timer__pill--urgent:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1))}.float-timer__pill--paused{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.float-timer__pill--paused:is(.dark *){--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.float-timer__pill--done{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.float-timer__pill--done:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-600) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.float-timer__pill-open{cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:900;line-height:1.25rem;display:inline-flex}.float-timer__pill-time{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.float-timer__head{cursor:grab;border-radius:.5rem;align-items:center;gap:.25rem;margin:-.25rem;padding:.25rem;display:flex}.float-timer__head:active{cursor:grabbing}.float-timer__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));flex:1;align-items:center;gap:.375rem;font-size:.75rem;font-weight:900;line-height:1rem;display:flex}.float-timer__title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.float-timer__icon{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:.375rem;padding:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.float-timer__icon:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.float-timer__icon:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.float-timer__time{text-align:center;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:2.25rem;font-weight:900;line-height:2.5rem}.float-timer__time:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.float-timer__time--running{--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1));font-size:3rem;line-height:1}.float-timer__time--running:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.float-timer__time--urgent{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.float-timer__time--urgent:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.float-timer__time--done{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-size:1.875rem;line-height:2.25rem}.float-timer__time--done:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.float-timer__bar{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:9999px;height:.375rem;overflow:hidden}.float-timer__bar:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.float-timer__bar-fill{height:100%;width:var(--float-timer-left);--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-500) / var(--tw-bg-opacity,1));border-radius:9999px;transition-property:width;transition-duration:.3s;transition-timing-function:linear;display:block}.float-timer--paused .float-timer__bar-fill{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.float-timer--urgent .float-timer__bar-fill{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1))}.float-timer__inputs{justify-content:center;align-items:center;gap:.5rem;display:flex}.float-timer__field{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;line-height:1rem;display:flex}.float-timer__field:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.float-timer__num{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;width:3.5rem;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:700;line-height:1.25rem}.float-timer__num:focus{outline-offset:2px;outline:2px solid #0000}.float-timer__num:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(var(--palette-indigo-400) / .4)}.float-timer__num:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-zinc-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.float-timer__chips{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.float-timer__chip{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:9999px;padding:.25rem .625rem;font-size:11px;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.float-timer__chip:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1))}.float-timer__chip:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.float-timer__chip:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-indigo-950) / .5);--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.float-timer__row{gap:.375rem;display:flex}.float-timer__main{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.float-timer__main:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-600) / var(--tw-bg-opacity,1))}.float-timer__sub{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.float-timer__sub:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.float-timer__sub:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.float-timer__sub:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}