@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Delius&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Delius&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:Barlow,sans-serif;font-size:14px;line-height:1.2}.app{min-height:100vh;position:relative}.app.scrolled .container{padding-top:2rem}.header{background-color:#0000;height:auto;left:0;padding:1rem 12rem .5rem;position:sticky;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.header:before{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(180deg,#000 0,#000000e6 30%,#000000b3 80%,#0000);-webkit-mask:linear-gradient(180deg,#000 0,#000000e6 30%,#000000b3 80%,#0000)}.header:after,.header:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.header:after{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);mask:linear-gradient(180deg,#0000 0,#0000004d 30%,#000000b3 60%,#0006 80%,#0000);-webkit-mask:linear-gradient(180deg,#0000 0,#0000004d 30%,#000000b3 60%,#0006 80%,#0000)}.header-content{margin:0 auto;max-width:800px}.header.scrolled .header-content{border-bottom:1.5px solid rgba(86,161,208,.423)}.hero{padding-top:2rem}.header-hero-titles .hero-title{font-size:1.5rem;font-weight:500;margin-bottom:.5rem;transition:transform .3s ease-out,font-size .3s ease-out}.header-hero-titles .hero-subtitle{color:#319ace;font-size:1.3rem;font-weight:400;margin-bottom:1rem;transition:transform .3s ease-out,font-size .3s ease-out}.container{margin:0 auto;max-width:1200px;padding:0 12rem 10rem;position:relative;width:100%;z-index:1}.container-overlay{background:linear-gradient(150deg,#ececec4d,#bde9ff33);height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100%}.hero-image{border-radius:4px;margin-right:1.5rem;overflow:hidden;width:200px}.hero-image img{border-radius:4px;height:100%;object-fit:cover;object-position:center;width:100%}.hero-flex-container{align-items:flex-start;display:flex}.hero{align-items:center;display:flex;justify-content:center;min-height:30vh;overflow:hidden;position:relative;transition:height .5s ease-out,transform .5s ease-out,box-shadow .5s ease;width:100%;z-index:10}.hero-content{max-width:800px;opacity:1;transition:transform .3s ease-out,opacity .3s ease-out;width:100%;will-change:transform}.hero-title{font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.hero-subtitle,.hero-title{transition:transform .3s ease-out,font-size .3s ease-out}.hero-subtitle{color:#319ace;font-size:1.3rem;font-weight:400;margin-bottom:3rem}.hero-text p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem;padding-right:1rem;transition:opacity .3s ease-out,transform .3s ease-out}.hero-text p:last-child{margin-bottom:0}.research{align-items:flex-start;display:flex;justify-content:center;margin-bottom:3.5rem;padding:2rem 0}.research-content{max-width:800px;width:100%}.research-content .hero-text,.research-title{margin-bottom:2rem}.research-title{color:#a1a1a1;font-size:1rem;font-weight:400}.section-tabs{display:flex;flex-wrap:wrap;gap:1.75rem;margin-bottom:2rem}.section-tab{background:#0000;border:0;color:#a1a1a1;cursor:pointer;font-family:Barlow,sans-serif;font-size:1rem;font-weight:400;padding:0;transition:color .25s ease}.section-tab:hover{color:#319ace}.section-tab.active{color:#333}.section-tab-panel{animation:section-tab-in .35s ease both}@keyframes section-tab-in{0%{opacity:0;transform:translateY(4px)}}.footer{background-color:#fff;bottom:0;color:#333;padding:1rem 0 2rem;text-align:center;width:100%}.footer p{color:#a1a1a1;font-size:1rem;font-weight:300}.papers-list .paper{margin-bottom:2.5rem}.papers-list .paper:last-child{margin-bottom:0}.papers-list .paper-container{align-items:flex-start;display:flex;gap:1.5rem}.papers-list .paper-thumbnail{border-radius:4px;flex-shrink:0;height:160px;overflow:hidden;width:240px}.papers-list .paper-thumbnail img{height:100%;object-fit:cover;object-position:center;width:100%}.papers-list .paper-details{flex:1 1}.papers-list .paper-title{font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.papers-list .paper-authors{font-size:.9rem;margin-bottom:.3rem}.papers-list .paper-authors .highlighted-author{color:#000;font-weight:500}.papers-list .paper-venue{color:#319ace;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.papers-list .paper-award{color:#e08c2b;font-weight:500}.papers-list .paper-links{display:flex;gap:1rem;margin-top:.7rem}.papers-list .paper-link{background:linear-gradient(135deg,#ffffff4d,#97dcff33);border-radius:2px;color:#333;font-size:.7rem;padding:.3rem .7rem;text-decoration:none;transition:all .2s ease}.papers-list .paper-link:hover{background:linear-gradient(135deg,rgba(186,228,255,.429),#07a1ee57);border-color:#319ace}.papers-list .paper-abstract{font-size:1.1rem;line-height:1.7}.flex-center{align-items:center;display:flex;justify-content:center}.year{color:#a1a1a1;font-weight:400;margin-right:.5rem}.hero-intro{margin-right:1.2rem}.hero-caption{font-size:.8rem!important;margin-bottom:0!important}.hero-caption,.hero-caption2{color:#a1a1a1;font-weight:400}.hero-caption2{font-size:1.1rem!important;margin-bottom:.5rem!important}.hero-contact-email{color:#a1a1a1;font-size:.8rem!important;font-weight:400;margin-bottom:0!important;margin-top:.5rem!important}.hero-lab-link{border-radius:4px;color:#000;font-weight:500;padding:.3rem .2rem;text-decoration:none}.hero-lab-link:hover{background:linear-gradient(135deg,#ffffff4d,#97dcff33);color:#319ace;transition:all .2s ease}.hero-contact{color:#a1a1a1;font-size:.8rem!important;font-weight:400;margin-bottom:0!important;margin-top:.5rem!important}.hero-contact:hover{transform:scale(1.05) translateX(.3rem)!important;transition:all .3s ease}.hero-contact a{color:#a1a1a1;text-decoration:none}.hero-contact a:hover{color:#319ace;transition:all .2s ease}.hero-research-container{display:flex;flex-direction:row;font-size:1.1rem;gap:.5rem}.hero-research-container p{margin-bottom:0;margin-top:0}.activity-log{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:800px;padding:2rem;width:100%}.activity-log-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.activity-log-title{color:#333;font-size:1.3rem;font-weight:500;margin:0}.activity-log-tags{display:flex;flex-wrap:wrap;gap:.5rem}.activity-tag{background:#0000;border:1px solid #319ace4d;border-radius:20px;color:#319ace;cursor:pointer;font-family:Barlow,sans-serif;font-size:.8rem;font-weight:400;padding:.5rem 1rem;transition:all .3s ease}.activity-tag:hover{background:linear-gradient(135deg,#319ace1a,#319ace33);transform:translateY(-1px)}.activity-tag.active{background:linear-gradient(135deg,#319ace33,#319ace4d);color:#333;font-weight:500;position:relative}.activity-tag.active:after{background:#319ace;border-radius:1px;bottom:-2px;box-shadow:0 0 4px #319ace4d;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.activity-log-content{max-height:400px;overflow-y:auto;padding-right:1rem;scrollbar-color:#cdeeff1a #ffffff1a;scrollbar-width:thin}.activity-log-content::-webkit-scrollbar{width:8px}.activity-log-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.activity-log-content::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#319ace4d,#97cde880);border-radius:4px}.activity-log-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#319ace80,#319aceb3)}.activity-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.activity-item:last-child{margin-bottom:0}.activity-time{color:#319ace;flex-shrink:0;font-size:.9rem;font-weight:500;min-width:80px;padding-top:.2rem}.activity-content{color:#333;flex:1 1;font-size:1rem;line-height:1.6}.activity-link-button{color:#333333d9}.activity-link-button:hover{color:#319ace;transition:all .2s ease-in-out}@media(max-width:700px){.activity-log{margin:1.5rem auto;padding:1.5rem}.activity-log-header{align-items:flex-start;flex-direction:column;gap:1rem}.activity-log-title{font-size:1.2 rem}.activity-item{flex-direction:column;gap:.5rem}.activity-time{min-width:auto;padding-top:0}.activity-log{margin:1rem auto;padding:1rem}.activity-log-content{max-height:300px}.activity-content{font-size:.9rem}}@media(max-width:768px){.container{padding:2rem 12rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1.2rem}.hero-text p{font-size:1.1rem}.research-title{font-size:1.5rem}.paper-title{font-size:1.2rem}.paper-abstract{font-size:1.1rem}.hero-flex-container{align-items:center}.container{padding:1.5rem 12rem}.hero-title{font-size:1.5rem}.hero-text p{font-size:1rem}.paper-title{font-size:1.1rem}.paper-abstract{font-size:1rem}.paper-container{flex-direction:column}.paper-thumbnail{height:112px;margin-bottom:1rem;width:80px}.hero-flex-container{align-items:flex-start;flex-direction:row;gap:1rem}.hero-image{display:flex;flex-direction:column;flex-shrink:0;margin-bottom:0;margin-left:2rem;margin-right:0;width:120px}.hero-image img{margin-bottom:.5rem;width:120px}.hero-intro{flex:1 1;text-align:left}}.activity-log-inline{margin-bottom:1rem;position:relative}.activity-log-header-inline{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.activity-log-tags-inline{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:1rem}.activity-tag-inline{background:#0000;border:none;border-radius:15px;color:#333;cursor:pointer;font-family:Barlow,sans-serif;font-size:.85rem;font-weight:400;opacity:.6;padding:.3rem .8rem;transition:all .3s ease}.activity-tag-inline:hover{background:#0000;color:#319ace;transform:translateY(-1px)}.activity-tag-inline.active{background:#0000;color:#319ace;font-weight:500;opacity:1;position:relative}.activity-log-content-inline{direction:rtl;height:200px;-webkit-mask-image:linear-gradient(180deg,#000 70%,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(180deg,#000 70%,#0000),linear-gradient(#000,#000);-webkit-mask-position:right top,left top;mask-position:right top,left top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(100% - 3px) 100%,3px 100%;mask-size:calc(100% - 3px) 100%,3px 100%;overflow-y:auto;overscroll-behavior:contain;padding-left:1rem;position:relative}.activity-log-content-inline.at-bottom{-webkit-mask-image:none;mask-image:none}.activity-log-content-inline>*{direction:ltr}.activity-log-content-inline:hover{overscroll-behavior:contain}.activity-log-content-inline::-webkit-scrollbar{width:3px}.activity-log-content-inline::-webkit-scrollbar-track{background:#0000}.activity-log-content-inline::-webkit-scrollbar-thumb{background:#0000;border:none;border-radius:2px}.activity-log-content-inline:hover::-webkit-scrollbar-thumb{background:#319ace4d}.activity-log-content-inline.at-bottom:hover::-webkit-scrollbar-thumb{background:#319ace26}@supports not selector(::-webkit-scrollbar){.activity-log-content-inline{scrollbar-color:#0000 #0000;scrollbar-width:thin}.activity-log-content-inline:hover{scrollbar-color:#319ace4d #0000}}.activity-item-inline{color:#333;font-size:1.1rem;font-weight:300;line-height:1.7;margin-bottom:.8rem;opacity:.6;position:relative;transition:opacity .3s ease;z-index:2}.activity-item-inline:last-child{margin-bottom:0}.activity-item-inline.current{opacity:1}.activity-time-inline{color:#a1a1a1;font-size:.8rem;font-weight:400;margin-right:.5rem}.activity-time-inline.current{color:#319ace;font-size:.9rem;font-weight:500}.activity-content-inline{color:#333}@media(max-width:768px){.activity-log-header-inline{align-items:flex-start;flex-direction:column;gap:.5rem}.activity-log-content-inline{height:150px}}@media(max-width:700px){#current-intro-text,.hero-caption{margin-left:1rem}.hero-caption{font-size:1rem!important}.activity-log-content-inline{height:240px;text-align:left}.activity-item-inline{align-items:flex-start;font-size:1rem}.activity-time-inline{font-size:.7rem}.activity-time-inline.current{font-size:.8rem}.activity-log-tags-inline{justify-content:flex-start;margin-top:.5rem}.header{padding-left:2rem;padding-right:2rem}.header .hero-title{font-size:1.2rem!important}.header .hero-subtitle{font-size:1.2rem}.header-content{max-width:100%}.research{padding:0 2rem}.research-content{max-width:100%}.paper-container{gap:0!important}.paper-thumbnail{height:auto!important;max-width:100%!important;padding:0 50px;width:100%!important}.paper-links{margin-bottom:1rem}}@media(max-width:992px){.header{padding-left:2rem;padding-right:2rem}.header-content{max-width:100%}.research-title{font-size:1rem}}.blogs{align-items:flex-start;display:flex;justify-content:center;margin-bottom:5rem;padding:2rem 0}.blogs-content{max-width:800px;width:100%}.blogs-empty-message{color:#a1a1a1;font-size:1.1rem;font-style:italic;line-height:1.7}.blogs-list .blog-card{margin-bottom:2.5rem}.blogs-list .blog-card:last-child{margin-bottom:0}.blogs-list .blog-link{color:inherit;text-decoration:none}.blogs-list .blog-link:hover .blog-read-more{transform:translateX(4px)}.blogs-list .blog-container{align-items:flex-start;display:flex;gap:1.5rem}.blogs-list .blog-thumbnail{border-radius:4px;flex-shrink:0;height:160px;overflow:hidden;width:240px}.blogs-list .blog-thumbnail img{height:100%;object-fit:cover;object-position:center;width:100%}.blogs-list .blog-details{flex:1 1}.blogs-list .blog-date{color:#319ace;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.blogs-list .blog-title{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;transition:color .2s ease}.blog-link:hover .blogs-list .blog-title{color:#319ace}.blogs-list .blog-excerpt{color:#333;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.blogs-list .blog-read-more{color:#319ace;display:inline-block;font-size:.9rem;font-weight:500;transition:transform .2s ease}.blog-post{align-items:flex-start;display:flex;justify-content:center;min-height:60vh;padding:0}.blog-post-content{margin:0 auto;max-width:800px;padding-top:80px;position:relative;width:100%}.blog-post-header{background-color:#0000;left:0;padding:1rem 12rem;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.blog-post-header:before{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(180deg,#000 0,#000000e6 30%,#000000b3 80%,#0000);-webkit-mask:linear-gradient(180deg,#000 0,#000000e6 30%,#000000b3 80%,#0000)}.blog-post-header:after,.blog-post-header:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.blog-post-header:after{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);mask:linear-gradient(180deg,#0000 0,#0000004d 30%,#000000b3 60%,#0006 80%,#0000);-webkit-mask:linear-gradient(180deg,#0000 0,#0000004d 30%,#000000b3 60%,#0006 80%,#0000)}.blog-post-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:800px}.blog-back-link{align-items:center;color:#319ace;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.blog-back-link:hover{transform:translateX(-4px)}.blog-post-header-title{color:#333;font-size:1.1rem;font-weight:500;margin:0;max-width:60%;opacity:0;overflow:hidden;text-align:right;text-overflow:ellipsis;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.blog-post-header.with-title .blog-post-header-title{opacity:.6;transform:translateY(0)}.blog-post-date{color:#319ace;font-size:.9rem;font-weight:500;margin-bottom:1rem}.blog-post-title{font-size:2rem;font-weight:500;line-height:1.3;margin-bottom:.5rem}.blog-post-thumbnail{border-radius:4px;margin-bottom:2rem;max-height:400px;overflow:hidden;width:100%}.blog-post-thumbnail img{height:100%;object-fit:cover;object-position:center;width:100%}.blog-post-body{color:#333;font-size:1.1rem;line-height:1.7}.blog-post-body p{margin-bottom:1.5rem}.blog-post-body p:last-child{margin-bottom:0}.blog-with-toc{position:relative}.blog-toc{-ms-overflow-style:none;height:fit-content;left:max(2rem,(100vw - 900px)/2 - 280px);max-height:calc(100vh - 150px);overflow-y:auto;padding:1rem 0;position:fixed;scrollbar-width:none;top:120px;width:220px}.blog-toc::-webkit-scrollbar{display:none}.blog-toc .toc-content{padding-right:1rem}.blog-toc .toc-title{color:#33333380;font-size:.65rem;font-weight:500;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.blog-toc .toc-list{list-style:none;margin:0;padding:0}.blog-toc .toc-list li{border-left:1.5px solid #0000;margin-bottom:.65rem;padding-left:.75rem;transition:all .2s ease}.blog-toc .toc-list li a{color:#33333380;display:block;font-size:.8rem;line-height:1.3;text-decoration:none;transition:color .2s ease}.blog-toc .toc-list li a:hover{color:#319ace}.blog-toc .toc-list li.active{border-left-color:#319ace}.blog-toc .toc-list li.active a{color:#319ace;font-weight:500}.blog-content-wrapper{color:#333;font-size:1.1rem;line-height:1.7;margin-bottom:10rem}@media(max-width:1400px){.blog-toc{display:none}}.blog-section{margin-bottom:1.5rem}.blog-section.margin-top{margin-top:2.5rem}.blog-subtitle{color:#333;font-size:1.4rem;font-weight:500;margin-bottom:1rem;margin-top:0}.blog-paragraph{color:#333;font-size:1rem;line-height:1.5;margin-bottom:1rem!important;position:relative}.blog-paragraph:after{clear:both;content:"";display:table}.blog-paragraph:last-child{margin-bottom:0}.blog-emphasis{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8795a3e6,#595858);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-style:italic;font-weight:500;margin-bottom:5rem!important}.blog-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,rgba(7,101,149,.838),#066b9d);-webkit-background-clip:text;background-clip:text;display:inline;position:relative}.blog-highlight:before{background:linear-gradient(120deg,#ffffff80,rgba(151,220,255,.121),#bae5ff00);border-radius:3px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.blog-wiggle{display:inline;padding-bottom:.3rem;position:relative}.blog-wiggle:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0 3q2.5-3 5 0t5 0 5 0 5 0' stroke='rgba(86, 161, 208, 0.8)' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:15px 6px;bottom:0;content:"";height:6px;left:0;position:absolute;right:0}.blog-talking-bubble{align-items:center;border-radius:4px;color:#333;display:flex;font-family:Delius,cursive;font-size:1rem;justify-content:center;margin:1.2rem 0}.blog-quote{background:linear-gradient(135deg,#ffffff4d,#97dcff1a);border-left:3px solid #319ace;border-radius:0 4px 4px 0;color:#333;font-style:italic;margin:1.2rem 0;padding:.8rem 1.2rem}.blog-inline-quote{color:#333333d9;display:inline;font-style:italic;padding:0 .2rem;position:relative}.blog-inline-quote:before{color:#319ace;content:"“";font-weight:600;margin-right:.1rem}.blog-inline-quote:after{color:#319ace;content:"”";font-weight:600;margin-left:.1rem}.blog-list{list-style:none;margin:.8rem 0 1rem;padding-left:0}.blog-list.dash-list .blog-list-item:before{color:#319ace;content:"—";font-weight:400;margin-right:.8rem}.blog-list:not(.dash-list) .blog-list-item:before{color:#319ace;content:"•";font-weight:500;margin-right:.8rem}.blog-list-item{align-items:flex-start;display:flex;font-size:1rem;line-height:1.35;margin-bottom:.5rem;padding-left:.5rem}.blog-list-item:before{flex-shrink:0;margin-top:.1rem}.blog-list-item:last-child{margin-bottom:0}.blog-note{background:linear-gradient(135deg,#fff3,#ececec4d);border:1px solid #0000000d;border-radius:4px;color:#666;font-size:.95rem;line-height:1.6;margin:1.2rem 0;padding:1rem 1.2rem}.blog-divider{background:linear-gradient(90deg,#0000,#56a1d04d,#0000);height:1px;margin:2.5rem 0}.blog-inline-image{border-radius:3px;display:inline;margin:0 .3rem;max-height:1.5em;object-fit:contain;vertical-align:middle}.blog-block-image{margin:2rem auto;max-width:100%;text-align:center}.blog-block-image img{border-radius:4px;height:auto;max-width:100%;transition:transform .3s ease,box-shadow .3s ease}.blog-block-image figcaption{color:#a1a1a1;font-size:.8rem;font-style:italic;line-height:1.5;margin-top:.8rem}.blog-margin-note-indicator{align-items:center;border-radius:3px;color:#319ace;cursor:pointer;display:inline-flex;height:1em;justify-content:center;margin:0 rem;padding:.2rem;transition:all .3s ease;vertical-align:super}.rotating-block{background:linear-gradient(135deg,#80808080,#80808033);border-radius:2px;display:inline-block;height:10px;width:10px;will-change:transform}.blog-margin-note-indicator.hovered .rotating-block{animation:float .8s linear infinite;border-left:2px solid #319ace;opacity:.6;transform:translateX(4px) scale(1.2);transition:all .3s ease}@keyframes rotateBlock{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateBlockFast{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%{transform:translateX(0)}50%{transform:translateX(2px)}to{transform:translateX(0)}}.blog-margin-note{background:linear-gradient(135deg,#ffffff26,#c8c8c81a);border-left:2px solid #0000;border-radius:3px;color:#333333bf;font-size:.85rem;line-height:1.4;padding:.6rem .8rem;pointer-events:auto;position:absolute;right:0;top:-.5rem;transform:translateX(calc(100% + 2rem));transition:all .2s ease;width:240px}.blog-margin-note.hovered,.blog-margin-note:hover{background:linear-gradient(135deg,#ffffff40,#c8c8c833);border-left-color:#5aaed8;box-shadow:0 2px 8px #0000001a}@media(max-width:768px){.blog-margin-note{display:block;margin:1rem 0;position:relative;right:auto;top:auto;transform:none;width:100%}.blog-container{flex-direction:column}.blog-thumbnail{aspect-ratio:16/9;height:auto!important;width:100%!important}.blog-post-title{font-size:1.5rem}}@media(max-width:700px){.blogs{padding:0 2rem}.blogs-content{max-width:100%}.blog-post{padding:0}.blog-post-header{padding-left:2rem;padding-right:2rem}.blog-post-header-content{gap:1rem}.blog-post-header-title{font-size:.9rem;max-width:55%}.blog-post-content{max-width:100%;padding-left:2rem;padding-right:2rem}}.chatlet-page .chatlet-tagline{color:#777;font-size:1.15rem;margin-bottom:1.5rem}.chatlet-people{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem}.chatlet-person{align-items:center;color:#333;display:flex;flex-direction:column;font-size:.8rem;gap:.4rem;line-height:1.3;text-align:center;text-decoration:none;width:84px}.chatlet-person img{border-radius:50%;height:64px;object-fit:cover;transition:transform .2s ease;width:64px}.chatlet-person:hover img{transform:translateY(-2px)}a.chatlet-person:hover span{color:#319ace}.chatlet-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.75rem}.chatlet-links a{align-items:center;background:#319ace1a;border-radius:999px;color:#319ace;display:inline-flex;font-size:.9rem;font-weight:500;gap:.3rem;padding:.35rem .9rem;text-decoration:none;transition:background .2s ease}.chatlet-links a:hover{background:#319ace2e}.chatlet-video{aspect-ratio:16/9;background:#f3f4f6;border-radius:8px;margin-bottom:2rem;overflow:hidden;position:relative}.chatlet-video iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.chatlet-examples{grid-gap:1.5rem 1.25rem;display:grid;gap:1.5rem 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}@media(max-width:700px){.chatlet-examples{grid-template-columns:1fr}}.chatlet-example{margin:0}.chatlet-example:first-child{grid-column:1/-1}.chatlet-example figcaption{color:#777;font-size:.9rem;line-height:1.5;margin-top:.5rem}.chatlet-example figcaption strong{color:#333;font-weight:600}.chatlet-loop{aspect-ratio:16/9;background:#f3f4f6;border-radius:8px;box-shadow:0 0 0 1px #0000000d;display:block;width:100%}.chatlet-flow{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.5rem;margin:1rem 0 1.5rem}.chatlet-flow span{background:#f3f4f6;border-radius:999px;padding:.3rem .8rem}.chatlet-flow span:nth-of-type(2){background:#319ace1f;color:#319ace;font-weight:500}.chatlet-flow i{color:#aaa;display:inline-flex;font-style:normal}.chatlet-steps{font-size:1.05rem;line-height:1.7;margin:0 0 1.5rem 1.2rem}.chatlet-steps li{margin-bottom:.5rem}.cs{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);margin:1rem 0 2rem calc(50% - min(560px,50vw - 24px));width:min(1120px,100vw - 48px)}.cs-steps{padding:18vh 0 30vh}.cs-step{align-items:center;display:flex;min-height:68vh}.cs-step p{font-size:1.1rem;line-height:1.7;margin:0;opacity:.25;transition:opacity .4s ease}.cs-step.is-on p{opacity:1}.cs-step q{font-style:italic}.cs-step code{color:#2f5fc9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.cs-step .cs-try{color:#2f5fc9;font-weight:600}.cs-stage-inner{display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:center;position:sticky;top:80px}.cs-frame{background:#0000;border:0;display:block;height:min(720px,100vh - 110px);width:100%}@media(max-width:860px){.cs{display:flex;flex-direction:column-reverse;gap:0;margin-left:0;width:100%}.cs-stage{background:#fff;position:sticky;top:50px;z-index:2}.cs-stage-inner{height:auto;position:static}.cs-frame{height:62svh}.cs-steps{padding:4vh 0 30vh}.cs-step{align-items:flex-start;min-height:55vh;padding-top:6vh}}.chatlet-ack{color:#333;font-size:.85rem;margin:-.25rem 0 1.1rem}.chatlet-ack a{color:inherit;text-decoration:underline;text-decoration-color:#00000026;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.chatlet-ack a:hover{color:#319ace;text-decoration-color:initial}@property --pet-lx{syntax:"<number>";inherits:true;initial-value:0}@property --pet-ly{syntax:"<number>";inherits:true;initial-value:0}.chatlet-pet-stage{display:flex;justify-content:center;margin-right:220px;padding:3.5rem 0 2rem}.chatlet-pet{--spring:cubic-bezier(0.34,1.56,0.64,1);--blue:#2f5fc9;height:18px;position:relative;transition:--pet-lx .45s ease-out,--pet-ly .45s ease-out;width:18px}.chatlet-pet .pet-shadow{background:#2563eb38;border-radius:50%;bottom:-2px;filter:blur(1.5px);height:4px;left:50%;margin-left:-8px;position:absolute;transition:transform .52s var(--spring),opacity .4s;translate:calc(var(--pet-lx)*-1.2px) 0;width:16px}.chatlet-pet.is-up .pet-shadow{opacity:.35;transform:scale(.45)}.chatlet-pet .pet-body,.chatlet-pet .pet-move{inset:0;position:absolute}.chatlet-pet .pet-move{transform-origin:50% 100%;transition:translate .56s var(--spring)}.chatlet-pet.is-up .pet-move{translate:0 -12px}.chatlet-pet .pet-bob{animation:pet-breathe 2.8s ease-in-out infinite;inset:1px;position:absolute;transform-origin:50% 100%}.chatlet-pet.is-up .pet-bob{animation:pet-hover 2.4s ease-in-out infinite}.chatlet-pet .pet-dot{background:radial-gradient(circle at calc(46% + var(--pet-lx)*16%) calc(40% + var(--pet-ly)*14%),#ffffff9e,#ffffff38 42%,#0000 70%),linear-gradient(145deg,#8fb3ff,#4f7fe8);border-radius:50%;box-shadow:calc(var(--pet-lx)*-1px) 3px 10px #2563eb52,0 0 0 2px #ffffffd9;display:block;height:16px;translate:calc(var(--pet-lx)*.5px) 0;width:16px}.chatlet-pet .pet-move.is-hop{animation:pet-hop .62s cubic-bezier(.3,0,.3,1)}.chatlet-pet .pet-move.is-double{animation:pet-hop .46s cubic-bezier(.3,0,.3,1) 2}.chatlet-pet .pet-move.is-squish{animation:pet-squish .7s ease-in-out}.chatlet-pet .pet-move.is-look{animation:pet-look .9s ease-in-out}.chatlet-pet .pet-bubble{align-items:center;animation:pet-bubble-in .42s var(--spring) .3s both;backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);background:linear-gradient(145deg,#ffffff9e,#f8fafc61);border-radius:14px 14px 14px 4px;bottom:14px;box-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 0 #ffffff59,inset 0 0 0 .5px #fff6,0 10px 28px #0f172a1a,0 2px 6px #0f172a0f;color:var(--blue);display:inline-flex;font:600 13px/1.35 Inter,system-ui,sans-serif;gap:3px;left:20px;padding:5px 12px 6px;position:absolute;text-decoration:none;transform-origin:0 100%;transition:box-shadow .22s ease;width:max-content}.chatlet-pet .pet-bubble:focus-visible,.chatlet-pet .pet-bubble:hover{box-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 0 #ffffff59,inset 0 0 0 .5px #fff6,0 14px 32px #0f172a24,0 2px 6px #0f172a0f;outline:none}@keyframes pet-bubble-in{0%{opacity:0;transform:translateY(4px) scale(.85)}}@keyframes pet-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04,.95)}}@keyframes pet-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pet-hop{0%{transform:translateY(0) scale(1)}14%{transform:translateY(0) scale(1.18,.8)}42%{transform:translateY(-14px) scale(.9,1.12)}62%{transform:translateY(-15px) scale(1)}84%{transform:translateY(0) scale(1.14,.84)}to{transform:translateY(0) scale(1)}}@keyframes pet-squish{0%,to{transform:scale(1)}30%{transform:scale(1.22,.76)}55%{transform:scale(.92,1.08)}75%{transform:scale(1.04,.97)}}@keyframes pet-look{0%,to{transform:translateX(0) rotate(0)}30%,70%{transform:translateX(2px) rotate(10deg)}}@media(prefers-reduced-motion:reduce){.chatlet-pet .pet-bob,.chatlet-pet .pet-move{animation:none!important}}.xp-page{padding-bottom:6rem}.xp-links{margin-top:2rem}.xp-links a{align-items:center;display:inline-flex;gap:.25rem}.xp-cmd{background:#f3f4f6;border-radius:8px;color:#333;font:.82rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;margin:.5rem 0 1rem;padding:.9rem 1.1rem;white-space:pre-wrap;word-break:break-all}.xp-cmd .xp-dim{color:#999}.xp-example:first-child{grid-column:auto}.xp-example .xp-explainer{align-items:center;color:#26201f;display:flex;font-weight:500;gap:.45rem;margin-top:.4rem;text-decoration:none;transition:color .2s ease;width:max-content}.xp-example .xp-explainer .xp-play{flex:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.xp-example .xp-explainer:hover{color:#319ace}.xp-example .xp-explainer:hover .xp-play{transform:scale(1.12) rotate(-6deg)}.xp-example .xp-style{font-style:italic}.xp-example .chatlet-loop{aspect-ratio:16/10}.xp-more{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.75rem}@media(max-width:700px){.xp-more{grid-template-columns:repeat(2,minmax(0,1fr))}}.xp-card{color:#777;display:flex;flex-direction:column;font-size:.82rem;gap:.45rem;line-height:1.45;text-decoration:none}.xp-card img{aspect-ratio:16/10;border-radius:8px;box-shadow:0 0 0 1px #0000000d;object-fit:cover;object-position:left top;transition:transform .25s ease;width:100%}.xp-card strong{color:#333;font-weight:600}.xp-card:hover img{transform:translateY(-2px)}.xp-scrub{position:relative}.xp-scrub video{cursor:inherit}.xp-scrub .xp-scrub-hint{background:#ffffffd9;border-radius:999px;bottom:12px;color:#777;font-size:.72rem;opacity:0;padding:2px 9px;pointer-events:none;position:absolute;right:10px;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease}.xp-scrub.is-active .xp-scrub-hint{opacity:1;transform:none}.xp-scrub .xp-scrub-bar{background:#0000000f;border-radius:2px;bottom:5px;height:2px;left:8px;opacity:0;pointer-events:none;position:absolute;right:8px;transition:opacity .25s ease}.xp-scrub .xp-scrub-bar i{background:#319ace;border-radius:2px;display:block;height:100%;transform-origin:left center}.xp-scrub.is-active .xp-scrub-bar{opacity:1}.jl-figure{margin:1.25rem 0 1.75rem}.jl-figure img{display:block;width:100%}.jl-figure figcaption{color:#a1a1a1;font-size:.8rem;font-style:italic;margin-top:.6rem;text-align:center}.jl-page{padding-bottom:7rem}.jl-types{margin:0 0 1.75rem}.jl-types figcaption{color:#a1a1a1;font-size:.8rem;font-style:italic;margin-top:.6rem;text-align:center}.jl-types-img{position:relative}.jl-types-img img{display:block;width:100%}.jl-type{--tone:#4f9fd0;--tone-bg:#e3f1fa;align-items:center;background:#fff;border:1.5px solid var(--tone);border-radius:999px;box-shadow:0 3px 10px #0f172a24;color:var(--tone);cursor:pointer;display:inline-flex;font:600 .74rem ui-monospace,SFMono-Regular,Menlo,monospace;gap:.15rem;padding:.2rem .65rem;position:absolute;transform:translate(-50%,-50%);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,color .2s ease,box-shadow .2s ease}.jl-type:focus-visible,.jl-type:hover{background:var(--tone-bg);box-shadow:0 6px 16px #0f172a2e;outline:none;transform:translate(-50%,-50%) translateY(-2px) scale(1.06)}.jl-type.is-on{background:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 25%,#0000),0 4px 12px #0f172a29;color:#fff}.jl-type-orange{--tone:#e08a3c;--tone-bg:#fdebd9}.jl-type-purple{--tone:#9a6bbb;--tone-bg:#f1e6f7}.jl-type-green{--tone:#3a9e62;--tone-bg:#e0f3e7}.jl-types-img.is-inviting .jl-type:not(.is-on):after{animation:jl-type-pulse 2.4s ease-out infinite;animation-delay:calc(var(--i)*.3s);border-radius:inherit;box-shadow:0 0 0 0 var(--tone);content:"";inset:-2px;pointer-events:none;position:absolute}@keyframes jl-type-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tone) 45%,#0000)}70%,to{box-shadow:0 0 0 9px color-mix(in srgb,var(--tone) 0,#0000)}}@media(prefers-reduced-motion:reduce){.jl-types-img.is-inviting .jl-type:after{animation:none}}.jl-types figcaption strong{color:#777;font-style:normal;font-weight:600}.jl-spec{margin:1.25rem 0 2rem}.jl-spec iframe{background:#0000;border:0;display:block;transition:height .25s ease;width:100%}.chatlet-initials{background:#eef1f5;border-radius:50%;color:#8a8f98;display:grid;font-size:1.1rem;font-style:normal;height:64px;place-items:center;width:64px}
/*# sourceMappingURL=main.1094a197.css.map*/