button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--satie-focus, rgba(26, 58, 42, .55));outline-offset:2px;border-radius:inherit}@keyframes satie-spin{to{transform:rotate(360deg)}}.satie-spin{animation:satie-spin .9s linear infinite}button{transition:opacity .15s,transform .15s,box-shadow .15s,border-color .15s!important}button:hover{opacity:1!important}button:active{transform:scale(.96)}.sidebar-btn:hover{transform:scale(1.1)}.sidebar-btn:active{transform:scale(.95)}.sketch-card{transition:box-shadow .2s,border-color .2s}.sketch-card:hover{box-shadow:0 6px 24px #0000001a!important}.satie-panel{transition:box-shadow .25s ease-out}.satie-panel:hover{box-shadow:0 4px 28px #00000014}.auth-btn{transition:background .2s,color .2s,transform .15s!important}.auth-btn:hover{background:#0a0a0a!important;color:#faf9f6!important}.new-btn{transition:background .2s,transform .15s,box-shadow .2s!important}.new-btn:hover{box-shadow:0 2px 12px #0003!important;transform:translateY(-1px)}.new-btn:active{transform:translateY(0) scale(.97)}.welcome-btn{transition:background .2s,transform .15s,box-shadow .2s!important}.welcome-btn:hover{box-shadow:0 4px 16px #0003!important;transform:translateY(-2px)}.link-btn:hover{opacity:.8!important}.delete-btn{transition:opacity .15s,color .15s!important}.delete-btn:hover{opacity:1!important;color:#c00!important}.panel-titlebar{transition:background .15s}.panel-titlebar:hover{background:#00000005}.run-btn{transition:background .15s,color .15s,transform .1s!important}.run-btn:hover{background:#1a3a2a!important;color:#faf9f6!important}input:focus{border-color:#0a0a0a!important}@keyframes satie-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes satie-fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.page-enter{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-btn{transition:transform .15s,box-shadow .15s!important}.avatar-btn:hover{transform:scale(1.1);box-shadow:0 0 0 3px #0a0a0a26}input[type=range]:hover{opacity:.6!important}.credits-btn{transition:transform .15s,box-shadow .15s,opacity .15s!important}.credits-btn:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 3px 12px #00000040!important}.credits-btn:active{transform:translateY(0) scale(.97)}.header-link{transition:opacity .15s,transform .15s!important}.header-link:hover{opacity:.6!important;transform:translateY(-.5px)}.template-btn:hover{border-color:#1a3a2a!important;transform:translateY(-1px);box-shadow:0 2px 10px #0000000f!important}.gallery-card{transition:box-shadow .2s}.gallery-card:hover{box-shadow:0 6px 24px #00000014!important}.theme-toggle-btn{transition:all .2s,background .2s,color .2s!important}.theme-toggle-btn:hover{opacity:.6!important}.theme-toggle-btn:active{transform:scale(.92)}.settings-icon-btn{transition:opacity .15s,transform .15s!important}.settings-icon-btn:hover{opacity:.7!important;transform:scale(1.1)}.signout-btn{transition:opacity .15s!important}.signout-btn:hover{opacity:.6!important}.satie-slider{-webkit-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer;--sl-accent: #1a3a2a;--sl-track: rgba(128, 128, 128, .22);--sl-fill: 50%}.satie-slider:hover{opacity:1!important}.satie-slider::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,var(--sl-accent) 0%,var(--sl-accent) var(--sl-fill),var(--sl-track) var(--sl-fill),var(--sl-track) 100%)}.satie-slider::-moz-range-track{height:5px;border-radius:3px;background:var(--sl-track)}.satie-slider::-moz-range-progress{height:5px;border-radius:3px;background:var(--sl-accent)}.satie-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fdfdfb;border:1px solid rgba(0,0,0,.18);box-shadow:0 1px 4px #00000047,0 0 0 0 transparent;transition:transform .12s ease,box-shadow .15s ease}.satie-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fdfdfb;border:1px solid rgba(0,0,0,.18);box-shadow:0 1px 4px #00000047;transition:transform .12s ease,box-shadow .15s ease}.satie-slider:hover::-webkit-slider-thumb{transform:scale(1.18)}.satie-slider:active::-webkit-slider-thumb{transform:scale(1.28);box-shadow:0 1px 5px #0000004d,0 0 0 5px color-mix(in srgb,var(--sl-accent) 22%,transparent)}.satie-slider:hover::-moz-range-thumb{transform:scale(1.18)}.satie-slider:active::-moz-range-thumb{transform:scale(1.28);box-shadow:0 1px 5px #0000004d,0 0 0 5px color-mix(in srgb,var(--sl-accent) 22%,transparent)}.satie-slider:focus-visible{outline:none}.satie-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 1px 4px #00000047,0 0 0 4px color-mix(in srgb,var(--sl-accent) 35%,transparent)}.satie-slider:focus-visible::-moz-range-thumb{box-shadow:0 1px 4px #00000047,0 0 0 4px color-mix(in srgb,var(--sl-accent) 35%,transparent)}@keyframes satie-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.satie-fade-up{animation:satie-fade-up .35s cubic-bezier(.22,1,.36,1) both}@keyframes satie-pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.satie-pop-in{animation:satie-pop-in .18s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom left}@keyframes satie-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.satie-shimmer{background:linear-gradient(100deg,var(--shimmer-base, rgba(128, 128, 128, .55)) 42%,var(--shimmer-hi, rgba(128, 128, 128, 1)) 50%,var(--shimmer-base, rgba(128, 128, 128, .55)) 58%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:satie-shimmer 1.8s linear infinite}@keyframes satie-caret{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.satie-caret{display:inline-block;width:.08em;min-width:2px;height:1em;margin-left:.08em;background:currentColor;vertical-align:-.12em;animation:satie-caret 1s step-end infinite}@keyframes satie-breathe{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.satie-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;will-change:transform}@keyframes satie-blob-a{0%{transform:translate3d(-6%,-4%,0) scale(1)}30%{transform:translate3d(7%,3%,0) scale(1.14,.92)}55%{transform:translate3d(2%,10%,0) scale(.92,1.1)}80%{transform:translate3d(-9%,4%,0) scale(1.06)}to{transform:translate3d(-6%,-4%,0) scale(1)}}@keyframes satie-blob-b{0%{transform:translate3d(5%,6%,0) scale(1.08)}25%{transform:translate3d(-4%,-3%,0) scale(.94,1.12)}50%{transform:translate3d(-10%,6%,0) scale(1.16,.94)}75%{transform:translate3d(3%,12%,0) scale(1)}to{transform:translate3d(5%,6%,0) scale(1.08)}}@keyframes satie-blob-c{0%{transform:translate3d(-4%,6%,0) scale(.96)}35%{transform:translate3d(8%,-2%,0) scale(1.12,.9)}60%{transform:translate3d(-2%,-9%,0) scale(.9,1.08)}to{transform:translate3d(-4%,6%,0) scale(.96)}}.satie-blob-a{animation:satie-blob-a 34s ease-in-out infinite}.satie-blob-b{animation:satie-blob-b 42s ease-in-out infinite}.satie-blob-c{animation:satie-blob-c 38s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.satie-fade-up,.satie-pop-in{animation-duration:.01ms}.satie-shimmer,.satie-caret,.satie-blob-a,.satie-blob-b,.satie-blob-c{animation:none}}