.glossary-container{max-width:750px;margin:0 auto;padding:48px 20px 20px;min-height:calc(100vh - 200px)}.glossary-header{text-align:center;margin-bottom:48px}.glossary-logo{font-size:72px;font-weight:700;margin-bottom:16px;color:#2851B3;letter-spacing:-2px}.glossary-subtitle{color:#5f6368;font-size:16px;margin-top:8px}.search-container{position:relative;max-width:600px;margin:0 auto 32px}.search-wrapper{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#9aa0a6;font-size:16px}.search-input{width:100%;padding:16px 20px 16px 48px;font-size:16px;border:1px solid #dfe1e5;border-radius:24px;background:#fff;transition:all 0.2s ease;box-shadow:0 2px 5px 1px rgba(64,60,67,.16)}.search-input:hover{box-shadow:0 2px 8px 1px rgba(64,60,67,.24);background-color:#fff}.search-input:focus{outline:none;box-shadow:0 2px 8px 1px rgba(64,60,67,.24);border-color:rgba(223,225,229,0)}.lucky-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;margin-bottom:16px;font-size:15px;font-weight:500;color:#202124;background:transparent;border:none;border-radius:24px;cursor:pointer;transition:all 0.3s ease;box-shadow:none}.lucky-button:hover{transform:translateY(-2px);background:transparent}.lucky-button:active{transform:translateY(0)}.lucky-button i{font-size:16px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lucky-button:hover i{animation-duration:0.5s}.category-filter{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.category-label{color:#5f6368;font-size:14px;font-weight:500}.category-select{padding:8px 12px;font-size:14px;border:1px solid #dadce0;border-radius:4px;background:white;color:#202124;cursor:pointer;transition:all 0.2s ease}.category-select:hover{border-color:#5f6368}.category-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.results-info{color:#70757a;font-size:14px;margin-bottom:16px}.tag-item{background:#fff;border-radius:8px;padding:20px;margin-bottom:12px;border:1px solid #fff;transition:all 0.2s ease;cursor:pointer;position:relative;text-decoration:none;display:block}.tag-item:hover{border-color:#dadce0;box-shadow:0 1px 2px 0 rgba(60,64,67,.3);text-decoration:none}.tag-title{color:#1a0dab;font-size:20px;line-height:1.3;text-decoration:none;display:block;margin-bottom:8px;font-weight:400}.tag-title:hover{text-decoration:underline;color:#1a0dab}.tag-category-badge{display:inline-block;background:#e8f0fe;color:#1967d2;font-size:12px;padding:4px 10px;border-radius:12px;margin-bottom:8px;font-weight:500}.tag-description{color:#4d5156;font-size:14px;line-height:1.58;margin-top:4px}.needs-description-badge{display:inline-block;background:#fef7e0;color:#ea8600;font-size:11px;padding:2px 8px;border-radius:3px;margin-left:8px;font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:#5f6368}.empty-icon{font-size:48px;color:#dadce0;margin-bottom:16px}.empty-title{font-size:18px;margin-bottom:8px;color:#202124;font-weight:400}.empty-text{font-size:14px;color:#5f6368}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:24px}.page-numbers{display:flex;gap:4px;align-items:center}.page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:var(--color-primary);cursor:pointer;transition:all 0.2s ease}.page-num:hover{background:#f1f3f4}.page-num.active{background:var(--color-primary);color:white;cursor:default}.page-nav{color:var(--color-primary);font-size:14px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all 0.2s ease;user-select:none}.page-nav:hover:not(.disabled){background:#f1f3f4}.page-nav.disabled{color:#dadce0;cursor:default}.page-ellipsis{color:#5f6368;padding:0 4px}.loading{text-align:center;padding:40px}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#autocompleteDropdown{position:absolute;top:100%;left:0;right:0;background:white;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06);margin-top:8px;max-height:400px;overflow-y:auto;z-index:1000;display:none}.autocomplete-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f3f4;transition:background 0.2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#f8f9fa}.suggestion-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.suggestion-icon{color:var(--color-primary);font-size:14px}.suggestion-name{font-weight:500;color:#202124;flex:1}.suggestion-category{font-size:11px;background:#e8f0fe;color:#1967d2;padding:2px 8px;border-radius:10px;font-weight:500}.suggestion-desc{font-size:13px;color:#5f6368;margin-left:22px;line-height:1.4}mark{background:#fff3cd;color:#202124;padding:1px 2px;border-radius:2px;font-weight:500}.welcome-state{text-align:center;padding:80px 20px;color:#5f6368}.welcome-icon{font-size:64px;color:#dadce0;margin-bottom:24px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.welcome-title{font-size:24px;margin-bottom:12px;color:#202124;font-weight:400}.welcome-text{font-size:16px;color:#5f6368;margin-bottom:24px}.welcome-examples{max-width:500px;margin:0 auto}.examples-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:14px;color:#5f6368;font-weight:500}.examples-label i{color:#fbbc04;font-size:16px}.examples-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.example-term{display:inline-block;padding:8px 16px;background:#f8f9fa;border:1px solid #dadce0;border-radius:20px;font-size:14px;color:#202124;cursor:pointer;transition:all 0.2s ease;user-select:none}.example-term:hover{background:var(--color-primary);color:white;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.example-term:active{transform:translateY(0)}@media (max-width:768px){.glossary-container{padding:32px 16px}.glossary-logo{font-size:48px;margin-bottom:24px}.search-container{max-width:100%}.tag-item{padding:16px}.tag-title{font-size:18px}.pagination-container{gap:16px}.welcome-state{padding:60px 20px}.welcome-icon{font-size:48px}.welcome-title{font-size:20px}.autocomplete-item{padding:10px 12px}}