:root{--pink: #ED7CB6;--pink-deep: #D85FA0;--pink-soft: #F8B8D6;--white: #FFFFFF;--cream: #FFF8E7;--black: #000000;--blue: #7AC4EC;--blue-deep: #4FA8D4;--orange: #F5A663;--orange-deep: #E08840;--bear: #8B6E4E;--bear-light: #B89878;--bear-dark: #5C4630;--yellow: #F7D154;--green: #8FCB80;--red: #E5604A;--border: 3px;--shadow: 6px 6px 0 #000;--shadow-lg: 10px 10px 0 #000;--shadow-sm: 3px 3px 0 #000;--radius: 8px;--radius-lg: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#000;background:var(--pink);-webkit-font-smoothing:antialiased}body{min-height:100vh;background-color:var(--pink);background-image:url(/scribble.svg);background-size:480px 480px;background-repeat:repeat}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.02em;margin:0;color:#000}button{font-family:inherit}.brutal-card{background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.brutal-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.01em;padding:14px 22px;border:var(--border) solid #000;border-radius:var(--radius);background:#fff;color:#000;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform 80ms ease,box-shadow 80ms ease;-webkit-user-select:none;user-select:none}.brutal-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px #000}.brutal-btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.brutal-btn:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px}.brutal-btn:disabled{opacity:.5;cursor:not-allowed}.brutal-btn--orange{background:var(--orange)}.brutal-btn--blue{background:var(--blue)}.brutal-btn--pink{background:var(--pink)}.brutal-btn--yellow{background:var(--yellow)}.brutal-btn--green{background:var(--green)}.brutal-btn--white{background:#fff}.brutal-btn--ghost{background:transparent;box-shadow:none;border-color:transparent}.brutal-btn--lg{font-size:18px;padding:18px 28px;box-shadow:var(--shadow)}.brutal-btn--lg:hover{box-shadow:3px 3px #000}.brutal-btn--lg:active{box-shadow:0 0 #000;transform:translate(6px,6px)}.brutal-btn--full{width:100%}.brutal-input{width:100%;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;padding:14px 16px;border:var(--border) solid #000;border-radius:var(--radius);background:#fff;color:#000;box-shadow:var(--shadow-sm);transition:box-shadow .1s ease,transform .1s ease}.brutal-input::placeholder{color:#888;font-weight:500}.brutal-input:focus{outline:none;box-shadow:3px 3px 0 var(--pink-deep),3px 3px 0 3px #000}.brutal-input.has-error{background:#ffe9e5;animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.field-label{display:block;font-weight:800;font-size:14px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border:2px solid #000;border-radius:999px;background:#fff}.badge--blue{background:var(--blue)}.badge--orange{background:var(--orange)}.badge--pink{background:var(--pink)}.badge--green{background:var(--green)}.badge--yellow{background:var(--yellow)}.app{min-height:100vh;display:flex;flex-direction:column}.bear-logo{width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid #000;box-shadow:var(--shadow-sm);position:relative;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.bear-logo .bear-img{width:86%;height:86%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bear-logo--lg{width:110px;height:110px;box-shadow:var(--shadow)}.bear-logo--xl{width:160px;height:160px;box-shadow:var(--shadow-lg)}@keyframes bear-wiggle{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-6deg)}96%{transform:rotate(5deg)}}.bear-logo{animation:bear-wiggle 6s ease-in-out infinite;transform-origin:50% 60%}.form-page{padding:28px 16px 80px;display:flex;justify-content:center}.form-card{width:100%;max-width:640px;background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:28px;position:relative}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:6px}.form-header h1{font-size:28px;line-height:1.05}.form-subtitle{font-size:15px;font-weight:600;color:#333;margin:6px 0 24px;line-height:1.4}.field{margin-bottom:22px}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.duration-card{position:relative;background:#fff;border:var(--border) solid #000;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 12px;text-align:center;cursor:pointer;transition:transform .1s,box-shadow .1s;font-family:inherit;color:#000}.duration-card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #000}.duration-card.is-selected{transform:translate(-2px,-2px);box-shadow:7px 7px #000}.duration-card.is-selected[data-tone=blue]{background:var(--blue)}.duration-card.is-selected[data-tone=orange]{background:var(--orange)}.duration-card.is-selected[data-tone=pink]{background:var(--pink)}.duration-card .dc-num{font-weight:900;font-size:30px;line-height:1;letter-spacing:-.04em}.duration-card .dc-label{font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.duration-card .dc-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border:2px solid #000;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.duration-card.is-selected .dc-check{background:#000;color:#fff}.option-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;padding:4px}.option-list::-webkit-scrollbar{width:10px}.option-list::-webkit-scrollbar-thumb{background:#000;border-radius:0}.option-list::-webkit-scrollbar-track{background:var(--pink-soft);border:2px solid #000}.option-row{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #000;border-radius:var(--radius);padding:10px 14px;cursor:pointer;transition:transform 80ms,box-shadow 80ms,background 80ms;text-align:left;font-family:inherit;width:100%}.option-row:hover{background:#fff8e7;transform:translate(-1px,-1px);box-shadow:3px 3px #000}.option-row.is-selected{background:var(--yellow);transform:translate(-2px,-2px);box-shadow:4px 4px #000}.option-row .radio-dot{width:20px;height:20px;border:2px solid #000;border-radius:50%;background:#fff;flex-shrink:0;position:relative}.option-row.is-selected .radio-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#000}.option-row .opt-label{font-weight:700;font-size:15px;line-height:1.3}.lifetime-note{margin-top:10px;background:var(--pink-soft);border:2px solid #000;border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:700}.dropzone{border:3px dashed #000;border-radius:var(--radius);background:#fff8e7;padding:28px 16px;text-align:center;cursor:pointer;transition:background .1s,transform .1s}.dropzone:hover{background:#ffefc4}.dropzone.is-drag{background:var(--yellow);transform:scale(.99)}.dropzone .dz-icon{width:44px;height:44px;border:2px solid #000;background:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px;box-shadow:var(--shadow-sm)}.dropzone .dz-title{font-weight:800;font-size:15px}.dropzone .dz-hint{font-size:13px;color:#444;margin-top:4px;font-weight:600}.file-preview{display:flex;align-items:center;gap:14px;padding:12px;background:var(--cream);border:2px solid #000;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.file-preview .thumb{width:64px;height:64px;border:2px solid #000;border-radius:6px;object-fit:cover;flex-shrink:0;background:#fff}.file-preview .file-meta{flex:1;min-width:0}.file-preview .file-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview .file-size{font-size:12px;font-weight:600;color:#555}.success-card{width:100%;max-width:520px;text-align:center;padding:36px 28px}.success-card h2{font-size:28px;margin:18px 0 8px}.success-card p{font-size:16px;font-weight:600;color:#333;line-height:1.4;margin:0 0 22px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.login-card{width:100%;max-width:460px;padding:32px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}.login-card>*{width:100%}.login-card>.bear-logo{width:110px}.login-card h1{font-size:26px;margin-top:14px}.login-card .login-sub{font-weight:600;color:#444;margin:6px 0 22px;font-size:14px}.access-input{font-family:JetBrains Mono,Menlo,monospace;letter-spacing:.08em;font-size:15px;font-weight:600;text-align:center}.input-with-toggle{position:relative}.input-with-toggle .eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:2px solid #000;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000}.input-with-toggle .eye-btn:hover{transform:translateY(-50%) translate(1px,1px);box-shadow:1px 1px #000}.error-banner{background:#ffe0da;border:2px solid #000;border-radius:var(--radius);padding:10px 14px;font-weight:700;font-size:13px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.error-banner .err-dot{width:12px;height:12px;background:var(--red);border:2px solid #000;border-radius:50%}.admin-page{padding:16px 16px 80px;max-width:1280px;margin:0 auto}.admin-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:22px}.admin-bar h1{font-size:20px;flex:1}.admin-bar .bear-logo{width:44px;height:44px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}.stat-card[data-tone=pink]{background:var(--pink-soft)}.stat-card[data-tone=yellow]{background:var(--yellow)}.stat-card[data-tone=green]{background:var(--green)}.stat-card .stat-label{font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.stat-card .stat-value{font-size:48px;font-weight:900;line-height:1;letter-spacing:-.04em;margin:8px 0 12px}.stat-card .stat-breakdown{display:flex;gap:6px;flex-wrap:wrap}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:12px 14px;margin-bottom:22px}.filter-bar .field-grow{flex:1;min-width:180px}.filter-bar select.brutal-input,.filter-bar input.brutal-input{padding:10px 12px;font-size:14px}.filter-bar select.brutal-input{min-width:140px}.submissions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.submission{background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:start;transition:transform 80ms,box-shadow 80ms}.submission:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.submission .sub-thumb{width:76px;height:76px;border:2px solid #000;border-radius:8px;background:var(--cream);cursor:pointer;overflow:hidden;position:relative}.submission .sub-thumb img{width:100%;height:100%;object-fit:cover;display:block}.submission .sub-name{font-weight:800;font-size:16px}.submission .sub-email{font-size:13px;font-weight:600;color:#555;word-break:break-all}.submission .sub-meta-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.submission .sub-option{font-size:13px;font-weight:700;margin-top:0;padding:6px 8px;background:var(--cream);border:2px solid #000;border-radius:6px;display:inline-block;max-width:100%}.sub-option-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.sub-cred-btn{padding:8px 12px!important;font-size:12px!important;flex-shrink:0}.submission .sub-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.submission .sub-date{font-size:12px;font-weight:700;color:#555}.status-tri{display:inline-flex;border:2px solid #000;border-radius:999px;background:#fff;padding:3px;position:relative;width:220px;height:32px;box-shadow:2px 2px #000}.status-tri .pill{position:absolute;top:3px;bottom:3px;width:calc(33.333% - 2px);background:var(--yellow);border:2px solid #000;border-radius:999px;transition:left .16s ease,background .16s ease;left:3px}.status-tri.is-processing .pill{left:33.333%;background:var(--blue)}.status-tri.is-fulfilled .pill{left:66.666%;background:var(--green)}.status-tri .seg{flex:1;text-align:center;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;z-index:1;cursor:pointer;border:none;background:none;font-family:inherit;color:#000;padding:0}.icon-btn{width:32px;height:32px;border:2px solid #000;border-radius:6px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:2px 2px #000}.icon-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #000}.icon-btn--danger{background:#ffd9d2}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.lightbox{background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:720px;width:100%;padding:18px}.lightbox-img{width:100%;max-height:70vh;border:2px solid #000;border-radius:8px;background:var(--cream);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.lightbox-img img{max-width:100%;max-height:70vh;display:block}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:220;padding:24px}.confirm{background:#fff;border:var(--border) solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px;max-width:400px;width:100%}.confirm h3{font-size:20px;margin-bottom:6px}.confirm p{font-weight:600;font-size:14px;color:#444;margin:0 0 16px}.confirm .row{display:flex;gap:10px}.confirm .row>*{flex:1}.float-shapes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.float-shapes svg{position:absolute}@media (max-width: 720px){.form-card{padding:22px 18px;box-shadow:var(--shadow)}.form-header h1{font-size:22px}.duration-grid{gap:10px}.duration-card{padding:14px 8px}.duration-card .dc-num{font-size:22px}.duration-card .dc-label{font-size:11px}.submissions,.stats-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select.brutal-input{width:100%}.admin-bar h1{font-size:16px}.submission{grid-template-columns:64px 1fr}.submission .sub-actions{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}}.row{display:flex;gap:10px;align-items:center}.spacer{flex:1}.muted{color:#555;font-weight:600;font-size:13px}.center{display:flex;align-items:center;justify-content:center}.cp-page{max-width:800px;margin:0 auto;padding:24px 16px 80px}.cp-login{padding:36px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}.cp-login>*{width:100%}.cp-login>.bear-logo{width:110px}.cp-header{padding:20px 22px}.cp-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.cp-count{border:2px solid #000;border-radius:10px;padding:12px;background:#fff;box-shadow:3px 3px #000}.cp-count[data-tone=green]{background:var(--green)}.cp-count[data-tone=blue]{background:var(--blue)}.cp-count[data-tone=yellow]{background:var(--yellow)}.cp-count-num{font-weight:900;font-size:28px;line-height:1;letter-spacing:-.04em}.cp-count-label{font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.cp-list{display:flex;flex-direction:column;gap:16px;margin-top:18px}.cp-card{background:#fff;border:3px solid #000;border-radius:14px;box-shadow:6px 6px #000;padding:18px;position:relative}.cp-card.is-ready{background:linear-gradient(180deg,#fff,#fff 60%,#fff8e7)}.cp-card-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.cp-status-strip{margin-top:14px;background:var(--cream);border:2px solid #000;border-radius:8px;padding:10px 14px}.cred-block{margin-top:14px;background:#fff;border:2.5px solid #000;border-radius:12px;padding:16px;box-shadow:4px 4px #000;position:relative;overflow:hidden}.cred-block:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#f7d154 0,#f7d154 16px,#000 16px,#000 24px,#7ac4ec 24px,#7ac4ec 40px,#000 40px,#000 48px,#f5a663 48px,#f5a663 64px,#000 64px,#000 72px)}.cred-header{display:flex;align-items:center;gap:12px;margin-top:4px;margin-bottom:14px}.cred-title{font-weight:900;font-size:16px;letter-spacing:-.01em}.cred-sub{font-weight:700;font-size:12px;color:#555}.cred-fields{display:flex;flex-direction:column;gap:10px}.cred-label{font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.cred-value-row{display:flex;gap:6px;align-items:stretch}.cred-value{flex:1;background:var(--cream);border:2px solid #000;border-radius:8px;padding:10px 12px;font-weight:700;font-size:14px;word-break:break-all;display:flex;align-items:center;min-height:40px}.cred-value.is-mono{font-family:JetBrains Mono,monospace;letter-spacing:.02em}.cred-note{margin-top:12px;background:var(--pink-soft);border:2px solid #000;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4}@media (max-width: 720px){.cp-counts{grid-template-columns:repeat(3,1fr);gap:6px}.cp-count{padding:8px}.cp-count-num{font-size:22px}}.qq-track{display:flex;align-items:flex-start;gap:6px;padding:8px 0 4px}.qq-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.qq-dot{width:36px;height:36px;border:2.5px solid #000;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:2px 2px #000}.qq-step.is-done .qq-dot{background:var(--green)}.qq-step.is-current .qq-dot{background:var(--blue);animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:2px 2px #000;transform:scale(1)}50%{box-shadow:2px 2px #000,0 0 0 6px #7ac4ec73;transform:scale(1.04)}}.qq-step-label{font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-align:center}.qq-line{flex:1;height:3px;background:linear-gradient(90deg,#000 0 8px,transparent 8px 14px) 0 0 / 14px 3px repeat-x;margin-top:16px;min-width:18px}.qq-line.is-done{background:var(--green);border-top:none}.qq-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);border:1.5px solid #000;margin-right:6px;vertical-align:middle;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.track-page{max-width:1080px;margin:0 auto;padding:24px 16px 80px}.track-header{padding:20px 22px}.track-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.track-stat{border:2px solid #000;border-radius:10px;padding:10px 12px;background:#fff;box-shadow:3px 3px #000}.track-stat[data-tone=yellow]{background:var(--yellow)}.track-stat[data-tone=blue]{background:var(--blue)}.track-stat[data-tone=green]{background:var(--green)}.track-stat .ts-num{font-weight:900;font-size:28px;line-height:1;letter-spacing:-.04em}.track-stat .ts-label{font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.track-list{display:flex;flex-direction:column;gap:12px}.track-row{background:#fff;border:3px solid #000;border-radius:12px;box-shadow:4px 4px #000;padding:14px 16px;display:grid;grid-template-columns:64px 1fr 280px;gap:16px;align-items:center}.track-row--processing{background:#f2faff}.track-row--fulfilled{background:#f4fff1}.track-pos{display:flex;align-items:center;justify-content:center}.track-pos-num{width:56px;height:56px;background:var(--yellow);border:2.5px solid #000;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;font-family:JetBrains Mono,monospace;box-shadow:2px 2px #000}.track-pos-num.is-active{background:var(--blue)}.track-pos-num.is-done{background:var(--green);font-size:22px}.track-pos-num.is-muted{background:#fff;color:#888}.track-name{font-weight:800;font-size:15px}.track-email{font-size:12px;word-break:break-all;margin-top:2px}.track-product{margin-top:8px;font-size:13px;font-weight:700;background:var(--cream);border:2px solid #000;border-radius:6px;padding:5px 8px;display:inline-block;max-width:100%}.track-track-wrap{display:flex;align-items:center}.mini-track{display:flex;width:100%;align-items:center;gap:4px;position:relative}.mini-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.mini-dot{width:14px;height:14px;border:2px solid #000;border-radius:50%;background:#fff}.mini-step.is-done .mini-dot{background:var(--green)}.mini-step.is-current .mini-dot{background:var(--blue);animation:pulse-dot 1.4s ease-in-out infinite}.mini-label{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#666;text-align:center}.mini-step.is-done .mini-label{color:#000}@media (max-width: 860px){.track-row{grid-template-columns:56px 1fr}.track-track-wrap{grid-column:1 / -1;padding-top:4px}.track-stats{grid-template-columns:repeat(2,1fr)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}