body{background:linear-gradient(135deg,#667eea,#764ba2);color:#2d3748;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:20px;text-align:center}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:0 auto;max-width:600px;padding:2rem}h1{color:#4c51bf;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}#wordleGrid{display:inline-block;margin-top:32px}.word-row{align-items:center;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;padding:4px;transition:background-color .2s ease-in-out}.word-row.active-row{background-color:#4c51bf0d;border:2px dashed #4c51bf33}.wordle-char{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#2d3748;cursor:pointer;font-size:1.8rem;font-weight:700;height:52px;line-height:48px;margin:4px;text-align:center;text-transform:uppercase;transition:all .2s ease-in-out;width:52px}.wordle-char:hover{box-shadow:0 6px 8px -1px #00000026,0 4px 6px -1px #0000001a;transform:translateY(-1px)}.wordle-char-gray{background-color:#a0aec0;border-color:#a0aec0;color:#fff}.wordle-char-yellow{background-color:#ed8936;border-color:#ed8936;color:#fff}.wordle-char-green{background-color:#48bb78;border-color:#48bb78;color:#fff}#suggestedWords{margin-top:20px}.suggested-words-row{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:1rem 0;padding:1rem}.suggested-word{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease-in-out}.suggested-word:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;margin:4px;padding:10px 20px;transition:all .2s ease-in-out}.btn-primary{background:linear-gradient(135deg,#4c51bf,#667eea);box-shadow:0 4px 6px -1px #0000001a;color:#fff}.btn-primary:hover{box-shadow:0 6px 8px -1px #00000026;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;border:1px solid #cbd5e0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-1px)}.input-field{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:1.1rem;font-weight:600;letter-spacing:.1em;padding:12px 16px;text-align:center;text-transform:uppercase;transition:border-color .2s ease-in-out}.input-field:focus{border-color:#4c51bf;box-shadow:0 0 0 3px #4c51bf1a;outline:none}@media (max-width:768px){.container{margin:0 10px;padding:1rem}h1{font-size:2rem}.wordle-char{font-size:1.6rem;height:45px;margin:3px;width:45px}.btn{font-size:.9rem;padding:8px 16px}.input-field{font-size:1rem;padding:10px 12px}}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.input-field:disabled{cursor:not-allowed;opacity:.7}.loading{position:relative}.loading:after{animation:spin 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;margin:auto;position:absolute;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.33a0ceef.css.map*/