.rare-duration{flex-direction:column;gap:.375rem;max-width:100%;display:inline-flex}.rare-duration-control{align-items:center;gap:.25rem;display:flex}.rare-duration-value,.rare-duration-action{min-height:var(--control-md);border:1px solid var(--input);background:var(--background)}.rare-duration-value{border-radius:var(--radius-md);color:var(--muted-foreground);align-items:center;gap:.5rem;padding-inline:.625rem;display:flex}.rare-duration-value>span,.rare-duration-value input{color:var(--foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.8125rem}.rare-duration-value input{width:9ch;min-width:0;height:calc(var(--control-md) - 2px);background:0 0;outline:none}.rare-duration-value:focus-within{outline:2px solid var(--ring);outline-offset:2px}.rare-duration-value[data-invalid=true]{border-color:var(--destructive)}.rare-duration-action,.rare-duration-cancel{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);color:var(--muted-foreground);flex-shrink:0;place-items:center;display:grid}.rare-duration:not([data-editing=true]) .rare-duration-action{transform:translate(-.375rem)}.rare-duration-action:hover,.rare-duration-cancel:hover{background:var(--accent);color:var(--foreground)}.rare-duration button:focus-visible,.rare-reactions button:focus-visible,.rare-reaction-menu button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.rare-task-check:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.rare-duration[data-motion=true] .rare-duration-action{transition:transform .18s var(--ease-out)}.rare-duration-icon-swap{place-items:center;display:grid}.rare-duration-icon-swap>svg{grid-area:1/1}.rare-duration-icon-swap>svg:last-child,.rare-duration-icon-swap[data-active=true]>svg:first-child{opacity:0;transform:scale(.5)rotate(-20deg)}.rare-duration-icon-swap[data-active=true]>svg:last-child{opacity:1;transform:scale(1)rotate(0)}.rare-duration[data-motion=true] .rare-duration-icon-swap>svg{transition:transform .18s var(--ease-out), opacity .12s var(--ease-out)}.rare-input-error{color:var(--destructive);font-size:.8125rem;line-height:1.5}.rare-task-check{width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-sm);min-width:24px;min-height:24px;color:var(--muted-foreground);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.rare-task-check input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.rare-task-check svg{pointer-events:none;width:20px;height:20px;overflow:visible}.rare-task-fill{fill:var(--primary);transform-origin:50%;opacity:0;transform:scale(.5)}.rare-task-tick{stroke:var(--primary-foreground);opacity:0;transform-origin:50%;transform:translateY(2px)scale(.8)}.rare-task-check[data-checked=true] .rare-task-ring{opacity:0}.rare-task-check[data-checked=true] .rare-task-fill,.rare-task-check[data-checked=true] .rare-task-tick{opacity:1;transform:none}.rare-task-check[data-motion=true] :is(circle,path){transition:opacity .14s var(--ease-out), transform .22s var(--ease-out)}.rare-task-check[data-motion=true][data-checked=true] .rare-task-tick{transition-delay:60ms}.rare-task-list{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.rare-task-list li{align-items:flex-start;gap:.5rem;min-width:0;display:flex}.rare-task-label{overflow-wrap:anywhere;padding-top:.125rem;font-size:.875rem;line-height:1.5rem}.rare-task-list li[data-done=true] .rare-task-label{color:var(--muted-foreground);text-decoration:line-through}.rare-notification{place-items:center;width:20px;height:20px;display:inline-grid;position:relative}.rare-notification>svg{width:20px;height:20px}.rare-notification-badge{border-radius:var(--radius-pill);background:var(--primary);min-width:15px;height:15px;color:var(--primary-foreground);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--background);place-items:center;padding-inline:3px;font-size:9px;font-weight:600;line-height:1;display:inline-grid;position:absolute;top:-5px;right:-8px;overflow:hidden}.rare-otp{--rare-otp-cell:2.5rem;--rare-otp-gap:.375rem;flex-direction:column;gap:.5rem;max-width:100%;display:inline-flex}.rare-otp-label{font-size:.875rem}.rare-otp-field{position:relative}.rare-otp-slots{gap:var(--rare-otp-gap);display:flex}.rare-otp-slot{width:var(--rare-otp-cell);height:var(--rare-otp-cell);border:1px solid var(--input);border-radius:var(--radius-md);background:var(--background);font-family:var(--font-mono);place-items:center;font-size:1.125rem;font-weight:500;display:grid;position:relative;overflow:hidden}.rare-otp-field:focus-within .rare-otp-slot[data-selected=true]{outline:2px solid var(--ring);outline-offset:-2px;background:var(--accent)}.rare-otp-field input{width:100%;min-width:0;padding-inline:calc((var(--rare-otp-cell) - 1ch) / 2) 0;font-family:var(--font-mono);letter-spacing:calc(var(--rare-otp-cell) + var(--rare-otp-gap) - 1ch);color:#0000;-webkit-text-fill-color:transparent;caret-color:#0000;background:0 0;outline:none;font-size:1.125rem;position:absolute;inset:0}.rare-otp-field input::selection{color:#0000;background:0 0}.rare-otp[data-status=error] .rare-otp-slot{border-color:var(--destructive)}.rare-otp[data-status=success] .rare-otp-slot{border-color:var(--success)}.rare-otp-status{min-height:1.25rem;color:var(--muted-foreground);font-size:.8125rem}.rare-otp[data-status=error] .rare-otp-status{color:var(--destructive)}.rare-delete{display:inline-flex}.rare-delete-bin{width:1rem;height:1rem;overflow:visible}.rare-delete-lid{transform-origin:3px 6px}.rare-delete[data-open=true] .rare-delete-lid{transform:rotate(-30deg)}.rare-delete[data-motion=true] .rare-delete-lid{transition:transform .24s var(--ease-out)}.rare-delete-dialog[data-motion=false],.rare-reaction-menu[data-motion=false]{animation:none}.rare-reactions{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex;position:relative}.rare-reaction-count{min-height:var(--control-sm);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--background);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.375rem;padding-inline:.5rem;font-size:.8125rem;display:inline-flex}.rare-reaction-count[aria-pressed=true]{border-color:var(--primary);background:var(--accent);color:var(--primary)}.rare-reaction-menu{flex-wrap:wrap;gap:.25rem;max-width:calc(100vw - 2rem);padding:.375rem;display:flex}.rare-reaction-menu button{width:var(--control-xl);height:var(--control-xl);border-radius:var(--radius-md);place-items:center;font-size:1.5rem;display:grid}.rare-reaction-menu button[aria-pressed=true]{background:var(--accent);outline:1px solid var(--primary);outline-offset:-1px}.rare-reaction-burst{pointer-events:none;font-size:1.25rem;position:absolute;top:0;left:1rem}.rare-reaction-burst>span{position:absolute}:is(.rare-duration,.rare-task-check,.rare-reactions,.rare-reaction-menu) button:disabled,.rare-task-check[data-disabled=true],.rare-otp[data-disabled=true]{opacity:.5;cursor:not-allowed}:is(.rare-duration,.rare-reactions,.rare-delete)[data-motion=false] button:active{transform:none}[data-stepped=true] :is(.rare-duration-icon-swap>svg,.rare-delete-lid,.rare-task-fill,.rare-task-tick){transition-timing-function:steps(4,end)}@media (hover:hover) and (pointer:fine){.rare-reaction-menu[data-motion=true] button{transition:transform .16s var(--ease-out)}.rare-reaction-menu[data-motion=true] button:hover{transform:translateY(-4px)scale(1.1)}.rare-reaction-count:hover,.rare-reaction-menu button:hover{background:var(--accent)}}@media (pointer:coarse){.rare-duration-action,.rare-duration-cancel,.rare-task-check,.rare-reaction-count,.rare-reaction-menu button,.rare-reactions>button{min-width:44px;min-height:44px}.rare-duration-value{min-height:44px}.rare-duration-value input{font-size:1rem}}@media (prefers-reduced-motion:reduce){.rare-duration *,.rare-task-check *,.rare-delete *,.rare-reactions *,.rare-reaction-menu *{transition:none!important;animation:none!important}}