[data-task-card]{cursor:pointer;transition:background-color .14s ease,border-color .14s ease}[data-task-card] details,[data-task-card] input,[data-task-card] textarea{cursor:auto}[data-task-card]:focus-within{outline:2px solid #a78bfa;outline-offset:3px}[data-task-card]:active{border-color:#8f7bd1}@media(hover:hover){[data-task-card]:hover{background-color:#1b2030;border-color:#8f7bd1}}.navigation-feedback{position:fixed;z-index:15000;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #a78bfa66;border-radius:30px;background:#1b2031f5;color:#eee9ff;box-shadow:0 8px 24px #0005;font-size:13px;white-space:nowrap;pointer-events:none}.navigation-feedback[hidden]{display:none}.navigation-flower{position:relative;width:22px;height:22px;flex:none;animation:navigation-spin 1s steps(12) infinite}.navigation-flower i{position:absolute;top:0;left:9px;width:3px;height:6px;border-radius:3px;background:#baa7ff;transform-origin:1.5px 11px;transform:rotate(calc(var(--petal)*30deg));opacity:calc(.2 + var(--petal)*.065)}@keyframes navigation-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){[data-task-card]{transition:none}.navigation-flower{animation:none}}
.swipe-back-hint{position:fixed;left:-42px;top:45%;z-index:11000;width:42px;height:54px;display:grid;place-items:center;border:1px solid #a78bfa66;border-radius:0 24px 24px 0;background:#202538f2;color:#d8ccff;font-size:38px;line-height:1;pointer-events:none;opacity:0;transform:translateX(var(--swipe,0px));transition:opacity .12s}.swipe-back-hint.is-visible{opacity:1}.swipe-back-hint.is-ready{background:#7760c4;color:white}@media(prefers-reduced-motion:reduce){.swipe-back-hint{transition:none}}

.swipe-back-hint.is-forward{left:auto;right:-42px;border-radius:24px 0 0 24px;transform:translateX(calc(-1 * var(--swipe,0px)))}