.vocab-search-container{max-width:1200px;margin:0 auto;padding:calc(var(--header-height, 80px) + 2rem) 1.5rem 3rem}.vocab-header{text-align:center;margin-bottom:2.5rem}.vocab-header h1{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--gray-900);margin:0 0 .5rem}.vocab-header p{font-size:1rem;color:var(--gray-500);max-width:600px;margin:0 auto}.search-box{max-width:640px;margin:0 auto 2rem;position:relative}.search-box input{width:100%;padding:.875rem 1.25rem .875rem 3rem;font-size:1rem;border:1px solid var(--gray-300);border-radius:.5rem;background:var(--white);color:var(--gray-800);transition:border-color .2s,box-shadow .2s}.search-box input:focus{outline:0;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.search-box input::placeholder{color:var(--gray-400)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gray-400);pointer-events:none}.search-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.search-hint{text-align:center;font-size:.8125rem;color:var(--gray-400);margin-top:.5rem}.search-error,.search-loading{text-align:center;padding:2rem;color:var(--gray-500);display:none}.search-error.active,.search-loading.active,.word-result.active{display:block}.search-error{padding:1.5rem;background:var(--gray-50);border-radius:.5rem}.word-result{background:var(--white);border:1px solid var(--gray-200);border-radius:.75rem;padding:2rem;margin-bottom:1.5rem;display:none}.word-title{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.word-title h2{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0}.word-phonetic{font-size:1rem;color:var(--primary-600);font-style:italic}.word-audio,.word-section{margin-bottom:1.5rem}.word-audio button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:.375rem;color:var(--primary-600);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s}.word-audio button:hover{background:var(--primary-100)}.word-section{padding-bottom:1.5rem;border-bottom:1px solid var(--gray-100)}.word-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.recent-searches h3,.word-section h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin:0 0 .75rem}.definition-list{list-style:none;padding:0;margin:0}.definition-list li{padding:.5rem 0 .5rem 1.25rem;position:relative;font-size:.9375rem;color:var(--gray-700);line-height:1.6}.definition-list li::before{content:"";position:absolute;left:0;top:.9rem;width:6px;height:6px;background:var(--primary-400);border-radius:50%}.definition-example{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--gray-500);font-style:italic;padding-left:.75rem;border-left:2px solid var(--gray-200)}.antonyms-list,.synonyms-list{display:flex;flex-wrap:wrap;gap:.375rem}.antonyms-list span,.recent-tags button,.synonyms-list span{border:1px solid var(--gray-200);font-size:.8125rem;color:var(--gray-600);cursor:pointer}.antonyms-list span,.synonyms-list span{padding:.25rem .625rem;background:var(--gray-50);border-radius:.25rem;transition:border-color .2s}.antonyms-list span:hover,.recent-tags button:hover,.synonyms-list span:hover{border-color:var(--primary-300);color:var(--primary-600)}.word-origin{font-size:.875rem;color:var(--gray-600);line-height:1.6}.recent-searches{max-width:640px;margin:2rem auto 0}.recent-searches h3{font-size:.8125rem;font-weight:600;color:var(--gray-500);margin:0 0 .5rem;letter-spacing:.05em}.recent-tags{display:flex;flex-wrap:wrap;gap:.375rem}.recent-tags button{padding:.25rem .75rem;background:var(--white);border-radius:2rem;transition:all .2s}@media (max-width:640px){.vocab-search-container{padding:calc(var(--header-height, 80px) + 1.5rem) 1rem 2rem}.word-result{padding:1.25rem}.word-title h2{font-size:1.375rem}}