html,body{margin:0;padding:0;background:#0b3f4a;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}a{color:#0e6d7a;text-decoration:none}a:hover{color:#2aa0ae}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}@keyframes fall{0%{transform:translate3d(0,-12vh,0) rotate(0);opacity:0}8%{opacity:.95}to{transform:translate3d(6vw,112vh,0) rotate(320deg);opacity:0}}@keyframes sway{0%,to{transform:translate(-6px) rotate(-3deg)}50%{transform:translate(6px) rotate(3deg)}}@keyframes shimmer{0%,to{transform:translate(-4%) scaleY(1);opacity:.5}50%{transform:translate(4%) scaleY(1.08);opacity:.85}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.12);opacity:.8}}@keyframes slideUpIn{0%{transform:translateY(72%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40%);opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.09)}28%{transform:scale(1)}42%{transform:scale(1.06)}56%{transform:scale(1)}}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}.css-heart{position:relative;width:100%;height:100%;background:#ff4f9a}.css-heart:before,.css-heart:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#ff4f9a}.css-heart:before{left:-50%;top:0}.css-heart:after{left:0;top:-50%}.key{height:76px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:29px;line-height:1;font-weight:400;font-family:var(--head-font);color:#0b3f4a;background:#ffffff70;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 18px #0b3f4a1f;transition:transform .12s ease,background .16s ease}.key:hover{background:#ffffff9e}.key:active{transform:scale(.93);background:#ffffffc7}.key:focus-visible{outline:2px solid #fff;outline-offset:2px}.key--blank{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}