.phone{min-height:2100px}

/* Cyclic, pinnable task stack */
.task-head>button{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;padding:4px 0!important}
.task-stack{position:relative;height:390px;margin-top:16px;touch-action:pan-x;perspective:900px;isolation:isolate}
.task-stack .task-card{position:absolute;inset:0 0 auto;box-sizing:border-box;height:276px;margin:0!important;padding:22px!important;border-radius:30px;overflow:hidden;transition:transform .46s cubic-bezier(.2,.8,.2,1),top .46s cubic-bezier(.2,.8,.2,1),height .46s,opacity .35s,filter .35s;transform-origin:50% 0;cursor:grab;will-change:transform,top}
.task-stack .task-card:active{cursor:grabbing}
.task-stack .task-card.stack-active{top:0;z-index:3;transform:translateY(0) scale(1);opacity:1;filter:none;pointer-events:auto}
.task-stack .task-card.stack-next{top:248px;left:15px;right:15px;height:92px;z-index:2;transform:scale(.965);opacity:.96;filter:saturate(.9);pointer-events:none}
.task-stack .task-card.stack-last{top:306px;left:29px;right:29px;height:70px;z-index:1;transform:scale(.92);opacity:.88;filter:saturate(.82);pointer-events:none}
.task-stack .task-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.task-stack .task-card h3{margin:0 0 12px;line-height:1.28}
.task-stack .task-card .task-details{opacity:1;transform:translateY(0);transition:opacity .22s .16s,transform .3s .12s}
.task-stack .task-card:not(.stack-active) .task-details{opacity:0;transform:translateY(12px);pointer-events:none}
.task-stack .task-card.stack-next header,.task-stack .task-card.stack-last header{margin-bottom:5px}
.task-stack .task-card.stack-next h3,.task-stack .task-card.stack-last h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pin-task{display:flex;align-items:center;justify-content:center;gap:4px;min-width:30px;height:30px;padding:0 8px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.42)!important;background:rgba(255,255,255,.16)!important;color:inherit!important;font-size:10px;line-height:1;box-shadow:0 6px 16px rgba(14,20,69,.16);backdrop-filter:blur(12px)}
.pin-glyph{position:relative;display:block;width:13px;height:13px;font-size:0;transform:rotate(-35deg)}
.pin-glyph:before{content:"";position:absolute;left:3px;top:0;width:8px;height:8px;border-radius:50% 50% 45% 45%;background:currentColor;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.pin-glyph:after{content:"";position:absolute;left:6px;top:6px;width:2px;height:8px;background:currentColor;border-radius:2px}
.pin-label{display:none;white-space:nowrap}
.task-card.is-pinned .pin-task{min-width:62px;background:rgba(255,255,255,.25)}
.task-card.is-pinned .pin-label{display:inline}
.task-stack .exchange-rate{display:flex;align-items:center;justify-content:space-between;margin:15px 0;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.14)}
.task-stack .exchange-rate i{font-style:normal;opacity:.7}
.task-stack .review-status{display:flex;align-items:center;justify-content:space-between;margin:15px 0;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.14)}
.stack-hint{position:absolute;left:50%;bottom:-2px;z-index:5;transform:translateX(-50%);margin:0;padding:5px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-size:11px;color:rgba(255,255,255,.72)!important;white-space:nowrap}
.task-stack.expanded{height:876px;display:flex;flex-direction:column;gap:16px;perspective:none}
.task-stack.expanded .task-card{position:relative;inset:auto!important;flex:0 0 276px;width:100%;height:276px!important;transform:none!important;opacity:1!important;filter:none!important;pointer-events:auto!important;z-index:auto!important}
.task-stack.expanded .task-card .task-details{opacity:1!important;transform:none!important;pointer-events:auto!important}
.task-stack.expanded .stack-hint{bottom:-28px}
@media (prefers-reduced-motion:reduce){.task-stack .task-card{transition-duration:.01ms}}