body{margin:0;font-family:Outfit,sans-serif;overflow-x:hidden}#bg-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;transition:filter .5s;position:fixed;inset:0}html:not(.dark) #bg-canvas{filter:invert()hue-rotate(180deg)opacity(.5)}.glass-bento{backdrop-filter:blur(24px)saturate(1.5);background:#ffffffb3;border:1px solid #0000000d;border-radius:32px;transition:transform .25s cubic-bezier(.23,1,.32,1),border-color .25s cubic-bezier(.23,1,.32,1),box-shadow .25s cubic-bezier(.23,1,.32,1),background-color .5s;box-shadow:inset 0 1px #ffffff80,0 8px 32px #0000000d}html.dark .glass-bento{background:#14141980;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0006}@media (hover:hover) and (pointer:fine){.glass-bento:hover{border-color:#0000001a;transform:translateY(-4px);box-shadow:inset 0 1px #fffc,0 12px 48px #0000001a}html.dark .glass-bento:hover{border-color:#fff3;box-shadow:inset 0 1px #fff3,0 12px 48px #0009}}.btn{transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s,color .2s}.btn:active{transform:scale(.97)}.stagger-item{opacity:0;animation:.5s cubic-bezier(.23,1,.32,1) forwards enter-bento;transform:translateY(20px)}@keyframes enter-bento{to{opacity:1;transform:translateY(0)}}.d-1{animation-delay:50ms}.d-2{animation-delay:.1s}.d-3{animation-delay:.15s}.d-4{animation-delay:.2s}.d-5{animation-delay:.25s}.d-6{animation-delay:.3s}.trail-gutter{--trail-color:#34d399;border-radius:9999px;padding:3px;display:inline-block;position:relative;overflow:hidden}.border-trail{pointer-events:none;border-radius:inherit;z-index:20;position:absolute;inset:0;overflow:hidden}.border-trail .patrol-wrap{aspect-ratio:1;height:100%;animation:10s linear infinite patrol-move;position:absolute}.border-trail .patrol-spin{width:100%;height:100%;animation:10s linear infinite patrol-rotate;position:absolute;top:0;left:0}.border-trail .patrol-beam{background:conic-gradient(from 270deg, transparent 60deg, var(--trail-color,#34d399) 90deg, transparent 120deg);width:300%;height:300%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.border-trail .mobile-spin-wrap{display:none}@keyframes patrol-move{0%{left:0;transform:translate(0)}45%{left:100%;transform:translate(-100%)}50%{left:100%;transform:translate(-100%)}95%{left:0;transform:translate(0)}to{left:0;transform:translate(0)}}@keyframes patrol-rotate{0%{transform:rotate(315deg)}5%{transform:rotate(360deg)}30%{transform:rotate(360deg)}65%{transform:rotate(540deg)}80%{transform:rotate(540deg)}to{transform:rotate(675deg)}}@keyframes trail-spin{to{transform:rotate(360deg)}}@media (width<=767px){.border-trail .patrol-wrap{display:none}.border-trail .mobile-spin-wrap{aspect-ratio:1;height:100%;animation:5s linear infinite trail-spin;display:block;position:absolute;left:50%;transform:translate(-50%)}.border-trail .mobile-spin-beam{background:conic-gradient(from 0deg, transparent 0deg, var(--trail-color,#34d399) 60deg, transparent 120deg);width:200%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9696964d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#96969680}html.dark ::-webkit-scrollbar-thumb{background:#fff3}html.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#execution-panel:has(#webcam-wrap:not([hidden])) #output-placeholder,#execution-panel:has(#canvas-wrap:not([hidden])) #output-placeholder,#execution-panel:has(#results:not([hidden])) #results-placeholder{display:none}.font-display{font-family:Outfit,sans-serif}[hidden]{display:none!important}