@property --gradient-color-2{syntax:'<color>';initial-value:#6366f1;inherits:false}#toc-backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999998;opacity:0;pointer-events:none}#motion-toc-wrapper{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;z-index:999999;opacity:0;transform:translateY(40px);pointer-events:none}#motion-toc-pill{background:#242424;border:1px solid rgb(255 255 255 / .15);border-radius:40px;width:380px;max-width:95vw;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 10px 30px -10px rgb(0 0 0 / .5);transition:width 0.4s cubic-bezier(.23,1,.32,1),border-radius 0.4s,padding 0.4s}#motion-toc-pill::before{content:"";position:absolute;inset:0;background:radial-gradient(120px circle at var(--x,50%) var(--y,50%),rgb(255 255 255 / .12),transparent 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity 0.2s}#motion-toc-pill:hover::before{opacity:1}.pill-main-bar{padding:8px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;order:2;z-index:2;position:relative;background:none;border:none;color:inherit;font-family:inherit}.pill-color-dot{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#a5b4fc,var(--gradient-color-2));transition:--gradient-color-2 0.5s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pill-title{font-size:13px;color:#fff;flex:1;position:relative;height:1.4em;overflow:hidden;font-weight:400}.pill-text-current,.pill-text-next{position:absolute;inset:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pill-text-next{opacity:0;transform:translateY(20px)}.pill-content-list{display:none;padding:0 10px 10px 10px;max-height:50vh;overflow-y:auto;order:1;z-index:2;scrollbar-width:thin;flex-direction:column;gap:2px;-webkit-overflow-scrolling:touch}#motion-toc-pill.is-open .pill-content-list{display:flex}.toc-item{display:block;font-size:13px;padding:10px 12px;text-decoration:none!important;border-radius:8px;transition:background 0.3s ease-out,color 0.3s ease-out,transform 0.2s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc;position:relative}.toc-item::before{content:"";position:absolute;inset:0;background:rgb(255 255 255 / .1);border-radius:8px;opacity:0;transition:opacity 0.3s ease-out;z-index:-1}.toc-h2{color:#ccc}.toc-h3{color:#969696!important;padding-left:28px!important}.toc-item.active,.toc-item:hover{color:#fff!important;transform:translateX(2px)}.toc-item.active::before,.toc-item:hover::before{opacity:1}.toc-item.active{background:rgb(255 255 255 / .1)}#circle-indicator{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:62.83;stroke-dashoffset:62.83;transform:rotate(-90deg);transform-origin:14px 14px}#motion-toc-pill.is-open{width:500px;border-radius:24px;padding-top:20px}#motion-toc-pill.is-open .pill-main-bar{padding:8px 0 8px;border-top:1px solid rgb(255 255 255 / .1);margin:10px 12px 0}@media (min-width:768px){#motion-toc-pill.is-open{width:600px}}@media (max-width:767px){#motion-toc-wrapper{bottom:10px}#motion-toc-pill{width:300px}.pill-main-bar{padding:6px 8px}.pill-content-list{padding:0 6px 6px 6px}#motion-toc-pill.is-open{width:95vw!important;max-width:95vw!important;border-radius:20px;padding:12px 4px 4px 4px}#motion-toc-pill.is-open .pill-main-bar{padding:12px 8px 6px 8px;margin:8px 0 0;border-top:1px solid rgb(255 255 255 / .1);border-radius:20px}}h2,h3{scroll-margin-top:100px}@media (max-width:767px){h2,h3{scroll-margin-top:30px}}