:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--E: #DE5B5B;--E1: #F1BCBC;--E2: #FDD6D6;--E3: #FBEEEE;--A1: #406185;--A2: #99ABBE}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:100%;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f9f9f9}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{width:100%;padding:12px 8px;box-sizing:border-box;background:#f9f9f9;min-height:100vh}.tb-list{display:flex;flex-direction:column;gap:16px;width:100%}.anim-controls{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.anim-controls button{border:1px solid #d1d5db;background:#fff;color:#111827;padding:4px 8px;border-radius:6px;font-size:12px;line-height:1.2}.anim-controls button.active{border-color:#406185;color:#406185}@media(max-width:380px){.anim-controls{gap:4px}.anim-controls button{padding:3px 6px;font-size:11px;border-radius:6px}}.tb-stack{position:relative;z-index:0;isolation:isolate;width:100%;min-height:var(--stack-height, 56px);overflow:hidden}.tb-stack__item{position:absolute;left:0;width:100%;transition:top .24s cubic-bezier(.22,1,.36,1);will-change:top}.tb-stack{--tb-sat-step: .18;--tb-gray-step: .12}.tb-stack .tb-stack__item .tb-card{filter:saturate(clamp(.65,calc(1 - (var(--tb-layer, 0) * var(--tb-sat-step))),1)) grayscale(clamp(0,calc(var(--tb-layer, 0) * var(--tb-gray-step)),.4))}@media(min-width:768px){.app{display:flex;justify-content:center}.tb-list{width:min(720px,100%)}}.tb-card{display:flex;width:100%;background:var(--W, #FFF);border:.5px solid var(--G6, #E5E5E5);border-radius:0 4px 4px 0;overflow:hidden;align-items:stretch;box-shadow:none;transition:box-shadow .22s ease,transform .22s ease;--tb-minute-scale: 1.2px;--tb-min-height: 56px;--tb-padding-vert: 16px;min-height:max(var(--tb-min-height),calc((var(--tb-minute-scale) * var(--tb-duration)) + var(--tb-padding-vert)),var(--tb-content-min, 0px))}.tb-card__left{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;position:relative;--tb-arrow-gap: 10px;flex:0 0 56px;width:56px;background:var(--tb-left-bg, var(--E1, #F1BCBC));border-radius:4px;color:var(--tb-left-fg, var(--E, #DE5B5B))}.tb-card__times{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0;align-self:stretch;width:100%;height:100%;padding:6px 0}.tb-card__arrow{position:absolute;left:50%;transform:translate(-50%);top:var(--tb-arrow-top, 18px);height:var(--tb-arrow-height, calc(100% - 36px) );width:1px;color:var(--tb-left-fg, var(--E, #DE5B5B));background:currentColor;border-radius:0;pointer-events:none}.tb-card__arrow:before,.tb-card__arrow:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.tb-card__arrow:before{top:-5px;border-bottom:6px solid currentColor}.tb-card__arrow:after{bottom:-5px;border-top:6px solid currentColor}.tb-card__time{font-size:12px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:2px}.tb-card__time-main{font-size:12px}.tb-card__ampm{font-size:10px;text-transform:lowercase;opacity:.9}.tb-card__time--start{margin-top:2px}.tb-card__time--end{margin-bottom:2px}.tb-card__content{flex:1 1 auto;padding:10px 12px;display:flex;flex-direction:column;align-items:stretch;gap:8px;background:#fff;color:#111827}.tb-card__intrinsic{display:block}.tb-card__topbar{display:flex;padding-right:8px;align-items:center;gap:4px;align-self:stretch}.tb-card__actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;flex:1 0 0}.tb-card__actions .tb-icon{color:var(--A1, #406185)}.tb-stack .tb-card__actions .tb-icon{color:var(--A2, #99ABBE)}.tb-stack .tb-stack__item:last-child .tb-card__actions .tb-icon{color:var(--A1, #406185)}.tb-icon{width:16px;height:16px;flex-shrink:0;color:#9ca3af}.tb-card__bottom{display:flex;padding:0 8px;align-items:center;gap:4px;align-self:stretch;margin-top:auto}.tb-icon--users{width:12px;height:12px;color:var(--A1, #406185)}.tb-card__avatars{display:flex;align-items:center;gap:4px}.tb-user{display:inline-flex;width:18px;height:18px;padding:0;justify-content:center;align-items:center;border-radius:50%;aspect-ratio:1 / 1;flex:0 0 auto;background:var(--F, #0078FF);color:#fff;font-size:10px;font-weight:700;line-height:1;text-transform:uppercase}.tb-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;color:var(--A, #002D5D);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.tb-stack .tb-stack__item:not(:last-child) .tb-card__title{opacity:.5}.tb-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;color:var(--B, #222);font-family:Kantumruy Pro,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:10px;font-style:normal;font-weight:500;line-height:12px}.tb-stack .tb-stack__item:not(:last-child) .tb-card__desc{opacity:.5}.tb-stack .tb-stack__item:not(:last-child) .tb-user{opacity:.5}.tb-stack .tb-stack__item:not(:last-child) .tb-priority{opacity:.5}.tb-card--compact .tb-card__content{padding:8px 10px}@media(max-width:360px){.tb-card__left{flex-basis:48px}.tb-card__title{font-size:13px}}@media(prefers-color-scheme:dark){.tb-card{background:var(--W, #FFF);border-color:var(--G6, #E5E5E5);box-shadow:none}.tb-card__content{background:#fff}.tb-card__title{color:var(--A, #002D5D)}.tb-card__desc{color:var(--B, #222)}.tb-card__left{background:var(--tb-left-bg, var(--E1, #F1BCBC));color:var(--tb-left-fg, var(--E, #DE5B5B))}.tb-icon{color:#9ca3af}.tb-card__actions .tb-icon{color:var(--A1, #406185)}.tb-stack .tb-card__actions .tb-icon{color:var(--A2, #99ABBE)}.tb-stack .tb-stack__item:last-child .tb-card__actions .tb-icon{color:var(--A1, #406185)}.tb-icon--users{color:var(--A1, #406185)}}.tb-stack .tb-stack__item:last-child .tb-card{box-shadow:0 4px 12px #0000001f}.anim--lift .tb-stack .tb-stack__item.promote .tb-card{transform:scale(1.02);box-shadow:0 6px 18px #00000029;animation:tb-lift-pop .3s cubic-bezier(.22,1,.36,1) both;will-change:transform,box-shadow}.tb-card__left:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff59,#fff0 60%);opacity:0;transform:translateY(-100%);pointer-events:none}.anim--lift .tb-stack .tb-stack__item.promote .tb-card__left:after{animation:tb-sweep .22s ease-out both}@keyframes tb-lift-pop{0%{transform:scale(1);box-shadow:0 2px 6px #00000014}60%{transform:scale(1.03);box-shadow:0 10px 24px #0000002e}to{transform:scale(1);box-shadow:0 4px 12px #0000001f}}@keyframes tb-sweep{0%{transform:translateY(-100%);opacity:0}30%{opacity:.45}to{transform:translateY(100%);opacity:0}}.anim--slide .tb-stack .tb-stack__item.promote .tb-card{animation:tb-slide-tilt .34s cubic-bezier(.2,.8,.2,1) both;will-change:transform,box-shadow}@keyframes tb-slide-tilt{0%{transform:translate(0) rotate(0);box-shadow:0 2px 6px #0000000f}50%{transform:translate(6px) rotate(1.5deg);box-shadow:0 10px 24px #0000002e}to{transform:translate(0) rotate(0);box-shadow:0 4px 12px #0000001f}}.anim--outline .tb-stack .tb-stack__item.promote .tb-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:conic-gradient(from 0deg,#40618559,#40618500 40%);-webkit-mask:radial-gradient(circle at center,transparent 72%,black 73%);mask:radial-gradient(circle at center,transparent 72%,black 73%);opacity:0;animation:tb-outline .26s ease-out both}@keyframes tb-outline{0%{opacity:0;transform:rotate(0);box-shadow:0 0 #40618500}50%{opacity:.55;transform:rotate(180deg);box-shadow:0 0 #40618500}to{opacity:0;transform:rotate(360deg);box-shadow:0 0 #40618500}}.anim--wallet2 .tb-stack{perspective:1200px;transform-style:preserve-3d}.anim--wallet2 .tb-stack--promoting .tb-stack__item .tb-card{transition:transform .46s cubic-bezier(.2,.8,.2,1),box-shadow .46s;transform-origin:50% 50%;will-change:transform,box-shadow}.anim--wallet2 .tb-stack--promoting .tb-stack__item:not(.promote) .tb-card{transform:translate(calc(var(--tb-layer, 0) * -6px)) translateY(calc(var(--tb-layer, 0) * -5px)) translateZ(calc(var(--tb-layer, 0) * -10px)) rotate(calc(var(--tb-layer, 0) * -1.2deg)) rotateX(6deg) scale(.982);box-shadow:0 2px 6px #00000014}.anim--wallet2 .tb-stack--promoting .tb-stack__item.promote .tb-card{transform:translateZ(56px) scale(1.06) rotateX(0) translate(0) translateY(0);box-shadow:0 16px 36px #0000003d}.anim--shuffle{--tb-shuffle-dur: 8.9s;--tb-shuffle-ease: cubic-bezier(.16, 1, .3, 1);--tb-shuffle-delay-step: .89s}.anim--shuffle .tb-stack--promoting .tb-stack__item .tb-card{will-change:transform,box-shadow;transform-origin:50% 50%}.anim--shuffle .tb-stack--promoting .tb-stack__item.promote .tb-card{animation:tb-shuffle-promote var(--tb-shuffle-dur) var(--tb-shuffle-ease) both}.anim--shuffle .tb-stack--promoting .tb-stack__item:not(.promote) .tb-card{animation:tb-shuffle-behind var(--tb-shuffle-dur) var(--tb-shuffle-ease) both;animation-delay:calc(var(--tb-layer, 0) * var(--tb-shuffle-delay-step))}@keyframes tb-shuffle-promote{0%{transform:translateY(0) scale(1) rotateX(0) rotate(0);box-shadow:0 2px 6px #00000014}48%{transform:translateY(-28px) scale(1.08) rotateX(4deg) rotate(.6deg);box-shadow:0 14px 30px #00000038}to{transform:translateY(0) scale(1) rotateX(0) rotate(0);box-shadow:0 6px 16px #00000024}}@keyframes tb-shuffle-behind{0%{transform:translateY(0) scale(1) rotate(0);box-shadow:0 2px 6px #0000000f}48%{transform:translateY(calc(14px + var(--tb-layer, 0) * 5px)) scale(.975) rotate(-.6deg);box-shadow:0 6px 14px #00000024}to{transform:translateY(0) scale(1) rotate(0);box-shadow:0 2px 6px #0000000f}}@media(prefers-reduced-motion:reduce){.tb-stack .tb-stack__item.promote .tb-card{animation:none}.tb-stack .tb-stack__item.promote .tb-card__left:after{animation:none}.tb-stack .tb-stack__item.promote .tb-card:after{animation:none}.anim--wallet .tb-stack--promoting .tb-stack__item .tb-card,.anim--wallet2 .tb-stack--promoting .tb-stack__item .tb-card{transition:none}.anim--shuffle .tb-stack--promoting .tb-stack__item .tb-card{animation:none}}.tb-priority{--tb-priority-color: var(--M1, #8B008B);display:flex;width:129px;height:16px;padding:0 8px;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--tb-priority-color)}.tb-priority-text{line-height:1;color:inherit}.tb-priority-diamond{width:var(--tb-diamond-size, 8.485px);height:var(--tb-diamond-size, 8.485px);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(45deg);border:1px solid var(--tb-priority-color);background:var(--tb-priority-color)}.tb-priority-number{transform:rotate(-45deg);color:#fff;font-size:9px;line-height:1;font-weight:700}