body{color:#e0e0e0;box-sizing:border-box;background-color:#1a1a2e;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:20px;font-family:Arial,sans-serif;line-height:1.6;display:flex}#root{flex-direction:column;gap:20px;width:100%;max-width:900px;display:flex}header{text-align:center;margin-bottom:30px}header h1{color:#00bcd4;margin-bottom:10px;font-size:2.8em}header p{color:#b0b0b0;font-size:1.1em}.section-container{background-color:#2a2a4a;border-radius:10px;padding:25px;box-shadow:0 5px 15px #0000004d}.section-container h2{color:#00bcd4;border-bottom:2px solid #00bcd44d;margin-bottom:20px;padding-bottom:10px;font-size:1.8em}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:10px;display:grid}.emoji-button{cursor:pointer;background-color:#3a3a5a;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:2em;transition:all .2s ease-in-out;display:flex}.emoji-button:hover{background-color:#4a4a6a;transform:scale(1.05)}.emoji-button:focus-visible{outline-offset:2px;outline:3px solid #00bcd4;transform:scale(1.05)}.emoji-button.selected{background-color:#00bcd4;transform:scale(1.1);box-shadow:0 0 10px #00bcd480}textarea{color:#e0e0e0;resize:vertical;box-sizing:border-box;background-color:#3a3a5a;border:1px solid #5a5a7a;border-radius:8px;width:100%;min-height:100px;padding:15px;font-size:1em}textarea:focus{border-color:#00bcd4;outline:none;box-shadow:0 0 8px #00bcd480}.copy-button-container{margin-top:15px;position:relative}.copy-button{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:8px;width:100%;padding:10px 20px;font-size:1.1em;transition:background-color .2s ease-in-out}.copy-button:hover:not(:disabled){background-color:#0097a7}.copy-button:disabled{cursor:not-allowed;background-color:#5a5a7a}.error-message{color:#ff6b6b;margin-top:10px;font-size:.9em}footer{text-align:center;color:gray;margin-top:40px;font-size:.9em}@media (width<=600px){header h1{font-size:2em}.section-container{padding:15px}.section-container h2{font-size:1.5em}.emoji-button{padding:8px;font-size:1.5em}}