*{box-sizing:border-box}body{margin:0;background:#eaf7f3;color:#19493f;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #378d7d;outline-offset:5px}.app{max-width:460px;min-height:100svh;margin:auto;padding:30px 26px 115px;position:relative;isolation:isolate;overflow:hidden}.app:before,.app:after{content:'';position:absolute;z-index:-1;width:350px;height:350px;border-radius:50%;filter:blur(55px);opacity:.65;pointer-events:none;animation:drift 12s ease-in-out infinite alternate}.app:before{background:#9ee9d9;top:90px;left:-150px}.app:after{background:#bfdac5;top:225px;right:-150px;animation-delay:-6s}header{display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;font-weight:700;letter-spacing:-1px;font-size:24px}.brand span{font-size:26px;font-weight:400;margin-inline-end:5px}.language{border:1px solid #fff9;background:#ffffff45;backdrop-filter:blur(12px);padding:9px 13px;border-radius:30px;color:#19493f;font-size:13px}.visual{height:300px;display:grid;place-items:center;position:relative;margin:25px 0 18px}.orb{width:185px;height:160px;background:linear-gradient(130deg,#d5fff0,#58bda9 45%,#347b72);border-radius:48% 52% 63% 37% / 49% 35% 65% 51%;box-shadow:inset -15px -20px 30px #0002,inset 12px 12px 26px #ffffff60,0 25px 70px #3d9e8430;animation:morph 10s ease-in-out infinite alternate}.visual>span{position:absolute;font-size:54px;color:#effff5;text-shadow:0 2px 15px #ffffff35;animation:float 7s ease-in-out infinite}.create{width:100%;border:0;padding:20px 23px;background:#235c51;color:white;font-size:16px;font-weight:600;border-radius:22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 28px #3d9e8425;transition:transform .2s}.create:hover{transform:translateY(-2px)}h1{font-size:14px;font-weight:500;margin:30px 0 17px}.occasions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.occasion{border:0;background:transparent;color:inherit;padding:0;font-size:10px;line-height:1.4}.ico{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 9px;background:#ffffff35;border:1px solid #ffffff75;backdrop-filter:blur(14px);border-radius:17px;transition:background .2s}.occasion:hover .ico{background:#ffffffa0}.occasion[aria-pressed=true] .ico{background:#235c51;color:#fff}.ico svg{width:21px;height:21px}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);padding:19px 12px max(22px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;border-top:1px solid #ffffff75;background:#eaf7f3b0;backdrop-filter:blur(25px);z-index:2}nav button{border:0;background:none;color:#19493f;font-size:10px;opacity:.45;padding:0 12px}nav .active{opacity:1}nav svg{width:20px;height:20px;display:block;margin:0 auto 8px}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#235c51;color:white;font-size:12px;padding:13px 20px;border-radius:24px;z-index:5;text-align:center;max-width:90%;width:max-content;display:none}[dir=rtl] .brand{letter-spacing:0}@keyframes drift{to{transform:translate(45px,-35px) scale(1.1)}}@keyframes float{50%{translate:0 -12px}}@keyframes morph{to{border-radius:36% 64% 39% 61% / 64% 57% 43% 36%;translate:0 -10px}}@media(min-width:600px){body{background:#e4efeb}.app{margin:25px auto;border:1px solid #ffffff90;border-radius:34px;min-height:740px;background:#eaf7f3;box-shadow:0 20px 70px #19493f12}nav{position:absolute;width:100%;border-radius:0 0 34px 34px}}@media(max-height:730px) and (max-width:599px){.visual{height:235px;margin:15px 0}.app{padding-top:22px}}@media(prefers-reduced-motion:reduce){.app:before,.app:after,.orb,.visual>span{animation:none}.create,.ico{transition:none}}
[hidden]{display:none!important}