@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--bg: #1a1030;--bg-card: #261848;--bg-card-hover: #2f1e5a;--pink: #ff6b9d;--purple: #c084fc;--yellow: #fbbf24;--cyan: #22d3ee;--green: #4ade80;--orange: #fb923c;--text: #f0e6ff;--text-muted: #a78bcc;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(192, 132, 252, .3);--radius: 1rem;--radius-sm: .6rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Nunito,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}.app{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.header{text-align:center;margin-bottom:2rem}.title{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--purple),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.title-emoji{-webkit-text-fill-color:initial;font-size:2rem}.subtitle{color:var(--text-muted);font-size:1.05rem;font-weight:600}.section{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow);border:1px solid rgba(192,132,252,.1)}.section-title{font-size:1.15rem;font-weight:700;color:var(--purple);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.count{font-size:.75rem;background:var(--pink);color:#fff;padding:.15rem .55rem;border-radius:999px;font-weight:700}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.5rem}.emoji-btn{font-size:1.8rem;background:#ffffff0d;border:2px solid transparent;border-radius:var(--radius-sm);padding:.35rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.emoji-btn:hover{background:#c084fc26;border-color:var(--purple);transform:scale(1.1)}.emoji-btn.selected{background:#ff6b9d33;border-color:var(--pink);box-shadow:0 0 12px #ff6b9d4d;transform:scale(1.1)}.mix-area{background:linear-gradient(135deg,#2a1a50,#1e1245);border-color:#ff6b9d26}.selected-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem;min-height:3.5rem;padding:.5rem;background:#0003;border-radius:var(--radius-sm);margin-bottom:.75rem}.placeholder{color:var(--text-muted);font-size:.95rem;font-weight:600}.selected-emoji{font-size:2.2rem;display:inline-flex;align-items:center;animation:pop .25s ease}.plus{font-size:1.2rem;color:var(--pink);margin:0 .35rem;font-weight:700}.preview-hint{text-align:center;font-size:.85rem;color:var(--cyan);margin-bottom:.5rem}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.action-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{font-family:inherit;font-size:.95rem;font-weight:700;padding:.65rem 1.5rem;border:none;border-radius:999px;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 4px 15px #ff6b9d59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d80}.btn-accent{background:linear-gradient(135deg,var(--cyan),var(--green));color:#1a1030;box-shadow:0 4px 15px #22d3ee4d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22d3ee73}.combo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem}.combo-card{background:linear-gradient(145deg,#2f1e5a,#241545);border:1px solid rgba(192,132,252,.15);border-radius:var(--radius);padding:1.25rem .75rem;text-align:center;position:relative;transition:all .2s ease;box-shadow:0 2px 12px #00000040}.combo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow);border-color:#c084fc59}.delete-btn{position:absolute;top:.35rem;right:.55rem;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;line-height:1;padding:.2rem}.combo-card:hover .delete-btn{opacity:1}.delete-btn:hover{color:var(--pink)}.combo-emojis{font-size:2.5rem;margin-bottom:.5rem;letter-spacing:.1em;filter:drop-shadow(0 2px 6px rgba(192,132,252,.3))}.combo-name{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.combo-tag{font-size:.7rem;font-weight:700;color:var(--yellow);background:#fbbf241f;padding:.15rem .5rem;border-radius:999px;letter-spacing:.04em}.empty-state{text-align:center;padding:1.5rem 0;color:var(--text-muted);font-size:.95rem}.footer{text-align:center;margin-top:2rem;color:var(--text-muted);font-size:.85rem}@media(max-width:480px){.app{padding:1rem .75rem 2rem}.title{font-size:1.8rem}.title-emoji{font-size:1.5rem}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.4rem}.emoji-btn{font-size:1.5rem}.selected-emoji{font-size:1.8rem}.combo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem}.combo-emojis{font-size:2rem}.section{padding:1.1rem;margin-bottom:1rem}.btn{padding:.55rem 1.2rem;font-size:.88rem}}@media(min-width:481px)and (max-width:768px){.combo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}