.studio-menu{position:fixed;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:20px;color:#dadada;background:linear-gradient(145deg,#262626 0%,#101111 57%,#000101 100%);overflow:hidden;font-family:'Restart Soft',sans-serif;isolation:isolate}
.studio-menu::backdrop{background:transparent}.studio-menu[open]{display:block}.studio-menu button,.studio-menu a{-webkit-tap-highlight-color:transparent}.studio-menu button{font-family:inherit;color:inherit;border:0;cursor:pointer}.studio-menu button:focus-visible,.studio-menu a:focus-visible{outline:2px solid #f3ff47;outline-offset:5px}.studio-menu::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:url('/assets/menu/noise.svg');z-index:-1}
.menu-close{position:absolute;right:16px;top:16px;background:none;padding:0;width:65.086px;height:45.328px;z-index:10}.menu-close img{width:100%;height:100%}
.menu-composition{position:absolute;left:50%;top:29.2%;width:382px;transform:translateX(-50%)}
.menu-panel{position:relative;z-index:3;background:rgba(48,48,48,.8);border-radius:12px;padding:0 11px 12px;backdrop-filter:blur(24px);transition:transform .65s cubic-bezier(.7,0,.2,1),opacity .4s;box-shadow:0 10px 50px #0000000a}
.menu-search-row{display:flex;align-items:center;gap:23px;height:58px;padding:0 10px}.menu-search-row>img{width:24px;height:23px;flex-shrink:0}.menu-search-row input{min-width:0;width:100%;border:0;background:transparent;outline:none;color:#dadada;font:400 16px 'Restart Soft',sans-serif;letter-spacing:-.04em}.menu-search-row input::placeholder{color:#878787}
.menu-filters{display:flex;gap:3px;padding:10px 10px 8px}.menu-filters button{background:#000;border-radius:6px;padding:4px 12px;color:#8d8d8d;font-size:10px;font-weight:500;transition:background .2s,color .2s}.menu-filters button[aria-pressed=true],.menu-filters button:hover{background:#f3ff47;color:#111}
.menu-results{position:relative;max-height:min(42vh,380px);overflow:auto;scrollbar-width:thin;scrollbar-color:#666 transparent;overscroll-behavior:contain}.menu-result{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:7px 10px;color:#dadada;text-decoration:none;gap:10px;z-index:1}.menu-result-title{font-size:19.362px;letter-spacing:-.04em;font-weight:500;display:flex;align-items:center;gap:9px;min-width:0}.menu-result-title>img{width:12px;height:12px;flex-shrink:0}.menu-result-type{font:10px 'ABC Diatype Mono',monospace;text-transform:uppercase;color:#919191;display:flex;align-items:center;gap:9px;flex-shrink:0}.menu-enter{font-size:7px;text-transform:none;background:#ffffffb3;border-radius:4.5px;padding:3px;color:#181818;display:none}.menu-result[aria-selected=true] .menu-enter{display:inline}.menu-result[aria-selected=true] .menu-result-type{color:#d0d0d0}.menu-selection{position:absolute;top:0;left:0;right:0;border-radius:12px;background:radial-gradient(ellipse at 35% 50%,#64646466,#45454599);transition:transform .24s cubic-bezier(.2,.7,.1,1),height .2s;pointer-events:none}.menu-status{font-size:13px;color:#aaa;margin:8px 10px}.menu-status:empty{display:none}
.menu-floppy{position:absolute;top:252px;left:65px;width:252px;height:263px;z-index:1;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .5s,filter .5s;filter:drop-shadow(0 35px 30px #efff4730)}.menu-floppy>img,.studio-disk>img{display:block;width:100%;height:100%;object-fit:fill;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,0 100%)}.menu-floppy::after{content:'';position:absolute;inset:70% -10% -20%;background:#efff4730;filter:blur(35px);pointer-events:none;z-index:-1}.menu-eject{position:absolute;top:307px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#e8e8e833;box-shadow:inset 0 1px 0 #ffffff24;border-radius:17px;padding:14px 16px;font-size:11px;backdrop-filter:blur(12px)}.menu-eject img{width:8px;height:8px}.menu-eject:hover,.menu-return:hover,.menu-contact-back:hover{background:#f3ff47;color:#111}
.is-typing .menu-floppy{opacity:0;transform:translateY(28px) scale(.95);filter:blur(8px);pointer-events:none}.is-opening .menu-panel{animation:search-form .65s cubic-bezier(.16,1,.3,1) both}.is-opening .menu-results{animation:menu-expand .7s .15s both}.is-opening .menu-floppy{animation:disk-arrival .9s cubic-bezier(.16,1,.3,1) both}.is-ejected .menu-panel{transform:translateY(-110vh);opacity:0;pointer-events:none}.is-ejected .menu-floppy{transform:translateY(110vh) rotate(-10deg);opacity:0;pointer-events:none}
.menu-disks{position:absolute;inset:0;perspective:1100px}.menu-disks[hidden],.menu-contact[hidden]{display:none}.disk-orbit{position:absolute;top:47%;left:50%;width:330px;height:300px;transform:translate(-50%,-50%);transform-style:preserve-3d;animation:orbit-enter .85s cubic-bezier(.16,1,.3,1) both}.studio-disk{position:absolute;display:block;width:252px;height:263px;background:none!important;padding:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,1,.36,1),filter .65s;filter:drop-shadow(-5px 8px 0 #202020) drop-shadow(0 25px 25px #d9ff4725);cursor:pointer}.disk-garcy{left:-45px;top:45px;z-index:2;transform:rotateX(26deg) rotateY(-24deg) rotateZ(-18deg)}.disk-tesseral{left:95px;top:-55px;z-index:1;transform:translateZ(-90px) rotateX(26deg) rotateY(-24deg) rotateZ(-18deg);filter:drop-shadow(-5px 8px 0 #202020) drop-shadow(0 25px 25px #49ff6225)}.studio-disk.is-front{z-index:3;transform:translate3d(0,-30px,130px) rotateX(15deg) rotateY(-17deg) rotateZ(-8deg);filter:drop-shadow(-7px 10px 0 #252525) drop-shadow(0 30px 40px #c9ff4745)}.disk-tesseral.is-front{filter:drop-shadow(-7px 10px 0 #252525) drop-shadow(0 30px 40px #49ff6245)}.menu-return{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);background:#e8e8e833;border-radius:17px;padding:14px 20px;font-size:11px}.menu-disks>p{position:absolute;bottom:10%;width:100%;text-align:center;font:10px 'ABC Diatype Mono',monospace;color:#888;letter-spacing:.06em}
.menu-tv{position:absolute;inset:0;pointer-events:none;z-index:9;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff2 4px,#0008 6px);mix-blend-mode:screen}.is-opening .menu-tv{animation:tv-interference .75s steps(6) both}.studio-menu.is-opening{animation:menu-background .6s both}.menu-disruption{animation:screen-disruption .6s steps(6) both}.menu-contact{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(380px,85vw);text-align:center}.menu-contact h2{font-size:32px;letter-spacing:-.04em;font-weight:400}.menu-contact>a{color:#f3ff47;font-size:20px}.menu-contact-back{display:block;margin:28px auto;background:#ffffff25;border-radius:17px;padding:14px 20px}.is-contact .menu-composition{visibility:hidden}
@keyframes search-form{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}@keyframes menu-expand{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes disk-arrival{from{transform:translateY(180px);opacity:0}to{transform:none;opacity:1}}@keyframes orbit-enter{from{opacity:0;transform:translate(-50%,40%) rotateX(25deg)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes tv-interference{0%{opacity:0}15%{opacity:.8;transform:translateX(-6px)}35%{opacity:.2;transform:translateX(8px)}55%{opacity:.6;transform:translateY(12px)}100%{opacity:0;transform:none}}@keyframes screen-disruption{20%{filter:blur(3px) contrast(2);transform:translateX(-6px)}45%{filter:blur(1px) contrast(1.5);transform:translateX(8px)}100%{filter:none;transform:none}}@keyframes menu-background{from{background-color:transparent;opacity:.15}to{opacity:1}}
@media(max-width:600px){.menu-composition{width:min(382px,calc(100vw - 40px));top:22%}.menu-floppy{left:calc(50% - 126px)}.menu-results{max-height:36vh}.menu-result-title{font-size:18px}.menu-close{right:12px;top:12px}.disk-orbit{transform:translate(-50%,-50%) scale(.78)}.studio-disk{width:220px;height:230px}.disk-garcy{left:0}.disk-tesseral{left:95px;top:-45px}.menu-eject{top:280px}.menu-return{bottom:18%}.menu-disks>p{bottom:11%}}
@media(max-height:750px){.menu-composition{top:17%}.menu-floppy{top:220px;width:202px;height:211px;left:calc(50% - 101px)}.menu-eject{top:225px}.menu-results{max-height:34vh}}
@media(prefers-reduced-motion:reduce){.studio-menu *,.studio-menu,.menu-disruption{animation:none!important;transition:none!important}}
.menu-raster{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:pixelated}.menu-brand{position:absolute;top:16px;left:16px;z-index:10;width:88.57px}.menu-brand img{width:100%;height:auto}.floppy-pixels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;image-rendering:pixelated}.is-typing .menu-floppy{filter:drop-shadow(0 25px 25px #efff4710)}
.disk-tesseral>img{filter:hue-rotate(30deg)}
/* Search is a pair of glass surfaces above the current scene. */
.studio-menu{background:rgba(7,9,9,.58)}
.studio-menu::before{opacity:.035;z-index:0}
.menu-underlay{filter:blur(1.1px) saturate(.68);transition:filter .35s}
.menu-tv{opacity:.065;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff4 4px,#0007 5px)}
.menu-composition{width:min(460px,calc(100vw - 40px));top:25%}
.menu-window{position:relative;z-index:3;transition:transform .65s cubic-bezier(.7,0,.2,1),opacity .4s}
.menu-panel,.menu-search-row{background:#ffffff14;backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%);box-shadow:inset 0 0 0 .7px #ffffff25,inset 0 1px 0 #ffffff16,0 12px 30px #00000014}
.menu-panel{margin-top:6px;padding:0 11px 12px;border-radius:12px;transition:none}
.menu-search-row{height:58px;padding:0 21px;border-radius:12px;position:relative;z-index:4}
.menu-search-row input{font-weight:400;color:#eee}.menu-search-row input::placeholder{color:#aaa}
.menu-result-title{font-family:'Restart Soft',sans-serif;font-weight:500}
.menu-selection{background:radial-gradient(ellipse at 35% 50%,#ffffff20,#ffffff0c)}
.is-opening .menu-panel{animation:menu-expand .65s .12s both}.is-opening .menu-search-row{animation:search-form .45s both}
.is-ejected .menu-panel{transform:none;opacity:1}.is-ejected .menu-window{transform:translateY(-110vh);opacity:0;pointer-events:none}
.menu-close{right:12px;top:12px;width:53.925px;height:53.702px;padding:4px;background:#ffffff33;border-radius:12px;backdrop-filter:blur(30px)}
.esc-key{position:relative;display:block;width:45.925px;height:45.702px;border-radius:8px;background:#000;color:#8b8b8b;text-align:left;padding:23px 0 0 7px;font:500 14.031px/18px 'Restart Soft',sans-serif;transition:background .2s,color .2s}
.menu-close:hover .esc-key,.menu-close:focus-visible .esc-key{background:#fff;color:#111}
.profile-button.button-yellow{background:#fff!important}.profile-button.button-yellow img{filter:none}.profile-button.button-yellow .button-pixels{opacity:1}
.menu-floppy{top:260px;left:calc(50% - 140px);width:280px;height:292px;filter:none!important;perspective:900px}
.menu-floppy>.floppy-model{transform:rotateX(-7deg) rotateY(-10deg);transition:transform .8s}
.menu-floppy::after{inset:85% 0 -9%;background:#efff4738;filter:blur(28px)}
.menu-eject{top:323px}
.is-typing .menu-floppy{transform:translateY(28px);opacity:0}
.is-ejected .menu-floppy{transform:translateY(110vh) rotate(-10deg);opacity:0}
.disk-orbit{width:440px;height:380px;perspective:1200px;transform-style:preserve-3d}
.studio-disk{width:280px;height:292px;filter:none!important;border-radius:8px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,1,.36,1);outline-offset:12px!important}
.disk-garcy{left:5px;top:85px;transform:rotateX(48deg) rotateY(-8deg) rotateZ(-32deg);z-index:2}
.disk-tesseral{left:160px;top:-25px;transform:translateZ(-70px) rotateX(48deg) rotateY(-8deg) rotateZ(-32deg);z-index:1}
.studio-disk.is-front{transform:translate3d(-10px,-35px,95px) rotateX(38deg) rotateY(-6deg) rotateZ(-23deg);z-index:3}
.menu-disks::before{content:'';position:absolute;left:30%;right:25%;top:40%;bottom:25%;background:radial-gradient(ellipse,#f3ff4710,transparent 65%);pointer-events:none}
@media(max-width:600px){.menu-composition{top:19%;width:calc(100vw - 40px)}.menu-floppy{top:260px;left:calc(50% - 140px)}.disk-orbit{width:340px;height:340px;perspective:1000px}.studio-disk{transform-origin:50% 50%;scale:.8}.disk-garcy{left:-22px;top:95px}.disk-tesseral{left:85px;top:-10px}.menu-close{right:12px;top:12px}.menu-results{max-height:35vh}}
@media(max-height:750px){.menu-composition{top:17%}.menu-floppy{top:230px;scale:.78;transform-origin:50% 0}.menu-eject{top:320px}.menu-results{max-height:34vh}}
@media(prefers-reduced-motion:reduce){.menu-underlay{filter:none;transition:none}}
.studio-disk{isolation:auto}
.studio-menu{background:rgba(7,9,9,.68)}
.menu-underlay .site-header{visibility:hidden}
/* Joined glass: the upper layer is laid over the results surface. */
.menu-window{border-radius:12px;background:#ffffff08;backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%);box-shadow:inset 0 0 0 .7px #ffffff25,0 12px 30px #00000014}
.menu-search-row{border-radius:12px 12px 0 0;background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff25,inset 0 -1px 0 #ffffff09;backdrop-filter:none;-webkit-backdrop-filter:none}
.menu-panel{margin-top:0;border-radius:0 0 12px 12px;background:#ffffff08;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.menu-floppy{position:absolute;left:calc(50% - 140px);top:calc(25% + 260px);z-index:2;scale:1;transform:none;perspective:1000px;transition:top 1s cubic-bezier(.22,1,.36,1),left 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),opacity .48s}
.floppy-grip{display:block;position:relative;width:280px;height:292px;padding:0;background:transparent!important;isolation:auto;transform-style:preserve-3d;touch-action:none;cursor:grab!important;transform:translateY(var(--pull-y,0px));transition:transform .45s cubic-bezier(.22,1,.36,1)}
.floppy-grip>.floppy-model{transform:rotateX(-7deg) rotateY(-10deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.menu-floppy:not(.is-dragging) .floppy-grip:hover{transform:translateY(-8px)}.menu-floppy.is-dragging .floppy-grip{transition:none;cursor:grabbing!important}
.is-ejected .menu-floppy{left:calc(50% - 200px);top:calc(50% - 130px);transform:rotateX(8deg) rotateY(-32deg);opacity:1;pointer-events:auto;scale:1;z-index:4}
.is-ejected .floppy-grip>.floppy-model{transform:none}.is-ejected .menu-floppy .floppy-grip:hover{transform:translateY(-18px)}
.is-ejected .menu-eject{opacity:0;pointer-events:none;visibility:hidden}.menu-eject{transition:opacity .2s}
.disk-orbit{width:440px;height:292px;top:50%;animation:none;perspective:1000px}
.disk-tesseral{left:180px;top:-60px;transform:translateZ(-85px) rotateX(8deg) rotateY(-32deg);opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .65s .2s;scale:1}
.is-ejected .disk-tesseral{opacity:1;animation:book-appear 1.1s cubic-bezier(.22,1,.36,1) both}
.is-ejected.tesseral-front .disk-tesseral{transform:translate3d(-30px,-22px,85px) rotateX(8deg) rotateY(-32deg);z-index:5;animation:none}
.is-ejected.tesseral-front .menu-floppy{transform:translate(-24px,20px) rotateX(8deg) rotateY(-32deg);z-index:2}
.menu-disks{pointer-events:none;z-index:3}.menu-disks a,.menu-disks button{pointer-events:auto}
.menu-floppy::after{inset:94% 10% -4%;background:#f3ff471c;filter:blur(17px);transition:opacity .6s}.is-ejected .menu-floppy::after{opacity:0}
.is-contact .menu-floppy{visibility:hidden}
@keyframes book-appear{from{opacity:0;transform:translate3d(-65px,85px,-130px) rotateX(8deg) rotateY(-32deg)}to{opacity:1;transform:translateZ(-85px) rotateX(8deg) rotateY(-32deg)}}
@media(max-width:600px){.menu-floppy{top:calc(19% + 260px)}.is-ejected .menu-floppy{left:calc(50% - 155px);top:calc(50% - 70px);scale:.78}.disk-orbit{width:340px}.disk-tesseral{left:115px;top:-35px;scale:.78}}
@media(max-height:750px){.menu-floppy{top:calc(17% + 230px);scale:.78;transform-origin:50% 0}.is-ejected .menu-floppy{top:calc(50% - 110px);scale:.9}}
.studio-menu::before{background-image:url('/assets/menu/dither.svg');opacity:.7;z-index:0;mix-blend-mode:overlay;image-rendering:pixelated}
.menu-composition{z-index:5;pointer-events:none}.menu-window{pointer-events:auto}.is-ejected .menu-window{pointer-events:none}
.studio-menu::before{opacity:.45}
/* Both solid disks live in one 3D coordinate system; depth never switches via z-index. */
.menu-disks{perspective:1100px;overflow:visible}.disk-orbit{position:absolute;left:50%;top:46%;width:280px;height:292px;perspective:none;transform:translate(-50%,-50%) rotateX(var(--stack-x,-16deg)) rotateY(var(--stack-y,-45deg));transform-style:preserve-3d;touch-action:none;pointer-events:auto;transition:transform .12s linear;cursor:grab}
.stack-dragging .disk-orbit{transition:none;cursor:grabbing}.stack-dragging .floppy-grip{cursor:grabbing!important}
.is-ejected .menu-floppy.in-stack,.is-ejected.tesseral-front .menu-floppy.in-stack{position:absolute;inset:0;left:0;top:0;width:280px;height:292px;scale:1;perspective:none;transform:translate3d(0,0,65px);transform-origin:center;transform-style:preserve-3d;z-index:auto;opacity:1;transition:transform .75s cubic-bezier(.22,1,.36,1)}
.is-ejected .disk-tesseral{position:absolute;left:0;top:0;scale:1;transform:translate3d(0,0,-85px);z-index:auto;animation:none;opacity:1;transition:transform .75s cubic-bezier(.22,1,.36,1)}
.is-ejected.tesseral-front .disk-tesseral{transform:translate3d(75px,-35px,125px);z-index:auto;animation:none}
.is-ejected.tesseral-front .menu-floppy.in-stack{transform:translate3d(-40px,15px,-45px)}
.is-ejected .menu-floppy .floppy-grip,.is-ejected .menu-floppy .floppy-grip:hover{transform:none;cursor:grab!important}.in-stack .floppy-model{transform:none!important}
.is-navigating .menu-window{pointer-events:none;transform-origin:50% 50%}.is-navigating .menu-floppy{opacity:0;pointer-events:none}
@media(max-width:600px){.disk-orbit{scale:.78;transform-origin:0 0;left:50%;top:44%}}

/* A fixed drawer stack: selection lifts a disk without changing its depth. */
.is-ejected .menu-floppy.in-stack,.is-ejected.tesseral-front .menu-floppy.in-stack{transform:translate3d(-22px,24px,85px)}
.is-ejected .disk-tesseral,.is-ejected.tesseral-front .disk-tesseral{transform:translate3d(22px,-12px,-115px)}
.is-ejected .menu-floppy.in-stack.is-lifted{transform:translate3d(-22px,-66px,85px)}
.is-ejected .disk-tesseral.is-lifted{transform:translate3d(22px,-102px,-115px)}
.disk-orbit,.disk-orbit *{-webkit-user-drag:none;user-select:none}
@media(prefers-reduced-motion:reduce){.is-ejected .menu-floppy.in-stack,.is-ejected .disk-tesseral{transition:none}}

/* One continuous frosted pane; the connected search surface is slightly lighter. */
.menu-window{background:rgba(47,49,49,.64);backdrop-filter:blur(64px) saturate(120%);-webkit-backdrop-filter:blur(64px) saturate(120%);box-shadow:inset 0 0 0 .7px #ffffff30,inset 0 1px 0 #ffffff20,0 16px 50px #0004}
.menu-search-row{background:rgba(255,255,255,.12)}
.menu-panel{background:rgba(255,255,255,.035)}
.studio-menu{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

@media(max-width:700px){
 .menu-composition{top:calc(var(--menu-viewport-top,0px) + 76px);width:calc(100vw - 32px);}
 .menu-results{max-height:min(380px,calc(var(--menu-viewport-height,100dvh) - 194px));}
 .studio-menu.keyboard-open .menu-composition{top:calc(var(--menu-viewport-top,0px) + 80px);}
 .studio-menu.keyboard-open .menu-results{max-height:max(76px,calc(var(--menu-viewport-height,100dvh) - 188px));}
 .studio-menu.keyboard-open .menu-result{min-height:34px;padding-block:6px;}
 .studio-menu.keyboard-open .menu-search-row{height:50px;}
}

.studio-menu.is-leaving-page{background:#181919!important}.is-leaving-page .menu-close{visibility:hidden}
.menu-eject{white-space:nowrap;text-align:center;display:block;background:transparent;box-shadow:none;pointer-events:none}.menu-eject span{display:block;font-size:9px;color:#999;margin-top:8px}.floppy-grip{touch-action:none;cursor:grab!important}.is-dragging .floppy-grip{cursor:grabbing!important;transition:none!important}

/* Floppy hints are quiet copy, not button surfaces. */
.studio-menu .menu-eject,.studio-menu .menu-eject span { background:none; background-image:none; backdrop-filter:none; -webkit-backdrop-filter:none; border:0; border-radius:0; box-shadow:none; font-family:var(--mono); font-weight:400; text-transform:uppercase; }

/* The whole glass window grows from its trigger; avoid competing panel scales. */
.is-opening .menu-panel,.is-opening .menu-search-row{animation:none;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .floppy-grip:hover .floppy-label{animation:floppy-analog .85s steps(1) infinite;}
 .floppy-grip:hover .floppy-grain{opacity:.36;background-size:83px 79px;animation:floppy-static .16s steps(2) infinite;}
 .floppy-grip:hover .floppy-shutter{animation:floppy-signal 1.3s steps(1) infinite;}
}
@keyframes floppy-analog{
 0%,24%,35%,70%,100%{translate:0;filter:none;}
 25%{translate:3px 0;filter:contrast(1.3) drop-shadow(-2px 0 #82ffff80);}
 30%{translate:-2px 0;filter:brightness(1.2) drop-shadow(2px 0 #ff85bb80);}
 72%{translate:1px 0;filter:contrast(1.2);}
 76%{translate:-1px 0;filter:none;}
}
@keyframes floppy-static{to{background-position:17px -23px;}}
@keyframes floppy-signal{0%,20%,27%,100%{filter:none;}22%{filter:brightness(1.5) contrast(1.2);}}