:root{--bg-1: #1a1c2e;--bg-2: #2d1b4e;--accent: #ff7a45;--accent-2: #ffd166;--card: rgba(255, 255, 255, .06);--text: #f4f4f8;--muted: #a9a9c4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 20%,var(--bg-2),var(--bg-1) 70%)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem}.card{width:100%;max-width:460px;background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2.5rem 2rem;text-align:center;box-shadow:0 20px 60px #0006}.emoji{font-size:3rem;line-height:1}h1{margin-top:.75rem;font-size:1.75rem;background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin-top:.5rem;color:var(--muted);font-size:.95rem}.form{margin-top:1.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.form input{flex:1 1 200px;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:var(--text);font-size:1rem;outline:none}.form input:focus{border-color:var(--accent)}.form input::placeholder{color:var(--muted)}button{cursor:pointer;font-size:1rem;font-weight:600;border:none;border-radius:12px;padding:.8rem 1.2rem;color:#1a1c2e;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:transform .08s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.result{margin-top:2rem;animation:pop .3s ease}.result-label{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.result-name{margin-top:.5rem;font-size:2.1rem;font-weight:800;color:var(--accent-2)}.result-actions{margin-top:1.25rem;display:flex;gap:.5rem;justify-content:center}button.ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}button.ghost:hover{border-color:var(--accent)}.footer{color:var(--muted);font-size:.85rem}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
