body,html,#root{margin:0;padding:0;width:100%;height:100%;font-family:Inter,sans-serif;background-color:#f5f5f5;overflow:hidden}.app-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{margin-bottom:0;font-size:2rem}h2,h3{margin:5px 0}.main-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.card-content{height:90%;padding:1rem;box-sizing:border-box}.card-container{position:relative;width:450px;height:350px}.card{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 4px 10px #0000004d;border-radius:12px;touch-action:none;transform-origin:center center;will-change:transform;max-height:90%;min-height:90%;width:100%;overflow:hidden}.app-container hr{width:100%}.card p{-webkit-user-select:none;user-select:none;font-size:1.2rem;margin:0;width:90%;padding:1rem;text-align:left;word-break:break-word;line-height:1.75;max-height:90%;white-space:pre-wrap}.card p.emoji{font-size:10rem;text-align:center}@media (max-width: 768px){.card-container{width:300px;height:250px}.app-container hr{width:80%}p{padding-left:20px;padding-right:15px}.card p{font-size:1rem;padding:15px}.card p.emoji{font-size:6rem}h1{font-size:1.5rem}}