:root{font-family:Lacquer,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#333;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#fdfcf8,#f9f7f0,#f5f3e8,#f1efde,#edebd4);position:relative;padding:1rem}#app{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.title{font-family:Lacquer,cursive;font-size:5rem;font-weight:400;margin:0;color:#1a1a1a;display:flex;flex-wrap:wrap;justify-content:center;gap:.1rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.emoji{display:inline-block;font-size:1em;margin-right:2rem;animation:glow 3s ease-in-out infinite alternate}.emoji-right{margin-right:0;margin-left:2rem}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(255,165,0,.3))}to{filter:drop-shadow(0 0 15px rgba(255,165,0,.6))}}.letter{display:inline-block;cursor:pointer;transition:transform .2s ease,color .2s ease;transform-origin:center bottom;position:relative;white-space:pre;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.letter:hover{color:#e74c3c;transform:scale(1.1)}@keyframes hinge{0%{transform-origin:center top;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,-25deg);transform-origin:center top;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,15deg);transform-origin:center top;animation-timing-function:ease-in-out;opacity:1}90%{transform:rotate3d(0,0,1,-10deg);transform-origin:center top;opacity:.8}to{transform:translate3d(0,400px,0) rotate3d(0,0,1,0);opacity:0}}@keyframes letterFallBackup{0%{transform:rotate(0) translateY(0);opacity:1}15%{transform:rotate(5deg) translateY(20px)}30%{transform:rotate(-3deg) translateY(50px)}45%{transform:rotate(8deg) translateY(90px)}60%{transform:rotate(-5deg) translateY(140px);opacity:.7}80%{transform:rotate(12deg) translateY(200px);opacity:.3}to{transform:rotate(20deg) translateY(300px);opacity:0}}@keyframes letterDrop{0%{transform:translateY(-150px) rotate(-12deg);opacity:0}40%{opacity:.5}80%{opacity:1;transform:translateY(-1px) rotate(-1deg)}}.title-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.mobile-emoji{display:none}.desktop-emoji{display:inline-block}.text-container{display:inline-flex;flex-wrap:wrap;justify-content:center}@media (max-width: 1024px){body{padding:.5rem}.title-wrapper{flex-direction:column;gap:1rem}.title{font-size:3rem;margin:0}.mobile-emoji{display:block;font-size:2.5rem;margin:0}.desktop-emoji,.emoji-right{display:none}.text-container{display:block;text-align:center;line-height:1.2}.letter{display:inline-block;white-space:pre}}@media (max-width: 480px){.title{font-size:2rem;gap:.8rem}.emoji{font-size:2rem}}@media (prefers-color-scheme: dark){:root{color:#e2e8f0;background-color:#1a202c}body{background:linear-gradient(135deg,#2d3748,#374151,#4b5563,#6b7280,#9ca3af)}.title{color:#f7fafc;filter:drop-shadow(2px 2px 4px rgba(255,255,255,.2))}.letter:hover{color:#fc8181}}