@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;line-height:1.4;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:linear-gradient(135deg,#a8edea,#fed6e3,#ffd89b);color:#2d3436}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}.title{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#6c5ce7,#e17055,#00b894);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.subtitle{font-size:1.15rem;color:#636e72;text-align:center;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;max-width:720px;width:100%}.word-card{background:#fff;border-radius:1rem;overflow:hidden;border:3px solid;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;align-items:center;transition:transform .15s}.word-card:hover{transform:translateY(-3px)}.word-card-header{width:100%;padding:.6rem;text-align:center;color:#fff;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.word-card-emoji{font-size:1.3rem}.word-display{padding:1.2rem .8rem;min-height:80px;display:grid;place-items:center;width:100%}.spinning{font-size:1.1rem;font-weight:600;color:#636e72;animation:wobble .1s ease-in-out infinite}@keyframes wobble{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.picked{font-size:1.15rem;font-weight:600;color:#2d3436;text-align:center}.empty{font-size:2rem;color:#b2bec3}.spin-btn{width:calc(100% - 1.6rem);margin:0 .8rem .8rem;padding:.55rem;border:none;border-radius:.6rem;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.spin-btn:hover:not(:disabled){opacity:.85;transform:scale(1.03)}.spin-btn:active:not(:disabled){transform:scale(.97)}.spin-btn:disabled{opacity:.5;cursor:not-allowed}.spin-all-btn{padding:.85rem 2.8rem;border:none;border-radius:3rem;background:linear-gradient(135deg,#6c5ce7,#e17055);color:#fff;font-family:inherit;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #6c5ce759;transition:transform .15s,box-shadow .15s}.spin-all-btn:hover:not(:disabled){transform:scale(1.06);box-shadow:0 6px 24px #6c5ce773}.spin-all-btn:active:not(:disabled){transform:scale(.97)}.spin-all-btn:disabled{opacity:.5;cursor:not-allowed}.result{background:#fff;border-radius:1.2rem;padding:1.5rem 2.5rem;text-align:center;box-shadow:0 6px 25px #0000001a;border:3px solid #ffd93d;max-width:520px;animation:popIn .35s ease-out}@keyframes popIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-label{font-size:.9rem;color:#636e72;font-weight:500;margin-bottom:.4rem}.result-sentence{font-size:1.5rem;font-weight:700;color:#6c5ce7;line-height:1.3}