:root{--skin-primary:#8B5CF6;--skin-primary-light:#A78BFA;--skin-secondary:#EC4899;--skin-accent:#06B6D4;--skin-success:#10B981;--skin-warning:#F59E0B;--skin-glass:rgba(255,255,255,0.08);--skin-glass-border:rgba(255,255,255,0.12);--skin-glow-purple:rgba(139,92,246,0.5);--skin-glow-pink:rgba(236,72,153,0.5);--skin-glow-cyan:rgba(6,182,212,0.5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes revealFromCenter{0%{opacity:0;transform:scale(.5) rotate(-10deg);filter:blur(10px)}to{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}}.skin-animate-in{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.skin-animate-in-scale{animation:fadeInScale .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.skin-animate-in-left{animation:slideInFromLeft .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.skin-animate-in-right{animation:slideInFromRight .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.skin-animate-reveal{animation:revealFromCenter .7s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.skin-glass-card{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.1);transition:all .4s cubic-bezier(.16,1,.3,1)}.skin-glass-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));box-shadow:0 16px 48px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.2),0 0 30px var(--skin-glow-purple);transform:translateY(-4px)}.skin-glass-panel{background:rgba(15,15,25,.85);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.skin-btn-premium{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.skin-btn-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1) 50%,transparent);transform:translateX(-100%) skewX(-15deg);transition:transform .6s ease}.skin-btn-premium:hover:before{transform:translateX(100%) skewX(-15deg)}.skin-btn-premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px -5px currentColor,0 0 20px rgba(255,255,255,.1)}.skin-btn-premium:active{transform:translateY(0) scale(.98);transition:transform .1s}.skin-tool-btn{position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.skin-tool-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0,transparent 70%);opacity:0;transform:scale(0);transition:all .4s ease}.skin-tool-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px -4px rgba(0,0,0,.3)}.skin-tool-btn:hover:after{opacity:1;transform:scale(1.5)}.skin-tool-btn:active{transform:translateY(0) scale(.95)}.skin-tool-btn-active{background:linear-gradient(135deg,var(--skin-primary),var(--skin-secondary))!important;box-shadow:0 0 20px var(--skin-glow-purple),inset 0 1px 0 rgba(255,255,255,.3)}.skin-color-btn{position:relative;transition:all .2s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.skin-color-btn:before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:inherit;opacity:0;filter:blur(8px);z-index:-1;transition:opacity .3s ease}.skin-color-btn:hover{transform:scale(1.3) translateY(-4px) rotateX(10deg);z-index:10}.skin-color-btn:hover:before{opacity:.6}.skin-color-btn-selected{transform:scale(1.2);box-shadow:0 0 0 3px white,0 0 0 5px currentColor,0 8px 20px -4px rgba(0,0,0,.4)}.skin-color-btn-selected:before{opacity:.8}.skin-color-grid{display:grid;gap:6px}.skin-color-grid .skin-color-btn{transition-delay:calc(var(--index, 0) * 20ms)}.skin-canvas-container{position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.skin-canvas-container:before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse at 30% 30%,var(--skin-glow-purple) 0,transparent 50%),radial-gradient(ellipse at 70% 70%,var(--skin-glow-cyan) 0,transparent 50%);opacity:.3;filter:blur(40px);z-index:-1;transition:opacity .4s ease;pointer-events:none}.skin-canvas-container:hover:before{opacity:.5}.skin-canvas-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px -15px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s ease}.skin-canvas-wrapper:hover{box-shadow:0 25px 70px -15px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15),0 0 40px var(--skin-glow-purple)}.skin-grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:.3;transition:opacity .3s ease;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0)}.skin-canvas-wrapper:hover .skin-grid-overlay{opacity:.5}.skin-preview-3d-container{position:relative;perspective:1000px}.skin-preview-3d-container:before{content:"";position:absolute;inset:-30px;background:conic-gradient(from 0deg at 50% 50%,var(--skin-glow-purple) 0deg,var(--skin-glow-cyan) 120deg,var(--skin-glow-pink) 240deg,var(--skin-glow-purple) 1turn);opacity:0;filter:blur(60px);z-index:-1;animation:rotate-glow 8s linear infinite;transition:opacity .5s ease}.skin-preview-3d-container:hover:before{opacity:.4}@keyframes rotate-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skin-layer-item{position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:left center}.skin-layer-item:before{content:"";position:absolute;left:0;top:50%;width:4px;height:0;background:linear-gradient(180deg,var(--skin-primary),var(--skin-secondary));border-radius:2px;transform:translateY(-50%);transition:height .3s ease}.skin-layer-item:hover{transform:translateX(8px);background:rgba(255,255,255,.05)}.skin-layer-item:hover:before{height:60%}.skin-layer-item-active{background:linear-gradient(90deg,rgba(139,92,246,.2),transparent)!important}.skin-layer-item-active:before{height:80%!important}.skin-slider-premium{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:rgba(255,255,255,.1);border-radius:3px;outline:none;transition:all .2s ease}.skin-slider-premium:hover{background:rgba(255,255,255,.15)}.skin-slider-premium::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--skin-primary),var(--skin-secondary));border-radius:50%;cursor:pointer;box-shadow:0 2px 10px var(--skin-glow-purple);-webkit-transition:all .2s ease;transition:all .2s ease}.skin-slider-premium::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 15px var(--skin-glow-purple)}.skin-modal-overlay{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skin-modal-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.skin-panel-slide{animation:panelSlide .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes panelSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.skin-tooltip{position:relative}.skin-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px) scale(.8);padding:8px 12px;background:rgba(0,0,0,.9);color:white;font-size:12px;font-weight:500;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:100}.skin-tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(-8px) scale(1)}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--skin-glow-purple)}50%{box-shadow:0 0 40px var(--skin-glow-purple),0 0 60px var(--skin-glow-cyan)}}.skin-float{animation:float-slow 4s ease-in-out infinite}.skin-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.skin-download-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#10B981,#059669);transition:all .4s cubic-bezier(.16,1,.3,1)}.skin-download-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg) translateY(-100%);transition:transform .6s ease}.skin-download-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px -10px rgba(16,185,129,.5),0 0 30px rgba(16,185,129,.3)}.skin-download-btn:hover:before{transform:rotate(45deg) translateY(100%)}.skin-download-btn:active{transform:translateY(-2px) scale(.98)}.skin-template-btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.skin-template-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 60%);opacity:0;transition:opacity .3s ease}.skin-template-btn:hover{transform:translateY(-3px) scale(1.05) rotateX(5deg);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 0 20px rgba(139,92,246,.2)}.skin-template-btn:hover:before{opacity:1}.skin-template-btn:active{transform:translateY(0) scale(.95)}.skin-ai-panel{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.05));border:1px solid rgba(139,92,246,.2);box-shadow:0 20px 60px -20px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.1)}.skin-ai-input{background:rgba(0,0,0,.3);border:2px solid rgba(139,92,246,.3);transition:all .3s ease}.skin-ai-input:focus{border-color:var(--skin-primary);box-shadow:0 0 0 4px rgba(139,92,246,.1),0 0 20px rgba(139,92,246,.2)}.skin-ai-generate-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--skin-primary),var(--skin-secondary))}.skin-ai-generate-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.3) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.2) 0,transparent 50%);opacity:0;transition:opacity .3s ease}.skin-ai-generate-btn:hover:after{opacity:1;animation:sparkle-move 1s ease infinite}@keyframes sparkle-move{0%,to{background-position:0 50%,100% 50%}50%{background-position:100% 50%,0 50%}}.skin-achievement-toast{animation:achievementPop .5s cubic-bezier(.34,1.56,.64,1) forwards;background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(217,119,6,.95));box-shadow:0 10px 40px -10px rgba(245,158,11,.5),0 0 30px rgba(245,158,11,.3)}@keyframes achievementPop{0%{opacity:0;transform:translateY(20px) scale(.8)}50%{transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.skin-celebration{position:relative}.skin-celebration:after,.skin-celebration:before{content:"🎉";position:absolute;font-size:24px;animation:celebration-bounce .6s ease infinite alternate}.skin-celebration:before{left:-30px;top:50%;transform:translateY(-50%)}.skin-celebration:after{right:-30px;top:50%;transform:translateY(-50%);animation-delay:.3s}@keyframes celebration-bounce{0%{transform:translateY(-50%) scale(1)}to{transform:translateY(-50%) scale(1.2)}}@media (max-width:768px){.skin-glass-card:hover{transform:translateY(-2px)}.skin-btn-premium:hover{transform:translateY(-2px) scale(1.01)}.skin-color-btn:hover{transform:scale(1.2) translateY(-2px)}.skin-template-btn:hover{transform:translateY(-2px) scale(1.02)}}@media (prefers-reduced-motion:reduce){.skin-animate-in,.skin-animate-in-left,.skin-animate-in-right,.skin-animate-in-scale,.skin-animate-reveal,.skin-float,.skin-pulse-glow{animation:none!important;opacity:1!important;transform:none!important}.skin-preview-3d-container:before{animation:none!important}.skin-btn-premium:hover,.skin-color-btn:hover,.skin-download-btn:hover,.skin-template-btn:hover,.skin-tool-btn:hover{transform:none!important}}.skin-loading{position:relative;overflow:hidden}.skin-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skin-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skin-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px var(--skin-primary),0 0 20px var(--skin-glow-purple)}.skin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.skin-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.skin-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--skin-primary),var(--skin-secondary));border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.skin-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--skin-primary-light),var(--skin-secondary))}@keyframes marching-ants{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8}}.selection-marching-ants{animation:marching-ants .4s linear infinite}@keyframes paste-pulse{0%,to{opacity:.7;box-shadow:0 0 8px rgba(0,255,0,.5)}50%{opacity:.9;box-shadow:0 0 16px rgba(0,255,0,.8)}}.paste-preview-pulse{animation:paste-pulse 1s ease-in-out infinite}.skin-mobile-toolbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:12px 16px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.3);z-index:100}.skin-mobile-toolbar-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(145deg,#f0f0f0,#ffffff);border:none;box-shadow:2px 2px 6px rgba(0,0,0,.1),-2px -2px 6px rgba(255,255,255,.8);transition:all .2s ease;-webkit-tap-highlight-color:transparent}.skin-mobile-toolbar-btn:active{transform:scale(.95);box-shadow:1px 1px 3px rgba(0,0,0,.1),-1px -1px 3px rgba(255,255,255,.8)}.skin-mobile-toolbar-btn.active{background:linear-gradient(145deg,var(--skin-primary),var(--skin-primary-light));color:white;box-shadow:0 4px 15px var(--skin-glow-purple),inset 0 1px 0 rgba(255,255,255,.2)}.skin-mobile-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px;background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.skin-mobile-color-btn{width:44px;height:44px;border-radius:12px;border:3px solid transparent;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.skin-mobile-color-btn:active{transform:scale(.9)}.skin-mobile-color-btn.selected{border-color:var(--skin-primary);box-shadow:0 0 0 3px rgba(139,92,246,.3);transform:scale(1.1)}.skin-mobile-canvas-container{touch-action:none;overflow:hidden;border-radius:16px;background:#1a1a2e;padding:8px}@media (max-width:768px){.skin-desktop-only{display:none!important}.skin-mobile-only{display:flex!important}.skin-tool-btn{min-width:44px;min-height:44px;font-size:20px}.skin-toolbar-mobile{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px;background:rgba(255,255,255,.9);border-radius:12px;margin-bottom:8px}.skin-toolbar-mobile button{padding:10px 12px;font-size:18px;border-radius:10px}.skin-canvas-mobile{max-width:100%;touch-action:none}.skin-color-grid-mobile{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:8px}.skin-color-grid-mobile button{width:100%;aspect-ratio:1;min-height:36px;border-radius:8px}.skin-editor-layout{flex-direction:column!important}.skin-preview-mobile{max-width:150px;margin:0 auto 16px}.skin-secondary-controls{display:none}.skin-expandable-panel{position:fixed;bottom:80px;left:8px;right:8px;background:white;border-radius:16px;box-shadow:0 -4px 20px rgba(0,0,0,.15);padding:16px;transform:translateY(100%);transition:transform .3s ease;z-index:90}.skin-expandable-panel.open{transform:translateY(0)}a,button{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px!important}.skin-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,var(--skin-primary),var(--skin-secondary));color:white;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--skin-glow-purple);z-index:100;border:none}.skin-fab:active{transform:scale(.95)}}@media (max-width:480px){.skin-mobile-toolbar{bottom:12px;padding:8px 12px;gap:6px}.skin-mobile-toolbar-btn{width:42px;height:42px;font-size:20px}.skin-mobile-colors{grid-template-columns:repeat(8,1fr);gap:4px}.skin-mobile-color-btn{width:36px;height:36px;border-radius:8px}.skin-canvas-phone{width:100vw;margin:0 -8px;border-radius:0}}@media (max-width:768px) and (orientation:landscape){.skin-editor-layout{flex-direction:row!important}.skin-mobile-toolbar{right:12px;bottom:50%;left:auto;transform:translateY(50%);flex-direction:column;padding:12px 8px}.skin-preview-mobile{position:sticky;top:8px;max-width:120px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.skin-mobile-toolbar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@keyframes touch-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(2);opacity:0}}.skin-touch-ripple{position:absolute;width:100%;height:100%;border-radius:inherit;background:rgba(255,255,255,.3);pointer-events:none;animation:touch-ripple .4s ease-out}@media (orientation:landscape) and (max-height:600px){.min-h-screen{min-height:auto;padding-top:1rem!important;padding-bottom:1rem!important}.skin-main-layout{flex-direction:row!important;gap:1rem}.skin-header{margin-bottom:.5rem}.skin-header h1{font-size:1.5rem!important}.skin-header p{display:none}.skin-editor-container{flex-direction:row!important;align-items:flex-start}.skin-3d-preview{max-height:200px;width:auto}.skin-mobile-toolbar{padding:.5rem;gap:.5rem}.skin-mobile-toolbar button{padding:.5rem;font-size:.875rem}}@media (orientation:landscape) and (min-width:1024px){.skin-main-layout{flex-direction:row!important;justify-content:center;gap:2rem}}@media (max-width:480px){.skin-mobile-toolbar{bottom:16px;padding:14px 20px;gap:10px}.skin-mobile-toolbar-btn{width:52px;height:52px;font-size:26px}.skin-mobile-colors{grid-template-columns:repeat(5,1fr);gap:10px}.skin-mobile-color-btn{width:52px;height:52px}}.skin-mobile-3d-preview-modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.skin-mobile-3d-preview-modal canvas{max-width:100%!important;max-height:70vh!important;border-radius:16px;box-shadow:0 20px 60px rgba(139,92,246,.4)}.skin-mobile-toolbar-btn:active:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:rgba(139,92,246,.2);animation:haptic-pulse .3s ease-out}@keyframes haptic-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@media (max-height:700px) and (orientation:portrait){.skin-mobile-toolbar{bottom:12px}}.skin-brush-size-indicator{position:absolute;top:-30px;background:var(--skin-primary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap;animation:fadeInUp .2s ease;pointer-events:none}.skin-brush-size-indicator,.skin-swipe-hint{left:50%;transform:translateX(-50%);color:white}.skin-swipe-hint{position:fixed;bottom:100px;background:rgba(0,0,0,.7);padding:8px 16px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:8px;animation:fadeInUp .3s ease,pulse 2s infinite}.skin-swipe-hint:before{content:"👆";animation:swipe-motion 1.5s infinite}@keyframes swipe-motion{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}