:root{--out:cubic-bezier(.22, 1, .36, 1);--out-expo:cubic-bezier(.16, 1, .3, 1)}html:not(.ready) .state{animation:rise-blur .8s var(--out-expo) both}html:not(.ready) .grid>*,html:not(.ready) .cols>*,html:not(.ready) .pair>*,html:not(.ready) .agent-top>*,html:not(.ready) .agent-low>*,html:not(.ready) .main>.sc,html:not(.ready) .stack-top>.sc{animation:rise .7s var(--out) both}html:not(.ready) .grid>:nth-child(2),html:not(.ready) .cols>:nth-child(2),html:not(.ready) .pair>:nth-child(2),html:not(.ready) .agent-top>:nth-child(2),html:not(.ready) .agent-low>:nth-child(2){animation-delay:60ms}html:not(.ready) .grid>:nth-child(3),html:not(.ready) .cols>:nth-child(3),html:not(.ready) .agent-low>:nth-child(3){animation-delay:.12s}html:not(.ready) .grid>:nth-child(4){animation-delay:.18s}html:not(.ready) .grid>:nth-child(5){animation-delay:.24s}html:not(.ready) .grid>:nth-child(n+6){animation-delay:.3s}html:not(.ready) .list .row{animation:rise .6s var(--out) both}html:not(.ready) .list .row:nth-child(2){animation-delay:50ms}html:not(.ready) .list .row:nth-child(3){animation-delay:.1s}html:not(.ready) .list .row:nth-child(n+4){animation-delay:.15s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes rise-blur{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}}html.ready .bars span{animation:none}.pill,.tbtn,.chip,.starbtn,.tog,a.tag,.burger,.drop{transition:transform .14s var(--out), background .2s, box-shadow .2s, color .2s, opacity .2s}.pill:active,.tbtn:active,.chip:active,a.tag:active,.burger:active{transform:scale(.97)}.starbtn:active,.tog:active{transform:scale(.9)}.drop:active{transform:scale(.99)}.pill svg,.tbtn svg{transition:transform .25s var(--out)}.pill:hover svg:last-child:not(:first-child){transform:translate(3px)}.tbtn:hover{background:var(--card-2)}.status.red svg{transition:transform .3s var(--out)}.fav:hover .status.red svg,.status.red:hover svg{transform:translate(2px,-2px)}.starbtn,.tbtn[data-star]{position:relative}.pop svg{animation:star-pop .45s var(--out)}.pop:after{content:"";box-shadow:0 0 0 1px var(--text);animation:ring .5s var(--out) forwards;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.tbtn.pop:after{border-radius:var(--r-btn)}@keyframes star-pop{0%{transform:scale(.6)rotate(-30deg)}60%{transform:scale(1.15)rotate(6deg)}to{transform:none}}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes card-in{0%{opacity:0;transform:scale(.96)translateY(8px)}}.toast{z-index:40;align-items:center;gap:var(--s-4);height:48px;padding:0 6px 0 var(--s-5);background:var(--card-2);box-shadow:inset 0 0 0 1px var(--line-2);animation:toast-in .4s var(--out) both;border-radius:999px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.out{animation:.22s ease-in forwards toast-out}.toast button{height:36px;padding:0 var(--s-4);background:var(--text);color:var(--bg);border-radius:999px;font-size:13px;font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,10px)}}@media (max-width:600px){.toast{left:var(--s-4);right:var(--s-4);bottom:var(--s-4);height:auto;min-height:52px;padding:var(--s-1) var(--s-1) var(--s-1) var(--s-5);border-radius:var(--r-md);justify-content:space-between;animation-name:toast-in-ph;transform:none}.toast.out{animation-name:toast-out-ph}.toast span{min-width:0;padding:var(--s-2) 0;line-height:1.35}.toast button{flex:none;height:44px}.addd[open]{animation:sheet-in .35s var(--out) both}}@keyframes toast-in-ph{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes toast-out-ph{to{opacity:0;transform:translateY(10px)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.copied{pointer-events:none}.copied .ck{width:14px;height:14px}.copied .ck path{stroke-dasharray:14;stroke-dashoffset:14px;animation:draw .35s var(--out) 50ms forwards}@keyframes draw{to{stroke-dashoffset:0}}.fav{transition:transform .35s var(--out), box-shadow .25s, background .25s}.fav:active{transform:scale(.995)}.fav .bars span:not(.w):not(.r){transition:background .3s}.fav:hover .bars span:not(.w):not(.r){background:var(--bar-hover)}.add .chip{transition:transform .14s var(--out), background .2s, color .2s}.bars span,.mini span{transition:filter .15s, transform .2s var(--out);position:relative}.bars span:hover{filter:brightness(1.6)}.bars span.w:hover,.bars span.r:hover{filter:brightness(1.15)}.bars span[data-tip]:hover:after{content:attr(data-tip);white-space:nowrap;background:var(--card-3);box-shadow:inset 0 0 0 1px var(--line-2);font-family:var(--mono);color:var(--text);z-index:4;pointer-events:none;animation:tip .18s var(--out);border-radius:8px;padding:5px 8px;font-size:10.5px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tip{0%{opacity:0;transform:translate(-50%,4px)}}@keyframes block{0%{transform:scaleY(0)}}.row{position:relative}.list{z-index:0;position:relative}.tog svg{transition:transform .35s var(--out)}.row.open .tog svg{transform:rotate(180deg)}.row.open .tog{background:var(--text);color:var(--bg)}.detail .inner{opacity:0;transition:opacity .3s, transform .4s var(--out);transform:translateY(-6px)}.row.open .detail .inner{opacity:1;transition-delay:80ms;transform:none}.links a{position:relative}.links a>:first-child{transition:transform .25s var(--out)}.links a:hover>:first-child{transform:translate(6px)}.item>span:first-child{transition:transform .25s var(--out)}.item:hover>span:first-child{transform:translate(3px)}.item .count{transition:box-shadow .2s, color .2s, transform .2s var(--out)}.item:hover .count{box-shadow:inset 0 0 0 1px var(--line-3);color:var(--text)}.srow>span{transition:transform .25s var(--out)}.srow:hover>span{transform:translate(6px)}.search{transition:box-shadow .2s}.results.on{animation:drop-in .22s var(--out)}.results.on button{animation:rise .3s var(--out) both}.results.on button:nth-child(2){animation-delay:30ms}.results.on button:nth-child(3){animation-delay:60ms}.results.on button:nth-child(n+4){animation-delay:90ms}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}}.results button{transition:background .15s}@keyframes swap{0%{opacity:0;transform:translateY(4px)}}html:not(.ready) .track .bad,html:not(.ready) .track .ok{animation:grow-x .8s var(--out) both;transform-origin:0}html:not(.ready) .track .ok{animation-delay:.25s}html:not(.ready) .track .you{animation:you-in .5s var(--out) .55s both}html:not(.ready) .track .lab,html:not(.ready) .track .mark{animation:rise .4s var(--out) .45s both}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes you-in{0%{opacity:0;transform:translate(-50%,-10px)}}.track .you i{transition:transform .2s var(--out)}.track:hover .you i{transform:scale(1.3)}@keyframes grow-y{0%{transform:scaleY(0)}}@media (max-width:960px){.side.open{animation:slide-in .35s var(--out)}.side.open .item{animation:rise .4s var(--out) both}.side.open .group:nth-child(2) .item{animation-delay:50ms}.side.open .group:nth-child(3) .item{animation-delay:.1s}.side.open .group:nth-child(4) .item{animation-delay:.15s}@keyframes slide-in{0%{opacity:0;transform:translate(-24px)}}}.side:hover .live i{animation-duration:1.2s}@media (prefers-reduced-motion:reduce){.fav,.links a,.srow{transition:none}}::view-transition-old(root){animation:vt-out .16s var(--out) both}::view-transition-new(root){animation:vt-in .32s var(--out) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}