:root{font-family:Arial,Helvetica,sans-serif;color:#302820;background:#fff9f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 51% 45%,#ffe8e1 0%,#fff4ec 39%,#fff9f2 75%);display:flex;flex-direction:column}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;gap:20px}.brand{text-decoration:none;color:#302820;font-size:30px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center}.brand-icon{color:#ef684a;font-size:39px;margin-right:10px}.brand-dot{color:#ef684a}.header-note{font-size:10px;letter-spacing:2px;color:#84766b;display:flex;align-items:center;gap:9px}.header-note i{height:6px;width:6px;background:#99a789;border-radius:50%}button{font:inherit;cursor:pointer}.sound{background:transparent;border:1px solid #ded7cc;border-radius:30px;padding:11px 17px;font-size:12px;color:#70665f;display:flex;gap:9px;align-items:center}.sound span{font-size:19px}main{flex:1;text-align:center;padding:39px 20px 45px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:2.5px;color:#9c6654}.eyebrow span{font-size:18px;color:#ef795b}.hero{position:relative;max-width:780px;margin:auto}h1{font-size:clamp(90px,10vw,142px);line-height:.94;letter-spacing:-9px;margin:35px 0 25px;font-weight:800;position:relative;display:inline-block}h1>span:first-of-type{color:#ee7257}.title-star{position:absolute;right:-52px;top:91px;font-size:48px;color:#b0ae82;letter-spacing:0}.intro{font-size:17px;line-height:1.7;color:#8a796e;margin:27px 0 29px}.hello-button{background:#ed7053;border:1px solid #db6247;border-radius:18px;color:white;min-width:222px;min-height:67px;padding:18px 24px;font-size:20px;font-weight:600;display:inline-flex;justify-content:space-between;align-items:center;gap:42px;box-shadow:0 5px 0 #c9553b,0 14px 30px #e7785430;transition:transform .2s,box-shadow .2s}.hello-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #c9553b,0 17px 30px #e7785440}.hello-button:active{transform:translateY(4px);box-shadow:0 1px 0 #c9553b}.hello-button:focus-visible,.sound:focus-visible,#stop:focus-visible{outline:3px solid #534682;outline-offset:5px}.button-note{margin-top:21px;font-size:13px;font-family:Georgia,serif;font-style:italic;color:#a08c7e;transform:rotate(-3deg)}.button-note span{display:inline-block;transform:rotate(15deg);font-size:26px;vertical-align:middle;margin-right:4px}.sparkle{position:absolute}.sparkle-one{left:10%;top:50px;color:#b6b492;font-size:66px;transform:rotate(15deg)}.sparkle-two{right:12%;top:320px;color:#f4b65a;font-size:67px}.smiley{position:absolute;right:8%;top:35px;background:#f7d978;border:2px solid #b39851;width:78px;height:78px;border-radius:50%;transform:rotate(15deg);color:#6c5832;box-shadow:3px 5px 0 #e6c66355}.smiley span{position:absolute;top:9px;left:22px;font-size:29px;letter-spacing:8px}.smiley b{position:absolute;top:17px;left:17px;font-size:49px;font-weight:400}.orbit{position:absolute;border:2px solid #e7a694;width:53px;height:21px;border-radius:50%;transform:rotate(-35deg);left:18%;top:241px}.squiggle{position:absolute;left:12%;top:339px;font-size:64px;color:#b7b1cc;transform:rotate(-25deg)}.party-status{font-size:12px;color:#97867a;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:50px;min-height:25px}.status-dot{width:6px;height:6px;border-radius:50%;background:#b5bc9d}#stop{background:none;border:0;color:#a64c3c;text-decoration:underline;font-size:12px;margin-left:8px}#stop[hidden]{display:none}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee3d7;margin:0 5.3%;padding:24px 0;color:#a49385;font-size:11px}footer>span:last-child{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:13px}.footer-star{font-size:24px;color:#df9c84}canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.partying .smiley{animation:wiggle 1s infinite alternate}.partying h1{animation:wiggle 2s infinite alternate}.partying .status-dot{background:#ed7053}@keyframes wiggle{to{transform:rotate(-6deg)}}@media(max-width:600px){header{height:87px;padding:0 6%}.header-note{display:none}main{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{letter-spacing:-6px;margin-top:44px;font-size:105px}.title-star{right:-26px;top:75px;font-size:29px}.smiley{right:0;top:0;width:51px;height:51px}.smiley span{font-size:19px;top:3px;left:13px;letter-spacing:5px}.smiley b{font-size:33px;top:7px;left:9px}.sparkle-one{font-size:40px;left:0;top:65px}.sparkle-two{right:0;font-size:43px;top:300px}.orbit{left:0;top:230px;width:35px}.squiggle{left:0;top:350px;font-size:42px}.intro{font-size:15px}.party-status{margin-top:43px}footer{gap:20px;padding:20px 0;font-size:10px}footer>span:first-child{max-width:165px;line-height:1.6}footer>span:last-child{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}