*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ffeef8,#ffe0f0,#ffd4e5);min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;min-height:100vh}.screen-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}h1{color:#d81b60;font-size:2.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}h2{color:#c2185b;font-size:1.8rem;margin-bottom:1rem}p{color:#880e4f;font-size:1.2rem;line-height:1.6;max-width:600px}button{padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.primary-button{background:linear-gradient(135deg,#ff4081,#f50057);color:#fff}.primary-button:hover{background:linear-gradient(135deg,#ff5a92,#ff1565)}.secondary-button{background:linear-gradient(135deg,#ffc1e3,#ffb3d9);color:#880e4f}.secondary-button:hover{background:linear-gradient(135deg,#ffd4ec,#ffc9e6)}.emoji-option{font-size:3rem;padding:1rem;margin:.5rem;background:#fff;border:3px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s ease;display:inline-block}.emoji-option:hover{transform:scale(1.1);border-color:#ff4081;box-shadow:0 4px 12px #ff40814d}.emoji-option.selected{border-color:#f50057;background:#ffe0f0;transform:scale(1.15)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem}.emoji-option{font-size:2.5rem;padding:.75rem}}