.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}input:focus{outline:3px solid #1e90ff;outline-offset:2px}.result-item{padding:8px 0;border-bottom:1px solid #eee}body{font-size:16px;color:#111;background-color:#fefefe}.app-container{max-width:720px;margin:60px auto;padding:40px;background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000014;font-family:Inter,system-ui,sans-serif;text-align:center}h1{font-size:2.2rem;font-weight:700;margin-bottom:10px}.subtitle{color:#555;margin-bottom:30px}.search-bar{display:flex;gap:12px;margin-bottom:30px}.search-bar input{flex:1;padding:14px 16px;font-size:1rem;border-radius:12px;border:1px solid #ccc}.search-bar input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb33}.search-bar button{padding:14px 18px;border-radius:12px;border:1px solid #cccccc;background:#f9fafb;color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:56px}.search-bar button:hover{background:#e0e7ff}.results-container{margin-top:20px;background:#f9fafb;border-radius:16px;padding:25px;text-align:left}.result-item{padding:18px 0;border-bottom:1px solid #e5e7eb}.result-item:last-child{border-bottom:none}.part-of-speech{font-size:.9rem;font-weight:600;color:#2563eb}.definition{font-size:1.05rem;margin-top:6px}.example{margin-top:8px;color:#555;font-style:italic}.loading,.error,.no-results{margin-top:16px;font-style:italic;color:#6b7280}.error{color:#dc2626}.synonyms{margin-top:12px}.synonyms-title{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:6px}.synonyms-list{display:flex;flex-wrap:wrap;gap:8px}.synonym{background:#e0e7ff;color:#1e40af;padding:6px 10px;border-radius:999px;font-size:.85rem}.phonetics{margin-bottom:20px}.phonetic-item{display:flex;align-items:center;gap:12px;margin-bottom:8px}.phonetic-text{font-size:1.1rem;font-weight:500;color:#111827}.audio-player{height:32px}.phonetics{font-size:1rem}.phonetic-text{font-weight:600;color:#2563eb}.phonetics button:hover{color:#1e40af}.image-results{margin-top:30px}.image-results h2{font-size:1.2rem;margin-bottom:12px;color:#2563eb}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.image-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.image-grid{grid-template-columns:repeat(2,1fr)}}.image-grid img{width:100%;height:120px;object-fit:cover;border-radius:12px;transition:transform .2s ease;cursor:pointer}.image-grid img:hover{transform:scale(1.05)}